/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; -webkit-tap-highlight-color: transparent;} html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; } ::selection { background: #e7e7e7; color: #000; text-shadow: none; } /* Misc defaults */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0;} textarea { resize: vertical;} body {-webkit-font-smoothing:subpixel-antialiased;} /* ========================================================================== Browser Upgrade ========================================================================== */ .browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;} .browserupgrade a {color: #b81424;} /* ========================================================================== Author's custom styles ========================================================================== */ body{font-size:16px; background-color:#fff;} h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0; font-size: 1em;font-family: 'CooperHewitt Semibold', sans-serif;} p{line-height:1.3em; padding-bottom:1em; font-size:0.88em; margin: 0; letter-spacing: 0.02em;} a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);} ul {list-style:none; padding:0; margin:0;} img {max-width:100%; height:auto;} input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);} textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;} select > option {padding: 0; -moz-padding:0;} .crms::-webkit-input-placeholder {color: #e7e7e7;} .crms:-moz-placeholder {color: #e7e7e7;} .crms::-moz-placeholder {color: #e7e7e7;} .crms:-ms-input-placeholder {color: #e7e7e7;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} /* Firefox */ input[type=number] {-moz-appearance: textfield;} /* ========================================================================== text colors related ========================================================================== */ /* normal */ body {color:#5b5b5b;font-family: 'CooperHewitt Book';overflow-x: hidden;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;} .clearfix: {*zoom: 1;} @font-face {font-family:"CooperHewitt Thin";src:url("CooperHewitt-Thin.otf");} @font-face {font-family:"CooperHewitt Light";src:url("CooperHewitt-Light.otf");} @font-face {font-family:"CooperHewitt Book";src:url("CooperHewitt-Book.otf");} @font-face {font-family:"CooperHewitt Medium";src:url("CooperHewitt-Medium.otf");} @font-face {font-family:"CooperHewitt Semibold";src:url("CooperHewitt-Semibold.otf");} @font-face {font-family:"CooperHewitt Bold";src:url("CooperHewitt-Bold.otf");} @font-face {font-family:"CooperHewitt Heavy";src:url("CooperHewitt-Heavy.otf");} body{/*background: url(../bg/About-us.jpg) no-repeat 0 0 / 100% auto*/;padding-bottom: 000px;} /* ========================================================================== common code ========================================================================== */ *{box-sizing: border-box;} .navi,.innovat,.hmblogs,.social,.pterbs,.foot2 > ul,.orcult,.ladvntgpd,.jbopne,.conecto,.overviw,.prdftre,.pdbochre,.rsrchslid,.srsrvc,.atstry {font-size: 0;} .navi > li,.hmblogs > div,.social > li,.pterbs > li,.foot2 > ul > li,.orcult > div,.jbopne > div,.conecto > div,.overviw > div,.prdftre > div,.pdbochre > div,.rsrchslid > div,.srsrvc > div,.atstry > div{display: inline-block;vertical-align: top;font-size: 16px;} .ladvntgpd > div,.innovat > div{display: inline-block;vertical-align: middle;font-size: 16px;} .hedleft {float: left;} .hedright {float: right;} .homecls,.dymicprt{position: relative;} a,.head,.hcontainer,.logo,.hedright{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} #overlay{z-index:9999;align-items: center;justify-content: center;display: none;} #overlay{width:100%;height:100%;top:0;min-width:320px} #overlay{position:fixed} #overlay{background-color:rgba(0,0,0,.6)} #message{width:30%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px} #message{background-color:rgba(255,255,255,.8)} #message{font-weight:400} #message #okbtn{color:#fff;padding:5px 20px;background:#dc6218} #overlay.closes{display: flex;} /*=============================================================== Helper Class ================================================================*/ #orimode {position: fixed;z-index: 9999999;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.9);display: none;} .oriprompt {-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;color: #fff;position: absolute;top: 50%;left: 0;right: 0; padding: 20px;} .oriprompt {text-align: center;color: #fff;} .oriprompt h3 {color: #fff;text-transform: uppercase; font-size: 1.6em;} .oriprompt p {color: #fff;text-align: center; font-size: 1em;} .oriprompt h2 img {width: auto;} /* ========================================================================== Animation ========================================================================== */ .line {position: relative;overflow: hidden;display: flex;} .fstdots > span,.pnertot7.htg .pnertot6,.cnctwrld5.htg.in-view .cnctwrld2,.cnctwrld5.htg.in-view .point_line,.csdots.htg.in-view > span,.hmblogs4.htg.in-view > span,.content.anmtr .pnertot8,.bnrdots > span,.invtdots.htg.in-view > span,.nlgdots.htg.in-view > span,.animte.htg.in-view,.prdftre.htg.in-view .prdftre1,.fstdots.htg.in-view > span,.jbdots.htg.in-view > span,.abtsta.htg.in-view .abtsta1,.atstry21.htg.in-view > p,.abtsone.htg.in-view .owl-item,.awrdimg.htg.in-view .ardg1,.srsrvc4,.nlgdots > span{opacity: 0;visibility: hidden;} .content.anmtr .cnctlvs .fstdots > span,.pnertot7.htg.in-view .pnertot6,.cnctwrld5.htg .point_line,.cnctwrld5.htg .cnctwrld2,.csdots.htg > span,.hmblogs4.htg > span,.content.anmtr .bnrdots > span,.invtdots.htg > span,.nlgdots.htg > span,.animte.htg,.prdftre.htg .prdftre1,.fstdots.htg > span,.jbdots.htg > span,.abtsta.htg .abtsta1,.atstry21.htg > p,.abtsone.htg .owl-item,.awrdimg.htg .ardg1,.content.anmtr .srsrvc4,.content.anmtr .nlgdots > span{opacity: 1;visibility: visible;} .milsncnt.htg.in-view,.relent1t.abtrlnt.htg.in-view > h3,.relent1t.abtrlnt.htg.in-view > h5,.relent1t.abtrlnt.htg.in-view > p,.relent1t.abtrlnt.htg.in-view > a,.orteamm.htg.in-view .orteamm1,.dmawrd.htg.in-view,.grener21.htg.in-view > p{opacity: 0;transform: translateY(30px);} .milsncnt.htg,.relent1t.abtrlnt.htg > h3,.relent1t.abtrlnt.htg > h5,.relent1t.abtrlnt.htg > p,.relent1t.abtrlnt.htg > a,.orteamm.htg .orteamm1,.dmawrd.htg,.grener21.htg > p{opacity: 1;transform: translateY(0px);} .orothrpd1.htg.in-view .owl-item.active{opacity: 0;transform: translateY(50px);} .orothrpd1.htg .owl-item.active{opacity: 1;transform: translateY(0px);} .awrdimg.htg .ardg1:nth-child(1){-webkit-transition: all 500ms ease-in-out 0.3s;-moz-transition: all 500ms ease-in-out 0.3s;-ms-transition: all 500ms ease-in-out 0.3s;-o-transition: all 500ms ease-in-out 0.3s;transition: all 500ms ease-in-out 0.3s;} .awrdimg.htg .ardg1:nth-child(2){-webkit-transition: all 500ms ease-in-out 0.4s;-moz-transition: all 500ms ease-in-out 0.4s;-ms-transition: all 500ms ease-in-out 0.4s;-o-transition: all 500ms ease-in-out 0.4s;transition: all 500ms ease-in-out 0.4s;} .content.anmtr .fstdots > span:nth-child(1),.pnertot6:nth-child(1),.csdots.htg > span:nth-child(1),.hmblogs4.htg > span:nth-child(1),.hmblogs4.htg > span:nth-child(2),.pnertot8:nth-child(1),.invtdots.htg > span:nth-child(5),.nlgdots > span:nth-child(5),.animte,.prdftre.htg .prdftre1:nth-child(1),.fstdots.htg > span:nth-child(1),.jbdots.htg > span:nth-child(4),.abtsta.htg .abtsta1:nth-child(1),.atstry21.htg > p:nth-child(3),.vertcaroph.htg::before,.milsncnt.htg,.relent1t.abtrlnt.htg > h3,.abtsone.htg .owl-item:nth-child(1),.orteamm.htg .orteamm1:nth-child(1),.orteami > h1.htg::before,.awrdimg.htg .ardg1:nth-child(3),.dmawrd.htg,.grener21.htg > p:nth-child(1),.orothrpd1.htg .owl-item.active:nth-child(1),.srsrvc4{-webkit-transition: all 500ms ease-in-out 0.5s;-moz-transition: all 500ms ease-in-out 0.5s;-ms-transition: all 500ms ease-in-out 0.5s;-o-transition: all 500ms ease-in-out 0.5s;transition: all 500ms ease-in-out 0.5s;} .content.anmtr .fstdots > span:nth-child(2),.pnertot6:nth-child(2),.csdots.htg > span:nth-child(2),.hmblogs4.htg > span:nth-child(3),.hmblogs4.htg > span:nth-child(4),.pnertot8:nth-child(2),.invtdots.htg > span:nth-child(4),.nlgdots > span:nth-child(4),.prdftre.htg .prdftre1:nth-child(2),.fstdots.htg > span:nth-child(2),.jbdots.htg > span:nth-child(3),.abtsta.htg .abtsta1:nth-child(2),.atstry21.htg > p:nth-child(2),.relent1t.abtrlnt.htg > h5,.abtsone.htg .owl-item:nth-child(2),.orteamm.htg .orteamm1:nth-child(2),.grener21.htg > p:nth-child(2),.orothrpd1.htg .owl-item.active:nth-child(2){-webkit-transition: all 500ms ease-in-out 0.7s;-moz-transition: all 500ms ease-in-out 0.7s;-ms-transition: all 500ms ease-in-out 0.7s;-o-transition: all 500ms ease-in-out 0.7s;transition: all 500ms ease-in-out 0.7s;} .content.anmtr .fstdots > span:nth-child(3),.pnertot6:nth-child(3),.csdots.htg > span:nth-child(3),.hmblogs4.htg > span:nth-child(5),.hmblogs4.htg > span:nth-child(6),.pnertot8:nth-child(3),.invtdots.htg > span:nth-child(3),.nlgdots > span:nth-child(3),.prdftre.htg .prdftre1:nth-child(3),.fstdots.htg > span:nth-child(3),.jbdots.htg > span:nth-child(2),.abtsta.htg .abtsta1:nth-child(3),.relent1t.abtrlnt.htg > p,.abtsone.htg .owl-item:nth-child(3),.orteamm.htg .orteamm1:nth-child(3),.orothrpd1.htg .owl-item.active:nth-child(3){-webkit-transition: all 500ms ease-in-out 0.9s;-moz-transition: all 500ms ease-in-out 0.9s;-ms-transition: all 500ms ease-in-out 0.9s;-o-transition: all 500ms ease-in-out 0.9s;transition: all 500ms ease-in-out 0.9s;} .content.anmtr .fstdots > span:nth-child(4),.csdots.htg > span:nth-child(4),.hmblogs4.htg > span:nth-child(7),.hmblogs4.htg > span:nth-child(8),.bnrdots > span:nth-child(1),.invtdots.htg > span:nth-child(2),.nlgdots > span:nth-child(2),.prdftre.htg .prdftre1:nth-child(4),.fstdots.htg > span:nth-child(4),.jbdots.htg > span:nth-child(1),.relent1t.abtrlnt.htg > a,.orteamm.htg .orteamm1:nth-child(4),.orothrpd1.htg .owl-item.active:nth-child(4){-webkit-transition: all 500ms ease-in-out 1.1s;-moz-transition: all 500ms ease-in-out 1.1s;-ms-transition: all 500ms ease-in-out 1.1s;-o-transition: all 500ms ease-in-out 1.1s;transition: all 500ms ease-in-out 1.1s;} .content.anmtr .fstdots > span:nth-child(5),.cnctwrld5.htg .point_line.us1,.csdots.htg > span:nth-child(5),.hmblogs4.htg > span:nth-child(9),.hmblogs4.htg > span:nth-child(10),.bnrdots > span:nth-child(2),.invtdots.htg > span:nth-child(1),.nlgdots > span:nth-child(1),.prdftre.htg .prdftre1:nth-child(5),.fstdots.htg > span:nth-child(5),.orteamm.htg .orteamm1:nth-child(5){-webkit-transition: all 500ms ease-in-out 1.3s;-moz-transition: all 500ms ease-in-out 1.3s;-ms-transition: all 500ms ease-in-out 1.3s;-o-transition: all 500ms ease-in-out 1.3s;transition: all 500ms ease-in-out 1.3s;} .tembrs:nth-child(6),.cnctwrld5.htg .point_line.us2,.hmblogs4.htg > span:nth-child(11),.hmblogs4.htg > span:nth-child(12),.bnrdots > span:nth-child(3),.orteamm.htg .orteamm1:nth-child(6){-webkit-transition: all 500ms ease-in-out 1.5s;-moz-transition: all 500ms ease-in-out 1.5s;-ms-transition: all 500ms ease-in-out 1.5s;-o-transition: all 500ms ease-in-out 1.5s;transition: all 500ms ease-in-out 1.5s;} .cnctwrld5.htg .point_line.us3,.hmblogs4.htg > span:nth-child(13),.hmblogs4.htg > span:nth-child(14),.bnrdots > span:nth-child(4){-webkit-transition: all 500ms ease-in-out 1.7s;-moz-transition: all 500ms ease-in-out 1.7s;-ms-transition: all 500ms ease-in-out 1.7s;-o-transition: all 500ms ease-in-out 1.7s;transition: all 500ms ease-in-out 1.7s;} .cnctwrld5.htg .point_line.us4,.hmblogs4.htg > span:nth-child(15),.hmblogs4.htg > span:nth-child(16),.bnrdots > span:nth-child(5){-webkit-transition: all 500ms ease-in-out 1.9s;-moz-transition: all 500ms ease-in-out 1.9s;-ms-transition: all 500ms ease-in-out 1.9s;-o-transition: all 500ms ease-in-out 1.9s;transition: all 500ms ease-in-out 1.9s;} .cnctwrld2,.cnctwrld5.htg .point_line.us5{-webkit-transition: all 500ms ease-in-out 2.1s;-moz-transition: all 500ms ease-in-out 2.1s;-ms-transition: all 500ms ease-in-out 2.1s;-o-transition: all 500ms ease-in-out 2.1s;transition: all 500ms ease-in-out 2.1s;} .cnctwrld5.htg .point_line.us6{-webkit-transition: all 500ms ease-in-out 2.3s;-moz-transition: all 500ms ease-in-out 2.3s;-ms-transition: all 500ms ease-in-out 2.3s;-o-transition: all 500ms ease-in-out 2.3s;transition: all 500ms ease-in-out 2.3s;} .insightwg > img,.hmevnts1 > img,.orteamig > img{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .insightwg,.hmevnts1,.orteamig{overflow: hidden;} .insightwg:hover > img,.hmevnts1:hover > img,.orteamig:hover > img{transform: scale(1.05);} .rplus:hover,.orothrpdl > a:hover .rplus {transform: rotate(90deg);} /* ========================================================================== header footer ========================================================================== */ .header {position: fixed;top: 0;width: 100%;z-index: 666;background-color: #fff;transition: all 500ms ease-in-out;} .hcontainer {margin:0 6%;padding: 2% 0 0.8%;} .header.shead .hcontainer {padding: 1.3% 0 0.5%;} .logo {float: left;width: 15.5%;} .header.shead .logo{width: 10.5%;} .henav{float: right;} .mmue a {display: block;position: relative;z-index: 1001;width: 50px;height: 40px;padding-top: 0px;box-sizing: border-box;} .mmue a p{font-size: 0.6em;text-align: right;letter-spacing: 0.02em;color: #000;font-weight: 600;padding-bottom: 0;} .moblnk.lnkss p.mnuhde{position: relative;} .sldmnu {position: fixed;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5);width: 100%;z-index: 666;transform-origin: 50% 0;transition: all .5s ease-in-out;transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0);opacity: 0;visibility: hidden;} .mmolay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);} .sldmnu.open {display: block; transform-style: preserve-3d;transform: perspective(800px)rotate(0);opacity: 1;visibility: visible;} .mnmenu {padding: 10% 4.2% 0 3%;width: 35%;height: 100%; margin: 0 0 0 auto;background-color: #fff;position: relative;overflow-y: scroll;} .mnmenu::-webkit-scrollbar-track{border-radius: 10px;} .mnmenu::-webkit-scrollbar{width: 12px;} .mnmenu::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #f5f5f5;} .sbmenu {text-align: right;} .dmenu11 > li {padding-bottom: 15px;} .dmenu11 > li > a {font-size: 1vw;text-transform: uppercase;color: #5b5b5b;} .sbmenu > li {margin-bottom: 40px;} .sbmenu > li > a {font-weight: 600;color: #5b5b5b;font-size: 1.4vw;line-height: 1em;display: block;font-family: 'CooperHewitt Semibold', sans-serif;text-transform: uppercase;} .sbmenu > li.active > a,.sbmenu > li > a:hover,.dmenu11 > li > a:hover,.dmenu11 > li.active > a {color: #dc6218} .sbmenu > li.smmenu > a::after {position: absolute;content: '';top: 1px;right: 2px;border-top: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;width: 10px;height: 10px;transform: rotate(135deg);} .sbmenu > li.smmenu > a.active::after{transform:rotate(-45deg);top: 5px;} .sbmenu > li.smmenu.active > a::after{border-color: #dc6218;} .sbmenu > li.active > a{color: #dc6218 !important;} .sbmenu > li.smmenu > a {position: relative;padding-right: 30px;} .submenu {padding-top: 15px;display: none;} .submenu > li {padding-bottom: 7px;} .submenu > li > a {text-transform: uppercase;color: #5b5b5b;font-size: 0.85em;} .submenu > li.active > a,.submenu > li > a:hover{color: #dc6218;} a.smclos {position: absolute;top: 9%;right: 12%; color: #5b5b5b;font-size: 2em;line-height: 1em;} header.hdesd a.smclos{top: 4%;} header.hdesd .mnmenu {padding-top: 7%;} em.error {font-size: 0.8em;color: #ff0000;display: block;padding-top: 5px;} .crms.error {border: 1px solid #ff0000 !important;} input.tcnds.error~.chkerrs {color: #ff0000;} /*.mnmenu{display: flex;} .szmenu1 {display: flex;width: 80%;justify-content: flex-end;padding-top: 25px;} .szmenu2 {width: 20%;} .dmenu1 {width: 25%;padding-right: 3%;} .dmenu1 h5 {color: #5b5b5b;font-size: 1.05vw;line-height: 1em;display: block;font-family: 'CooperHewitt Semibold', sans-serif;text-transform: uppercase;padding-bottom: 25px;} .smenu2 {background-color: #f3f3f3;padding: 25px 20px 20px 30px;} .hedsolc {padding-top: 50px;padding-bottom: 50px;} .hedsolc > .social {float: none;} .hedmail > a {color: #5b5b5b;} .hedmail > p {padding-bottom: 5px;} .hedmail {padding-bottom: 40px;} */ /* ========================================================================== content ========================================================================== */ .content {padding-top: 8.6%;overflow: hidden;} .container{margin: 0 6%;} .connecn {margin: 0 6%;padding: 1.5% 0 1.6%;} .random_quotes {position: relative;} .random_quotes::after {position: absolute;top: 0;bottom: 0;right: 0;content: '';width: 100%;height: 100%;background-color: #fff;transition: all 500ms ease-in-out;} .content.anmtr .random_quotes::after{width: 0;} .random_quotes > h1 {font-size: 14.5vw;text-transform: uppercase;line-height: 1.1em; background-image: url(../img/cntctbg.jpg);background-position: 0 0;background-repeat: repeat-y;background-size: 100% 200%;height: 100%;width: 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: locm 30s linear infinite;} @keyframes locm {0% { background-position: 0 0; } 100% { background-position: 0 100%; }} .cnctlvsl {width: 54.2%;margin: -18% 0 0 auto;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;overflow: hidden;position: relative;} .cnctlig{width: 100%;} .fstdots {position: absolute;left: -5px;bottom: 17%;z-index: 101;} .fstdots > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #fff;border-radius: 50%;} .youtbep{position: relative;} .innvdrv {padding: 5% 0;} .innovat1 {width: 67%;border-radius: 30px;overflow: hidden;position: relative;} .invtdots {position: absolute;left: 5%;bottom: -5px;z-index: 101;} .invtdots > span {width: 13px;height: 13px;display: block;margin-top: 5px;background-color: #fff;border-radius: 50%;} .innovat2 {width: 33%;padding: 0% 0 0 3%;} .innovat2 > h5 {font-size: 2.05vw;text-transform: uppercase;line-height: 1.2em;text-align: center;} .innovat2 > p {text-transform: uppercase;font-size: 1.6vw;padding-left: 3%;text-align: center;} .picon {display: block;width: 4.4vw;height: 4.4vw;margin: 15% auto 0;background: url(../img/icons.png) no-repeat 0 0 / 100% auto;} .youtbep2 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none; border-radius: 30px;overflow: hidden; z-index: 101;} .closevid {position: absolute;top: 15px;right: 25px;background-color: #000;border-radius: 50%;color: #fff;font-size: 1.2em;line-height: 1.4em;width: 30px;height: 30px;text-align: center;display: block;} .pnerto {position: relative;} .pnertoig{-webkit-mask: url(../img/thrbg.png) no-repeat 0 0 / 100% 100%;} .pnertot {position: absolute;top: 11%;left: 2%;width: 30%;} .pnertot > p {text-transform: uppercase;font-size: 9.5vw;line-height: 1.05em;color: #fff;padding-bottom: 0;} .doots {position: absolute;bottom: 13.5%;left: 54%;} .doots > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #fff;border-radius: 50%;} .pnertot7 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;} .pnertot6 {width: 33.33%;height: 100%;background-color: #fff;} .pinfutr {padding: 3.3% 0 0 0%;position: relative;} .pinfutr > h3 {font-size: 2.48vw;text-transform: uppercase;line-height: 1.2em;} .pinfutr > p {padding: 10px 0 20px 2px;font-size: 1vw;width: 85%;} .pinfutr > a.pplus {position: absolute;bottom: 11px;right: 19%;} .pplus {width: 35px;height: 35px;display: block;background: url(../img/icons.png) no-repeat 0 -100px / 60px auto;margin-left: 2px;} .cnctwrld5 {margin: 5.5% 0;position: relative;} .cnctwrld {margin: 0 10.5%;} .cnctwrld1 {position: relative;} .point_line {position: absolute;} .point_line.us1 {top: 57.5%;left: 50.4%;} .point_line.us2 {top: 62.3%;left: 68.5%;} .point_line.us3 {top: 56.7%;left: 67.2%;} .point_line.us4 {top: 54.2%;left: 71%;} .point_line.us5 {top: 51.2%;left: 72%;} .point_line.us6 {top: 58.2%;left: 80%;} .point_line > a {padding-left: 20px;text-transform: uppercase;font-family: "CooperHewitt Semibold";color: #000;font-size: 0.75em;display: inline-block;position: relative;} .point_line > a::before{position: absolute;content: ''; left: 2px;top: 2px;width: 0.7vw;height: 0.7vw;background-color: #dc6218;border-radius: 50%;} .point_line > p {opacity: 0;visibility: hidden;background-color: #fff;padding: 10px;width: 200px;border: 2px solid #dc6218;transition: all 500ms ease-in-out;position: relative;z-index: 1;border-radius: 10px;} .point_line > a:hover + p{opacity: 1;visibility: visible;} .cnctwrld2 {position: absolute;top: 31%;left: 0;width: 100%;z-index: 1;} .cnctwrld2 > h3 {font-family: "CooperHewitt Heavy";text-transform: uppercase;font-size: 3.12vw;color: #dc6218;text-align: center;} .cnctwrldg {background: #fff;transition: clip-path 2s 0.5s, -webkit-clip-path 2s 0.5s;width: 100%;} .cnctwrld5.htg.in-view .cnctwrldg{-webkit-clip-path: circle(0%);clip-path: circle(0%);} .cnctwrld5.htg .cnctwrldg {-webkit-clip-path: circle(100%);clip-path: circle(100%);} .mpshrtd > p {font-size: 1vw;text-align: center;} .mpshrtd {width: 88%;margin: 0 6% 0 6%;} .hmcsety {padding: 1.4% 0 0 0.2%;display: flex;} .hmcsety1 {width: 63.3%;border-radius: 30px;overflow: hidden;margin-right: 2.7%;position: relative;} .hmcsety2 {width: 34%;border-radius: 30px;background-color: #e7e7e7;padding: 7% 4.7% 0 4.7%;} .hmcsety2 > h5 {color: #dc6218;text-transform: uppercase;font-size: 1.25vw;font-family: "CooperHewitt Medium";} .hmcsety2 > h3 {font-size: 2.5vw;text-transform: uppercase;line-height: 1.3em;} .hmcsety2 > p {font-family: "CooperHewitt Medium";font-size: 2vw;text-transform: uppercase;line-height: 1.2em;width: 66%;padding-bottom: 20%;border-bottom: 5px dotted #fff;} .cssnpls {padding-top: 13%;} .rplus {display: block;width: 35px;height: 35px;background: url(../img/icons.png) no-repeat 0 -100px / 60px auto;transition: all 500ms ease-in-out;padding-bottom: 0;} .csdots {position: absolute;left: -6px;top: 16.4%;z-index: 110;} .csdots > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #fff;border-radius: 50%;} .hmblogs {padding: 6% 1.5% 5.5% 1.5%;position: relative;} .hmblogs4 {position: absolute;top: 20%;right: 66.7%;} .hmblogs4 > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #dc6218;border-radius: 50%;} .hmblogs1 {width: 30.8%;border-radius: 30px;overflow: hidden;} .hmblogs2 {width: 28.3%;} .hmblogs2 {width: 28.3%;padding: 3.3% 3% 0 3.1%;} .hmblogs3 {width: 40.6%;position: relative;} .hmblogs31 {overflow: hidden;border-radius: 30px;} .hmblogs2 > h3 {font-size: 2.37vw;text-transform: uppercase;line-height: 1.2em;} .hmblogs2 > p {text-transform: uppercase;padding-top: 10.6%;font-size: 0.9vw;padding-bottom: 0;} .hmblogs2 > p > span {display: block;} .hmblogs2 > p > span:last-child {font-family: "CooperHewitt Semibold";} .hmblogs32 {position: absolute;left: -1px;bottom: -3px;width: 80%;} .hmblogs32 > h3 {font-family: "CooperHewitt Bold";font-size: 10.3vw;text-transform: uppercase;line-height: 0.9em;margin-left: -2%;margin-bottom: -3.2%;color: #fff;} .hmevnts {position: relative;margin-bottom: 3.5%;} .hmevnts2 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 1.2vw;color: #dc6218;} .hmevnts2 > h3 {font-size: 1.9vw; text-transform: uppercase;line-height: 1.2em;padding-top: 5px;color: #fff;} .hmevnts2 {position: absolute;left: 5.9%;bottom: 8.3%;width: 41%;z-index: 2;} .cssnpls1 {padding-top: 8%;} .hmevnts1 {position: relative;border-radius: 30px;overflow: hidden;} /*.hmevnts1::before{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: url(../img/newstrp.png) no-repeat 0 0 / 100% auto;z-index: 1;}*/ .nlgdots {position: absolute;right: 5%;bottom: -5px;z-index: 101;} .nlgdots > span {width: 13px;height: 13px;display: block;margin-top: 5px;background-color: #fff;border-radius: 50%;} /*------------------------------------------Footer ------------------------------------------*/ .pterbs {float: left;padding-top: 10px;} .pterbs > li {padding-right: 10px;position: relative;} .pterbs > li::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 4px;width: 1px;height: 10px;background-color: #5b5b5b;} .pterbs > li:last-child::after{display: none;} .pterbs > li > a {font-family: "CooperHewitt Semibold";font-size: 0.83vw;color: #5b5b5b;} .social {float: right;} .social > li:last-child {margin-right: 0;} .social > li {margin-right: 10px;} .social > li > a {display: block;width: 36px;height: 36px;position: relative;border-radius: 50%;} .social > li > a .scl1{background-image: url(../img/social.png);background-repeat: no-repeat ;background-size: 100px auto;width: 100%;height: 100%;position: relative;z-index: 1;border: 1px solid #5b5b5b;display: block;border-radius: 50%;} .social > li > a.fb .scl1{background-position: 0 0 ;} .social > li > a.insta .scl1{background-position: 0 -75px ;} .social > li > a.utbe .scl1{background-position: 0 -150px ;} .social > li > a.twtr .scl1{background-position: 0 -224px ;} .social > li > a.lnkin .scl1{background-position: 1px -300px ;} .social > li > a.fb:hover .scl1{background-position: -60px 0 ;} .social > li > a.insta:hover .scl1{background-position: -60px -75px ;} .social > li > a.utbe:hover .scl1{background-position: -60px -150px ;} .social > li > a.twtr:hover .scl1{background-position: -60px -224px ;} .social > li > a.lnkin:hover .scl1{background-position: -59px -300px ;} .foot2 {padding: 6% 0 5%;} .foot2 > ul > li {position: relative;padding-right: 33px;} .foot2 > ul > li::after{position: absolute;content: '';top: 50%;transform: translateY(-50%) rotate(15deg);right: 16px;width: 3px;height: 70%;background-color: #939598;} .foot2 > ul > li:last-child::after{display: none;} .foot2 > ul > li > a {font-family: "CooperHewitt Heavy";font-size: 1vw;color: #939598;line-height: 1.3em;} .foot2 > ul > li > a:hover,.foot2 > ul > li.active > a,.pterbs > li > a:hover,.pterbs > li.active > a{color: #dc6218;} .pterbs > li:first-child > a{pointer-events: none;} .social > li > a::after {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background-color: #dc6218;border-radius: 50%;transform: scale(0);transition: all 300ms ease-in-out;} .social > li > a:hover::after{transform: scale(1);} /* ========================================================================== Insights ========================================================================== */ .insight {padding-top: 5px;} .insightw {display: flex;justify-content: space-between;margin-bottom: 3.3%;} .insightw1 {width: 49.3%;position: relative;} .insightwt > h5 {font-family: "CooperHewitt Medium";color: #dc6218;text-transform: uppercase;font-size: 1.2vw;} .insightwt > h3 {font-family: "CooperHewitt Bold";font-size: 1.9vw;text-transform: uppercase;line-height: 1.2em;padding-top: 6px;color: #fff;} .insightwt {position: absolute;left: 8.5%;bottom: 10%;width: 83%; z-index: 1;} .insightwg {overflow: hidden;border-radius: 30px;} .nsbanrig {-webkit-mask: url(../img/thrbg.png) no-repeat 0 0 / 100% 100%;} .nsbanrig.isht {-webkit-mask:none;border-radius: 30px;overflow: hidden;} .nsdetl {padding: 5% 0 1%;width: 100%;} .nsdetl > p {font-size: 1vw;padding-bottom: 20px;text-align: justify;} .nsdetl > p strong, .inslft > p strong, .nsdetl ul > li > strong{font-family: "CooperHewitt Bold";} .nsdetl > h2,.nsdetl > h3,.nsdetl > h4,.nsdetl > h5 {font-size: 1.3vw;padding-bottom: 20px;} .nsdetl > ul,.inslft ul {list-style: disc;padding-left: 17px;padding-bottom: 20px;} .nsdetl > ul > li,.nsdetl > ul > li p,.inslft ul li,.inslft ul li p{font-size: 1vw;padding-bottom: 3px;color: #5b5b5b;letter-spacing: 0.02em;} .insight .nsbanrig{position: relative;} .insight .nsbanrig:before {position: absolute; content: '';top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 1;border-radius: 30px;} .cssnpls2 {padding-top: 20px;} .instfg {padding-top: 30px;} .instfg1 {padding-bottom: 50px;} .instfg1:last-child{padding-bottom: 0;} .inslrt {width: 49%;float: right;padding: 3% 0 20px 20px;} .inslrt > img{border-radius: 30px;overflow: hidden;} .inslft > h3,.inslft > strong {font-size: 1.3vw;padding-bottom: 10px;} .inslft > p {font-size: 1vw;padding-bottom: 20px;text-align: justify;} .instfg1:nth-child(even) .inslrt {float: left;padding: 0 20px 20px 0;} .inslft ol,.inslft ul{ margin-top: 0;padding-left: 20px;} .inslft ol li,.inslft ul li{font-size: 1vw;padding-bottom: 20px;} .orothrpd.insigt .orothrpdt{width: 88%;} .orothrpd.insigt .orothrpdt > h5 {font-size: 1vw;padding-bottom: 10px;} .rplus {width: 30px;height: 30px;background: url(../img/icons.png) no-repeat 0 -91px / 54px auto;} .orothrpd.insigt {padding: 1.9% 0 5%;} .nsdetl > p a {color: #dc6218;} .nsdetl > p a:hover {color: #dc6218;font-size: 1.1vw;} /* ========================================================================== Contact us ========================================================================== */ .contact {padding-top: 0.5%;} .ndbaner {position: relative;} .cnttp {position: absolute;bottom: 11%;right: 3.2%;width: 26.8%;z-index: 11;} .cnttp > h5 {font-family: "CooperHewitt Bold";color: #dc6218;text-transform: uppercase;font-size: 1.03vw;padding-bottom: 6px;} .cnttp > h3 {text-transform: uppercase;font-family: "CooperHewitt Bold";font-size: 2.05vw;line-height: 1em;color: #fff;} .cnttp > h3 > a{color: #fff;} .cnttp > h3 > a:hover,.locat:hover,.srtlst1 > p > a:hover {color: #dc6218;} .locat {margin-top: 35px;display: inline-block;padding: 9px 0 20px 46px;font-size: 1.1vw;color: #fff;font-family: "CooperHewitt light";position: relative;} .locat::before{position: absolute;content: '';top: 0;left: 6px;width: 36px;height: 50px;background: url(../img/icons.png) no-repeat 0 -172px / 60px auto;} .pnertot9 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 10;} .pnertot8 {width: 33.33%;height: 100%;background-color: #fff;} .bnrdots > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #fff;border-radius: 50%;} .bnrdots {position: absolute;left: 33.3%;bottom: 12%;z-index: 101;} .mpcntp > p {font-size: 1vw;} .mpcntp {padding-top: 33px;} #lctmapd .cnctwrld5 {margin: 1.5% 0;} #lctmapd .cnctwrld2 {top: 35%;} .srtby {padding-left: 30px;position: relative;} #cntry {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.05vw;color: #000;padding-right: 50px;position: relative;} #cntry::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 5px;background: url(../img/icons.png) no-repeat 0 -396px / 60px auto; width: 22px;height: 20px;} .soryb {position: absolute;top: 25px;min-width: 175px;background-color: #fff;border-radius: 10px;overflow: hidden;border: 1px solid #dc6218;display: none;z-index: 10;} .soryb > li > a {padding: 10px 20px;display: block;text-transform: uppercase;font-family: "CooperHewitt Medium";color: #000;font-size: 1vw;} .soryb > li > a:hover,.soryb > li.active > a{background-color: #e7e7e7;} .srtlst {padding: 28px 0px;} .srtlst {display: flex;flex-wrap: wrap;} .srtlst1:nth-child(3n+1){margin-left: 0;} .srtlst1 {width: 31.7%;border-radius: 30px;background-color: #e7e7e7;padding: 5.3% 3.3% 1.3%;margin-bottom: 4.2%;margin-left: 2.4%;} .srtlst1 > h5 {font-family: "CooperHewitt Bold";color: #dc6218;text-transform: uppercase;font-size: 1.6vw;padding-bottom: 14%;} .srtlst1 > p {font-family: "CooperHewitt Bold";font-size: 0.98vw;width: 66%;padding-bottom: 0;} .srtlst1 > p > a{color: #5b5b5b;} .locat1 {padding-top: 15%;} .locat1 > a {width: 30px;height: 40px;display: block;background: url(../img/icons.png) no-repeat 0 -260px / 60px auto;} .locat1 > a:hover {transform: scale(1.1);} /* ========================================================================== Life ========================================================================== */ .lifepd {padding-top: 0.5%;} .lapd {position: absolute;left: 2.3%;bottom: 9%;width: 25%;z-index: 1;} .lapd > h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.03vw;padding-left: 7px;color: #dc6218;} .lapd > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2vw;line-height: 1.2em;padding-top: 5px;color: #fff;} .orcult {margin: 2.7% 0px;padding: 4%;background-color: #e7e7e7; border-radius: 30px;} .orcult1 {width: 45%;padding: 2% 2% 0%;} .orcult1sld {width: 88%;} .orcult1> h5 {font-family: "CooperHewitt Bold";color: #dc6218;text-transform: uppercase;font-size: 1.03vw;padding-left: 4px;} .orcult1sld > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 3.1vw;line-height: 1.2em;padding-top: 8px;} .orcult1sld > p {padding: 8% 0 9% 0px;font-size: 1vw;text-align: justify;} .orcult2 {width: 55%;border-radius: 30px;overflow: hidden;position: relative;} .orcult1slder::after {position: absolute;bottom: 0;left: 0;border-bottom: 6px dotted #fff;content: '';width: 46%;} .count7 {padding-top: 7%;width: 86%;} span.nxt {width: 30px;display: block;height: 40px;background: url(../img/icons.png) no-repeat 0 -526px / 60px auto; cursor: pointer;} .prvnxt {float: left;} .pgr7 {float: right;padding-top: 8px;} .orcult2sld {width: 100%;} .ladvntgpd {padding: 1% 0;margin: 0 0 0 -0.5%;} .ladvpd1 {width: 30.8%;border-radius: 30px;overflow: hidden;} .ladvpd2 {width: 69.2%;border-top-right-radius: 30px;border-bottom-right-radius: 30px;background-color: #e7e7e7;padding: 4.4% 2.7%;} .ladvpd21 {padding-left: 40px;} .ladvpd21 > h5 {font-family: "CooperHewitt Bold";font-size: 1.65vw;text-transform: uppercase;} .ladvpd21 > p {font-size: 0.8vw;padding-top: 11px;} .ladvpd22 {padding-top: 32px;} .ladvpd22 > li {padding-left: 40px;position: relative;} .ladvpd22 {padding-top: 32px;display: flex;flex-wrap: wrap;justify-content: space-between;} .ladvpd22 > li {padding-left: 40px;position: relative;width: 46%;} .ladvpd22 > li::before{position: absolute;content: '';top: 0%;left: 0px;background: url(../img/icons.png) no-repeat 0 -338px / 60px auto; width: 22px;height: 22px;} .ladvpd22 > li > h5{ font-size: 0.83vw;text-transform: uppercase;font-family: "CooperHewitt Bold";} .ladvpd22 > li > p {font-size: 0.8vw;} .ladvpd1.htg.in-view .ladvpd11{animation: none;} .ladvpd1.htg .ladvpd11 {animation: lftrht1 20s linear infinite;background-image: url(../img/lifadvpan.jpg);background-repeat: repeat-x;background-position: 0% 0;background-size: 150% auto;} @keyframes lftrht1 {0% { background-position: 0% 0; } 100% { background-position: -200% 0; }} .relent {margin: 4% 3%;position: relative;} .relent1t {position: absolute;left: 5.2%;top:38%;width: 40%;} .relent1t > h3 {font-family: "CooperHewitt Bold";font-size: 1.8vw;text-transform: uppercase;line-height: 1.2em;color: #fff;} .relent1t > h5 {text-transform: uppercase;padding-top: 5.3%;padding-left: 0px;font-size: 1.25vw;color: #fff;} .relent1t > p {padding-left: 0px;font-size: 1.2vw;color: #fff;} .ricon {margin-top: 4.2%;width: 3.4vw;height: 3.4vw;display: block;background: url(../img/icons.png) no-repeat 0 0 / 100% auto;} .jbopne {padding: 2.7% 0;} .relent1,.pdbanrig,.overviw,.pdbochre1 {border-radius: 30px;overflow: hidden;} .nlgdots.rtet {right: 8%;} .jbopne1 {width: 56%;border-radius: 30px;overflow: hidden;position: relative;} .jbdots {position: absolute;right: 13%;bottom: 0px;z-index: 101;} .jbdots > span {width: 13px;height: 13px;display: block;margin-top: 5px;background-color: #fff;border-radius: 50%;} .jbopne2 {width: 44%;padding: 2.4% 4.9%;} .jbopne2 > h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.03vw;} .jbopne2 > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2.46vw;color: #dc6218;width: 65%;line-height: 1.2em;padding: 6px 0;} .jbopne2 > p {padding-top: 9%;font-size: 1vw;padding-bottom: 12%;} .conecto {margin: 3% 0;padding: 5.3% 8.7% 6% 2.5%;border-radius: 30px;background-color: #e7e7e7;} .conecto1 {width: 38.4%;padding-right: 7%;} .conecto1 > h3 {color: #dc6218;text-transform: uppercase;font-size: 2.47vw;line-height: 1.2em;} .conecto1 > p {padding-top: 27px;font-size: 0.8vw;text-align: justify;} .conecto2 {width: 61.6%;} .nmsplt {display: flex;justify-content: space-between;flex-wrap: wrap;} .sprms {width: 49%;margin-bottom: 16px;} .crms {font-family: "CooperHewitt Semibold";color: #5b5b5b;padding: 20px 26px 15px;width: 100%;font-size: 1.2vw;border-radius: 10px !important;background-color: #fff !important;} input.tcnds {opacity: 0;z-index: -1;position: absolute;width: 18%;height: 20px;} .chkerrs {position: relative;padding-left: 48px;text-transform: uppercase;font-size: 0.7em;cursor: pointer;padding-top: 4px;} label.chkerrs::before {position: absolute;left: 18px;display: block;pointer-events: none;content: "";-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color: #fff;border-radius: 0;height: 14px;top: 50%;transform: translateY(-50%);width: 15px;border-radius: 2px;} .tcnds:checked~.chkerrs::after {border-top: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;transform:translateY(-50%) rotate(135deg);height: 3px;top: 50%;width: 7px;position: absolute;left: 22px;display: block;content: "";} .sprms2,.ppfrms2 {text-align: right;margin-top: 11px;position: relative;} input#sbtn,input#sbtn1 {display: inline-block;background-color: transparent;font-family: "CooperHewitt Bold";text-transform: uppercase;color: #dc6218;padding-right: 28px;font-size: 1.25vw;} .sprms2::after,.ppfrms2::after {position: absolute;top: 50%;right: 0;width: 20px;height: 20px;content: '';background: url(../img/icons.png) no-repeat 0 -604px / 60px auto; transform: translateY(-50%);} .sprms2::after{top: 44%;} /* ========================================================================== Products ========================================================================== */ .pdbnrxt {position: absolute;left: 5.6%;top: 33%;width: 33%;} .pdbnrxt > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 1.25vw;color: #dc6218;} .pdbnrxt > h3 {text-transform: uppercase;font-size: 3.05vw;color: #fff;line-height: 1.2em;} .pdbnrxt > p {padding-top: 33px;padding-left: 5px;font-size: 1vw;letter-spacing: 0.01em;color: #fff;text-align: justify;} .overviw {margin: 4.5% 0;padding: 4% 4% 3.5% 4%;background-color: #e7e7e7;} .overviw1 {width: 45%;padding-left: 1%;padding-right: 5%;} .overviw1 > h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.03vw;padding-left: 3px;} .overviw1 > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 3.1vw;color: #dc6218;line-height: 1.2em; padding-bottom: 16px;} .animte > p {padding-left: 3px;font-size: 1vw;letter-spacing: 0.015em;text-align: justify;} .overviw2 {width: 55%;border-radius: 30px;overflow: hidden;position: relative;} .fstdots.povsm {bottom: 31%;} .prdftres {padding: 0.6% 5.4%;} .prdftres > h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.65vw;} .prdftres > p {padding-top: 11px;font-size: 1vw;width: 75%;} .prdftre {padding: 4% 0;} .prdftre1 {width: 16%;margin-right: 5%;} .prdftre1:last-child {margin-right: 0;} .prdftre1g {width: 40%;margin: 0 auto;padding-bottom: 31px;} .prdftre1 > h5 {color: #f28d11;font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 0.82vw;text-align: center;} .pdbochre {margin: 1.8% 0;background-color: #e7e7e7;border-radius: 30px;overflow: hidden;} .fstdots.povsm1 {bottom: auto;top: 16%;} .pdbochre1 {width: 63.2%;position: relative;} .pdbochre2 {width: 36.8%;padding: 11% 3% 0 7.3%;} .pdbochre2 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 1.25vw;color: #dc6218;} .pdbochre2 > h3 {text-transform: uppercase;font-size: 2.5vw;line-height: 1.2em;padding-top: 3px;} .pdbochre2 > p {padding: 15px 0 0 4px;font-size: 1vw;text-align: justify;} .pbdwnld > a {width: 30px;height: 40px;display: block;background: url(../img/icons.png) no-repeat 3px -660px / 60px auto;} .pbdwnld {margin-top: 20%;padding-top: 18%;position: relative;} .pbdwnld::before{position: absolute;content: ''; left: 0;top: 0;width: 65%;border-top: 5px dotted #fff;} .rsrchdsgn {padding: 4.8% 0;} .rsrchdsgn1 {-webkit-mask: url(../img/thrbg.png) no-repeat 0 0 / 100% 100%;position: relative;} .rxchds2 {width: 66.66%;} .rxchds1 {width: 33.33%;padding: 4.4% 5% 0 0;} .rxchds1 > h5 {color: #dc6218;font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.03vw;padding-left: 3px;} .rxchds1 > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 3vw;padding-left: 2px;padding-top: 5px;line-height: 1.2em;} .rxchds1 > p {padding-top: 18%;font-size: 1vw;hyphens: auto;text-align: justify;} .rxchds2.htg.in-view .rxchds21{animation: none;} .rxchds2.htg .rxchds21 {animation: lftrht2 20s linear infinite;background-repeat: repeat-x;background-position: 0% 0;background-size: 150% auto;} @keyframes lftrht2 {0% { background-position: 100% 0; } 100% { background-position: -100% 0; }} .prvnxt1 {position: absolute;top: 13%;left: 29%; z-index: 110;} .nxt1 {display: block;width: 30px;height: 40px;background: url(../img/icons.png) no-repeat 0 -526px / 60px auto;cursor: pointer;} .orothrpd {padding: 1.9% 0 1%;} .orothrpd.xxtra{padding-top: 4%;} .orothrpd > h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.25vw;color: #dc6218;padding-left: 4px;} .orothrpd > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2.45vw;padding-left: 3px;padding-top: 6px;width: 40%;line-height: 1.2em;} .orothrpd1 {padding-top: 46px;} .orothrpdl {position: relative;border-radius: 30px;overflow: hidden;} .orothrpdbg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;} .orothrpdt {position: absolute;left: 5.5%;bottom: 6%;width: 60%;} .orothrpdt > h5 {font-size: 2.05vw;text-transform: uppercase;line-height: 1.2em;color: #fff;padding-bottom: 34px;} .fstdots.povsm2 {left: auto;right: -7px;bottom: auto;top: 15%;} .orothrpd1 .owl-nav {position: absolute;top: -37px;right: 0;} .orothrpd1 button.owl-prev {display: block;width: 22px;height: 40px;background: url(../img/icons.png) no-repeat 0 -451px / 60px auto !important;cursor: pointer !important;margin-left: 15px;display: inline-block;} .orothrpd1 button.owl-next {display: block;width: 22px;height: 40px;background: url(../img/icons.png) no-repeat 0 -526px / 60px auto !important;cursor: pointer !important;margin-left: 15px;display: inline-block;} .orothrpd1 button.owl-prev span,.orothrpd1 button.owl-next > span{font-size: 0;} .orothrpd1 button.owl-prev.disabled,.orothrpd1 button.owl-next.disabled {opacity: 0;visibility: hidden;} .pbpopup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 777;background: rgba(0,0,0,0.7);align-items: center;justify-content: center;display: none;} .pbpopup.active{display: flex;} .pbpopup1 {width: 60%;box-sizing: border-box;padding: 50px 30px 30px;background-color: #e7e7e7;border-radius: 20px;position: relative;} .ppfrms1 > h3 {text-transform: uppercase;font-size: 1.25vw;color: #dc6218;} .ppfrms1 > p {font-size: 1vw;padding-top: 5px;} .ppfrms {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 20px} .pfrms {width: 49%;margin-bottom: 16px;} .clo {position: absolute;top: 20px;right: 30px;} .clo > a{width: 28px;height: 28px;display: block;background: url(../img/icons.png) no-repeat 0 -84px / 50px auto;transform: rotate(45deg); } /* ========================================================================== Services ========================================================================== */ .srsrvc {padding:1% 0 0 0;position: relative;} .srsrvc4 {position: absolute;top: 60%;right: 67.3%;} .srsrvc4 > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #dc6218;border-radius: 50%;} .srsrvc1 {width: 30.8%;border-radius: 30px;overflow: hidden;} .srsrvc2 {width: 28.3%;padding:6.4% 1% 0 3.1%;} .srsrvc3 {width: 40.9%;position: relative;border-radius: 30px;overflow: hidden;} .srsrvc2 > h5 {font-size: 1.67vw;text-transform: uppercase;line-height: 1.2em;} .srsrvc2 > h3 {font-size:2.9vw;text-transform: uppercase;line-height: 1.2em;color: #dc6218;padding-top: 5px;padding-bottom: 18%;} .srsrvc2 > p {text-transform: uppercase;padding-top: 6%;font-size: 1.59vw;padding-bottom: 0;line-height: 1.1em;} .srsrvc3 .nlgdots{right: 9%;} .servcfcts {margin: 4% 0;padding: 4% 0 2.6%;background-color: #e7e7e7;border-radius: 30px;} .capbblts {display: flex;justify-content: space-between;} .capbblts1 {width: 63.3%;position: relative;} .capbblts2 {width: 34%;padding: 5% 3% 0 4%;background-color: #e7e7e7;border-radius: 30px;} .capbt2slid h5 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.25vw;color: #dc6218;} .capbt2slid h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2.35vw;line-height: 1.2em;padding-top: 6px;} .capbt2slid p {padding-top: 12%;padding-left: 2px;font-size: 0.95vw;text-align: justify;} .capbtig {border-radius: 30px;overflow: hidden;} .capbblts2 .count7 {width: 100%;padding-top: 12%;} .capbtslid{width: 100%;} .svadvntg {padding: 3.7% 0px 3%;} .svadvntg .lapd {bottom: 21.6%;left: 36.3%;} .svadvntg1 {width: 63%;margin: 25px 0 0 auto;} .svadvntg1 > p {font-size: 0.9vw;padding-bottom: 5px;} .prcsapch {margin: 0 0 0 5.3%;display: flex;padding-bottom: 38px;} .prcsapch1 {width: 28%;} .prcsapch1 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 1.65vw;} .prcsapch1 > h3 {text-transform: uppercase;font-size: 3.6vw;color: #dc6218;line-height: 1.2em;padding-bottom: 25px;} .prcsapch1 > p {font-size: 0.85vw;text-align: justify;} .prcsapch1 ul {list-style: disc;padding-left: 13px;padding-top: 10px;} .prcsapch1 ul li {font-size: 0.8vw;padding-bottom: 10px;} .prcsapch2 {width: 74%;margin: 6% 0 0 0%;} .hmevnts .newpjt {margin-top: 5%;} .newpjt .ricon {margin-top: 0;width: 3vw;height: 3vw;} /* ========================================================================== About ========================================================================== */ .abtfstc {padding-top: 0%;overflow: hidden;} .abtfstc1{ padding-bottom: 0%;padding: 0 11.5%;} /*.abtfstc1.fvb1 {padding-left: 4.3%;} .abtfstc1.fvb1 > p {padding-left: 31.6%;width: 82%;font-size: 0.81vw;} .abtfstc1 > h3 > span { position: absolute;bottom: 13%;width: 19%;animation: locm 70s linear infinite;display: inline-flex;} .abtfstc1 > h3 > span > img{vertical-align: bottom;} .abtfstc1.fvb1 > h3 > span.spn1{right: -1.6%;} .abtfstc1.fvb2 {padding-bottom: 2%;} .abtfstc1.fvb2 > h3 {padding-left: 16.7%;;animation: locm1 30s linear infinite;background-size: 100% 200%;} .abtfstc1.fvb2 > h3 > span.spn1{left: -1.9%;bottom: 12%;background-image: url(../img/dsgn21.jpg);} .abtfstc1.fvb2 > p {padding-left: 21%;width: 92%;font-size: 0.81vw;} .abtfstc1.fvb3 {padding-left: 4.4%;} .abtfstc1.fvb3 > h3{background-image: url(../img/dsgn3.jpg);} .abtfstc1.fvb3 > p {padding-left: 1.1%;width: 41%;font-size: 0.81vw;} .abtfstc1.fvb3 > h3 > span.spn1{bottom: 18%;right: -5.1%;} */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ } @supports (-webkit-appearance:none) {} .abtfstc1 > h3 {font-family: "CooperHewitt Heavy";text-transform: uppercase;font-size: 16.6vw;line-height: 0.84em;position: relative;background-position: 0 0;background-repeat: repeat-y;background-size: 79.5% 250%;height: 100%;width: 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: locm 30s linear infinite;padding-top: 1.5%;} .abtfstc1.fvb1 > p {padding-left: 20%;width: 96%;font-size: 0.81vw;text-align: right;} .abtfstc1 > h3 > span { position: absolute;bottom: 8%;width: 16%;animation: locm 70s linear infinite;display: inline-flex;} .abtfstc1 > h3 > span > img{vertical-align: bottom;} .abtfstc1.fvb2 {padding-bottom: 0%;} .abtfstc1.fvb2 > h3 {padding-left: 16.5%;animation: locm1 30s linear infinite;background-size: 79% 250%;} @keyframes locm1 {0% { background-position: 79% 0; } 100% { background-position: 79% 100%; }} .abtfstc1.fvb2 > h3 > span.spn1{left: 0%;bottom: 8%;background-image: url(../img/dsgn21.jpg);} .abtfstc1.fvb2 > p {padding-left: 0;width: 92%;font-size: 0.81vw;} .abtfstc1.fvb3 > h3{background-size: 83% 250%;} .abtfstc1.fvb3 > p {padding-left: 1.1%;width: 100%;font-size: 0.81vw;text-align: right;} .abtfstc1.fvb3 > h3 > span.spn1{bottom: 8%;} .abtsta {padding: 3.7% 5% 7.2% 5%;display: flex;justify-content: space-between;} .abtsta1 {width: 20vw;display: flex;align-items: center;justify-content: center;height: 20vw;border-radius: 50%;background-color: #dc6218;position: relative;} .xtrdts {position: absolute;left: 110.5%;top: 49%;width: 73px;} .xtrdts > span,.xtrdts1 > span {width: 10px;height: 10px;display: inline-block;background-color: #d8d8d8;border-radius: 50%;margin-right: 2px;} .xtrdts1{position: absolute;left: -22%;top: 49%;width: 55px;} .abtsta11 {text-align: center;} .abtsta11 > h5 {font-family: "CooperHewitt Heavy";font-size: 2.5vw;line-height: 1em;color: #fff;text-transform: uppercase;} .abtsta11 > p {font-family: "CooperHewitt Medium";font-size: 1.4vw;color: #fff;padding-bottom: 0;text-transform: capitalize;} .atstry {padding: 4.3% 0;} .atstry1 {width: 33%;padding-right: 10%;} .atstry1 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 2.5vw;color: #dc6218;} .atstry1 > h3 {font-family: "CooperHewitt Heavy";font-size: 4.1vw;line-height: 1.2em;} .atstry2 {width: 50%;} .atstry2 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 2.5vw;line-height: 1.2em;} .atstry21 {padding: 47px 0 0 6px;width: 90%;} .atstry21 > p {font-size: 0.98vw;padding-bottom: 21px;text-align: justify;} .linegpwr {margin: 1.3% 0;background-color: #eee;border-radius: 30px;display: flex;justify-content: center;align-items: center;} .linegpwr1 {width: 29.7%;padding: 0 5%;} .linegpwr2 {width: 70.3%;background-color: #d8d8d8;border-radius: 30px;padding: 8.4% 4.3% 7.5%;} .linegpwr2 > h5 {font-family: "CooperHewitt Medium";text-transform: uppercase;font-size: 2.47vw;line-height: 1.22em;color: #dc6218;} .linegpwr2 > p {padding: 5.3% 11% 0 0;font-size: 1vw;text-align: justify;} .milestones {padding: 8% 0 1.7%;} .vertcaroph {display: flex;align-items: center;overflow: hidden;position: relative;} .vertcaroph::before {position: absolute;content: '';top: 0;bottom: 0;right: 0;background-color: #fff;z-index: 110;} .vertcaroph.htg.in-view::before{width: 100%;} .vertcaroph.htg::before{width: 0;} .vprev {width: 110px;margin-left: -5px;} .vprev > span {display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #dc6218;margin-right: 3px;} .vnext {width: 7.5%;} .verticarowrp {width: 85.2%;} .vertcaro .owl-stage {display: flex !important;align-items: center;} .vertcaro .owl-item.center .ditms > a,.ditms > a.active{color: #dc6218;font-family: "CooperHewitt Heavy";} .ahrefc {font-family: "CooperHewitt Semibold";color: #d8d8d8;font-size: 3vw;line-height: 1.2em;display: block;text-align: center;transition: all 500ms ease-in-out;} /*.awrdlt::before {position: absolute;top: 5px;left: 0;width: 5px;height: 5px;background-color: #5b5b5b;border-radius: 50%;content: '';}*/ .milsncnt {padding: 3% 0 0 22.8%;width: 75%;} .milsncnt1 {list-style: disc;padding-left: 16px;font-size: 1.4em;line-height: 0.8em;} .milsncnt1 > li::marker {color: #dc6218;} .milsncnt1 > li {padding-left: 13px;} .milsncnt1 h5 {text-transform: uppercase;font-size: 1.03vw;color: #dc6218;} .milsncnt1 p {font-size: 0.96vw;font-family: "CooperHewitt Medium"; padding-bottom: 16px;} .relent1t.abtrlnt {width: 85%;left: 7%;top: auto;text-align: center;bottom: 5%;} .relent1t.abtrlnt > h5 {padding-top: 20px;} .relent1t.abtrlnt .ricon{margin: 10px auto 0;} .abtservc {padding: 2% 0 1%;} .abtservc > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2.5vw;display: flex;justify-content: center;} .abtsone {padding: 4% 40px;} .abtsone .owl-nav {position: absolute;top: 45%;left: 0;right: 0;} .abtsone button.owl-prev {float: left;width: 30px;height: 44px;background: url(../img/icons.png) no-repeat 0 -526px / 70px auto !important;} .abtsone button.owl-next {float: right;width: 30px;height: 44px;background: url(../img/icons.png) no-repeat 0 -614px / 70px auto !important;} .abtsone button.owl-prev span,.abtsone button.owl-next span{font-size: 0;} .abtsone button.owl-prev.disabled,.abtsone button.owl-next.disabled{display: none;} .abtsone1g {border-radius: 50%;overflow: hidden;width: 79%;margin: 0 auto;position: relative;} .abtsone1g::before{position: absolute;content: '';left: -5px;top: 50%;transform: translateY(-50%);width: 65px;height: 15px;background: url(../img/svcdot.png) no-repeat 0 0 / 100% auto;} .abtsone1g::after{position: absolute;content: '';right: -5px;top: 50%;transform: translateY(-50%);width: 65px;height: 15px;background: url(../img/svcdot.png) no-repeat 0 0 / 100% auto;} .abtsone1:first-child .abtsone1g::before,.abtsone1:last-child .abtsone1g::after{background: none;} .abtsone1t {padding: 10% 0 0 0;text-align: center;} .abtsone1t > h5 {font-family: "CooperHewitt Bold";font-size: 1.45vw;text-transform: uppercase;color: #dc6218;} .abtsone1t > p {padding: 12px 4px 0;font-size: 1vw;text-align: justify;} .abtsone1t a.rplus {margin: 20px auto 0;} .orteam > h5 {text-transform: uppercase;font-size: 2.1vw;font-family: "CooperHewitt Medium";padding-left: 9.1%;letter-spacing: 0.18em;line-height: 1.2em;} .orteami > h1 {font-family: "CooperHewitt Bold";font-size: 9.5vw;text-transform: uppercase;padding-left: 7.3%;line-height: 0.85em;letter-spacing: 0.011em;padding-top: 1.1%;color: #fff;margin-right: -0.2%;position: relative;} .orteami > h1::before{position: absolute;content: '';bottom: 0;right:0;left: 0;width:100%;background-color: #e7e7e7;} .orteami > h1.htg.in-view::before{height:100%;} .orteami > h1.htg::before{height:0%;} .orteami > h1::after{position: absolute;content: '';bottom: 1%;right: 3.5%;width: 20.9%;height: 20px;background: url(../img/tmdot.png) no-repeat 0 0 / 100% auto;} .ortmfndr {padding: 4.5% 10% 0% 10%;} .orteamigf {border-radius: 30px;overflow: hidden;} .orteamm {padding: 4.5% 10% 0 10%; display: flex;flex-wrap: wrap;justify-content: space-between;} .orteami {background-color: #e7e7e7;border-radius: 30px;} .orteamm1 {width: 30.4%;padding-bottom: 57px } .orteamig {border-radius: 13%;overflow: hidden;} .orteamm1 > h5,.ortmfndr > h5 {padding: 33px 0 0 29px;font-family: "CooperHewitt Bold";font-size: 1.23vw;text-transform: uppercase;color: #dc6218;} .orteamm1 > p,.ortmfndr > p {font-size: 1vw;padding: 0px 0 0 29px;font-size: 1.23vw;text-transform: uppercase;} .orteam {padding-bottom: 4.4%;} .orteamm.nopad {padding: 0;display: none;} .loadmre {margin: 0 10% 0 10%;border-top: 1px dashed #dc6218;} .loadmre > a {padding: 20px 0 30px 29px;display: inline-block;text-transform: uppercase;font-family: "CooperHewitt Bold";font-size: 1.25vw;color: #5b5b5b;} .abteer {width: 100%;padding: 34px 0 0 0%;} .abteer > p {font-size: 1vw;padding-bottom: 30px;} .abtawrd {margin: 10.8% 0 0%;display: flex;position: relative;} .abtawrd3{position: absolute;right: -6.1%;top: 30%;} .abtawrd3 > span {width: 13px;height: 13px;display: inline-block;margin-right: 3px;background-color: #dc6218;border-radius: 50%;} .abtawrd1 {width: 35%;} .awrdimg {display: flex;justify-content: space-between;} .ardg1 {width: 28%;border-radius: 50%;overflow: hidden;} .yrerd {display: flex;padding-bottom: 6%;align-items: center;} .awrdlt7 {display: flex;padding-right: 10%;align-items: center;} .awrdlt7g {width: 45%;padding-right: 20px;} .awrdlt7t {width: 55%;} .awrdlt .owl-item.active:nth-child(1) .awrdlt7::before{display: none;} .awrdlt .owl-item.active .awrdlt7::before {position: absolute;content: '';left: -50px;top: 0;bottom: 0;border-left: 1px dashed #5b5b5b;} .awrdlt .owl-nav {position: absolute;right: -50px;top: 50%;transform: translateY(-50%);} .awrdlt .owl-nav button.owl-prev {float: left;width: 30px;display: block;height: 30px;background: url(../img/awrdimg.png) no-repeat 10px -49px / 15px auto !important;cursor: pointer !important;} .awrdlt .owl-nav button.owl-next {float: left;width: 30px;display: block;height: 30px;background: url(../img/awrdimg.png) no-repeat 10px -0px / 15px auto !important;cursor: pointer !important;} .awrdlt .owl-nav button.owl-prev.disabled,.awrdlt .owl-nav button.owl-next.disabled{display: none;} .awrdlt .owl-nav button.owl-prev span,.awrdlt .owl-nav button.owl-next span{font-size: 0;} .awrdlt7t > h5 {text-transform: uppercase;font-size: 0.82vw;font-family: "CooperHewitt Bold";} .awrdlt7t > p {font-size: 0.8vw;padding-bottom: 0px;text-transform: uppercase;} .awrdyr {width: 18%;position: relative;z-index: 10;padding-right: 4%;} .awrdyr > a {font-size: 3vw;font-family: "CooperHewitt Bold";padding-right: 25%;line-height: 1em;color: #5b5b5b;position: relative;display: block;} .awrdyr > a::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 0;width: 38px;height: 30px;background: url(../img/icons.png) no-repeat 0 -664px / 100px auto;transition: all 500ms ease-in-out;} .awrdyr > a.active::after{transform: rotate(180deg);top: 10px;} .ayrlst {position: absolute;border: 1px solid #5b5b5b;width: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 10px #5b5b5b;display: none;overflow-y: scroll;max-height: 200px;background-color: #fff;} .ayrlst > li > a {display: block;color: #5b5b5b;font-family: "CooperHewitt Bold";padding: 5px 12px;} .ayrlst > li.active > a,.ayrlst > li > a:hover{background-color: #eee;} .abtawrd2 {width: 47%;padding-right: 6.5%;} .abtawrd2 > h3 {font-family: "CooperHewitt Bold";font-size: 3.7vw;text-transform: uppercase;color: #dc6218;line-height: 1.1em;} .abtawrd9 > p {font-size: 0.8vw;padding: 20px 0% 0 0;} .dmawrd {width: 70%;padding-left: 4%;border-left: 1px dashed #5b5b5b;} .mob,.mob1,.overviw3.mob,.pdbochre2.mob1,.hmblogs2.mob1 {display: none;} .grener1 {width: 56%;position: relative;overflow: hidden;border-radius: 30px;} .grener2 {width: 38%;padding: 2.3% 0 0 5%;} .grener2 > h5 {text-transform: uppercase;font-size: 1.02vw;font-family: "CooperHewitt Bold";} .grener2 > h3 {text-transform: uppercase;font-size: 2.46vw;font-family: "CooperHewitt Bold";line-height: 1.2em;padding-top: 7px;color: #dc6218;} .grener21 > p {font-size: 1vw;padding-bottom: 25px;text-align: justify;} .grener21 {padding-top: 5%;} .grener {display: flex;padding-bottom: 5%;} .csraty {padding: 4%;margin: 5.6% 0 2%;border-radius: 30px;background-color: #eee;display: flex;} .csraty1 {width: 45%;padding: 6% 6% 0 2%;} .csraty1 > h5 {text-transform: uppercase;font-size: 1.02vw;font-family: "CooperHewitt Bold";color: #dc6218;padding-left: 4px;} .csraty1 > h3 {text-transform: uppercase;font-size: 3.1vw;font-family: "CooperHewitt Bold";line-height: 1.2em;padding-top: 6px;} .csraty1 > p {font-size: 1vw;padding: 14px 0 0 3px;} .csraty2 {width: 55%;border-radius: 30px;overflow: hidden;position: relative;} .csdots.csrd {bottom: 31%;top: auto;} .ortemne {display: flex;padding: 0 10% 0% 10%;flex-wrap: wrap;} .ortemne.active{display: flex;} .ortemne1 {width: 22.5%;margin-left: 3.3%;padding-bottom: 50px;} .ortemne1:nth-child(4n+1) {margin-left: 0;} .ortemgv {border-radius: 13%;overflow: hidden;} .ortemne1 > h5 {padding: 23px 0 0 20px;font-family: "CooperHewitt Bold";font-size: 1vw;text-transform: uppercase;color: #dc6218;} .ortemne1 > p {padding: 0px 0 0 20px;font-size: 0.9vw;text-transform: uppercase;} .abtawrd9 {padding-bottom: 3%;width: 81%;} /* ========================================================================= Team =========================================================================*/ .orteamm1:nth-child(3n+1) {margin-left: 0;} .orteamm1 {margin-left: 5%;width: 30%;} .orteamm { justify-content: normal;} .ortemneds2 {display: flex;flex-wrap: wrap;} .temdirect {padding-bottom: 20px;font-family: "CooperHewitt Bold";font-size: 1.5vw;text-transform: uppercase;color: #5b5b5b;} /* ========================================================================== privacy & jobs ========================================================================== */ .pycy {padding: 3% 0;} .pycy > h1 {color: #dc6218;font-weight: 600;font-size: 2.2vw;line-height: 1em;padding-bottom: 25px;text-transform: uppercase;} .pycy > p {font-size: 1vw;} .pycy > h3, .pycy > h4, .pycy > h5, .pycy > strong { text-transform: uppercase;font-size: 1.3vw;padding-bottom: 20px;} .pycy ul {list-style: disc;padding-left: 30px;padding-bottom: 16px;} .pycy ul > li{font-size: 1vw;padding-bottom: 7px;} .jobpge {padding: 3% 0;} .jjfltr {display: flex;align-items: center;} .jjfmnu {padding-bottom: 0;} .jjfmnu ul.list {height: 200px;overflow-y: scroll !important;} .jjfmnu ul.list::-webkit-scrollbar {width: 7px;} .jjfmnu ul.list::-webkit-scrollbar-track {} .jjfmnu ul.list::-webkit-scrollbar-thumb {background: #e7e7e7; border-radius: 6px;} .jjfmnu ul.list::-webkit-scrollbar-thumb:hover {background: #5b5b5b; } .jdssd {width: 12%;} span.current,.jjfmnu {font-size: 1vw;} #searchInput1 {font-size: 1vw;border-bottom: 1px solid #000;width: 160px;color: #414042;margin-left: 30px;} .jjrst {margin-left: 30px;width: 20px;height: 20px;display: block;background: url(../img/device_reset.png) no-repeat 0 0 / 100% auto;} .jjbcdeo {padding-top: 25px;} .jjbcdeo1 {background-color: #fff;margin-bottom: 20px;} .jjbcdeo1 {margin-bottom: 20px;justify-content: space-between;padding: 20px;display: flex;background: #e7e7e7;border-radius: 20px;} .jjbcdeo11 {width: 75%;} .jjbcdeo11 > h5 {font-size: 1vw;padding-bottom: 0;} .jjbcdeo11 > h3 {padding-top: 10px;font-size: 1.4vw;padding-bottom: 0;color: #dc6218;} .jjbcdeo11 > p {font-size: 1vw;padding-top: 15px;padding-bottom: 0;} .jjbcdeo12 {display: flex;flex-wrap: wrap;align-content: space-between;width: 15%;} .jjbcdeo12 > p{width: 100%;font-size: 1vw;padding-bottom: 0;} .jknmre {display: inline-block;padding: 0px 30px 0 0;color: #dc6218;font-size: 1.1vw;position: relative;font-family: "CooperHewitt Semibold";} .jknmre::after {position: absolute;top: 50%;right: 0;width: 20px;height: 20px;content: '';background: url(../img/icons.png) no-repeat 0 -604px / 60px auto; transform: translateY(-50%);} .jjfltr > li{position: relative;} .nodata {padding: 20px;border-radius: 6px;border: 1px solid #5b5b5b;} .nodata > p {text-align: center;padding-bottom: 0;font-family: "CooperHewitt Semibold";} /*-----------------job 02-05-2024------------*/ .pbpopup1.crerpup .ppfrms {display: block;} .pbpopup1.crerpup {width: 500px;padding: 30px 30px 20px;} .pbpopup1.crerpup .pfrms {width: 100%;} .pbpopup1.crerpup .crms {font-family: "CooperHewitt Book";padding: 13px 15px 10px;} .pbpopup1.crerpup .pfrms > textarea {width: 100%;background-color: #fff;border-radius: 10px;padding: 13px 15px 10px;font-family: "CooperHewitt Book";font-size: 1.2vw;color: #5b5b5b;} .spnt {padding-top: 10px;} .spnt > p{padding-bottom: 0;} .pfrms > label {font-size: 1vw;padding-bottom: 10px;display: block;} textarea.error,input.uprs.error {border: 1px solid #ff0000 !important;} .pbpopup1.crerpup input.tcnds{width: 87%;} .pbpopup1.crerpup .chkerrs{padding-left: 25px;padding-top: 0;} .pbpopup1.crerpup label.chkerrs::before{left: 0px;top: 0;transform: translateY(0);} .tcnds:checked~.chkerrs::after{transform: rotate(135deg);top: 4px;left: 3px;} /* ========================================================================== Investor relation ========================================================================== */ .invstrel {padding: 0px 0 70px;} .invstreltin {position: relative;} .investbnr{-webkit-mask: url(../img/ithrbg.png) no-repeat 0 0 / 100% 100%;} .invstcnt { position: absolute; left: 2.3%; bottom: 9%; width: 28%; z-index: 1; } .invstcnt > h1 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 1.03vw;color: #dc6218;} .invstcnt > h3 {font-family: "CooperHewitt Bold";text-transform: uppercase;font-size: 2vw;color: #fff;line-height: 1.2em;padding: 6px 0 0;} .page-menu { padding: 3% 0; } .pgemnu{display: flex;} .pgemnu > li {position: relative;padding-right: 33px;} .pgemnu > li::after{position: absolute;content: '';top: 50%;transform: translateY(-50%) rotate(15deg);right: 16px;width: 3px;height: 70%;background-color: #939598;} .pgemnu > li:last-child::after{display: none;} .pgemnu > li > a {font-family: "CooperHewitt Bold";font-size: 1.2vw;color: #939598;line-height: 1.3em;text-transform: uppercase;} .pgemnu > li > a:hover,.pgemnu > li.active > a{color: #dc6218;} .itab-content { padding-top: 30px; } .itab-content > h2{font-family: "CooperHewitt Bold";font-size: 2vw;color: #5b5b5b;line-height: 1.3em;text-transform: uppercase;} .itab-sbmnu { padding-top: 20px; } .itab-sbmnu > li > a { display: block; padding: 20px 50px 20px 20px; border-bottom: 1px solid #a0a0a0; position: relative; font-family: "CooperHewitt Medium"; text-transform: uppercase; font-size: 1.3vw; color: #5b5b5b; } .sbsbmnu,.asbsbmnu { padding:0 20px;display: none; } .sbsbmnu > li > a,.asbsbmnu > li > a{display: block; padding: 20px; border-bottom: 1px solid #a0a0a0; position: relative; font-family: "CooperHewitt Medium"; text-transform: uppercase; font-size: 1.3vw; color: #5b5b5b;} .sbsbmnu > li > a::after,.asbsbmnu > li > a::after{position: absolute; content: ''; right: 20px; top: 28%; border-top: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; width: 0.9vw; height: 0.9vw; transform: translate(-50%) rotate(135deg);transition: all 500ms ease-in-out;} .sbsbmnu > li.active > a::after,.asbsbmnu > li.active > a::after{top: 43%;transform: translate(-50%) rotate(-45deg);} .sbsbmnu > li.active > a,.asbsbmnu > li.active > a { background-color: #e7e7e7; } .itab-sbmnu > li.active > a { font-family: "CooperHewitt Bold"; } .itab-sbmnu > li > a::after { position: absolute; content: ''; right: 20px; top: 28%; border-top: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; width: 0.9vw; height: 0.9vw; transform: translate(-50%) rotate(135deg);transition: all 500ms ease-in-out; } .itab-sbmnu > li.active > a{ background-color: #e7e7e7; } .itab-sbmnu > li.active .itabdoc{background-color:#f0eded;} .itab-sbmnu > li.active > a::after{top: 43%;transform: translate(-50%) rotate(-45deg);} .itabdoc {display: none; padding: 20px;margin-bottom: 20px; } .itab-sbmnu > li:first-child > .itabdoc,.itab-sbmnu > li:first-child > .sbsbmnu{display: block;} .itabdoc > li { padding-bottom: 20px; } .itabdoc > li:last-child { padding-bottom: 0; } .itabdoc >li > a { font-size: 1.1vw; position: relative; color: #5b5b5b;padding-left: 30px } .itabdoc > li > a::before { position: absolute; content: ''; left: 0; top: 50%;transform: translateY(-50%); width: 15px; height: 15px; background: url(../img/download.png) no-repeat 0 0 / 100% auto; } .sebiavss {margin-top: 3%;} .sebiavss1 {display: flex;} .sebiavs2 {margin-right: 3%;overflow: hidden;width: 35%;} .vdopop {display: block;position: relative;} .video-pop, .video-pop video {width: 100%;height: 100%;} .vdopop::before {position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1;} .vdopop::after {position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%, -50%);width: 3vw;height: 3vw;background: url(../img/play.png) no-repeat 0 0 / 100% auto;z-index: 2;} /*--------------------Disclaimer-----------------------*/ .disclimer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 999; } .disclimer.hide{display: none;} .coktblecel8 {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .cokcontent8 { height: 80vh;max-width: 800px; margin: 0 auto; background-color: #fff; position: relative;padding: 40px 0 60px; } .cckkd { overflow-y: auto; height: 100%; padding: 0px 30px; } .cckkd > h5 { font-size: 1em; text-transform: uppercase; padding-bottom: 10px; } .cckkd > p { padding: 0 0 13px 0; font-size: .85em; letter-spacing: 0.02em; } .cckkd ul { list-style: disc; padding-left: 15px; padding-bottom: 16px; } .acbtns { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 10px 0; } .acbtns a { display: inline-block; background-color: #000; color: #fff; text-transform: uppercase; padding: 9px 12px; } /* width */ .cckkd::-webkit-scrollbar {width: 10px;position: absolute;right: 10px;} /* Track */ .cckkd::-webkit-scrollbar-track {border-radius: 10px;background-color: #f1f1f1;} /* Handle */ .cckkd::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 10px;} /* Handle on hover */ .cckkd::-webkit-scrollbar-thumb:hover {background: #c1c1c1;} .popclo {position: absolute;top: 10px;right: 30px;} .popclo > a {color: #fff;background-color: #000;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 1.2em;} /* ========================================================================== Enquiry Form ========================================================================== */ .enqryform {margin-top: 50px;padding: 4% 3% 4% 3%;border-radius: 30px;background-color: #e7e7e7;} .form-section {padding-bottom: 20px;} .form-section > h3 {color: #dc6218;text-transform: uppercase;font-size: 1.6vw;line-height: 1.2em;padding-bottom: 20px;} .form-flx{display: flex;} .form-group {width: 32.7%;padding-bottom: 25px;margin-right: 1%;position: relative;} .form-group:nth-child(3n+3){margin-right: 0;} .form-group > label {font-family: "CooperHewitt Semibold";text-transform: uppercase;font-size: 1.03vw;padding-bottom: 5px;display: block;} .form-group > label span {color: #dc6218;padding-left: 3px;} .effrm {font-family: "CooperHewitt Semibold";color: #5b5b5b;padding: 18px 26px 15px;width: 100%;font-size: 1.2vw;border-radius: 10px !important;background-color: #fff !important;} .checkbox-group {display: flex;} .checkgrp {position: relative;margin-right:25px;} .chckgrp1 {position: absolute;top: 0;left: 0;opacity: 0;} .chckgrp2 {position: relative;padding-left: 1.5vw;text-transform: uppercase;font-size: 1vw;cursor: pointer;font-family: "CooperHewitt Semibold";vertical-align: middle;} .cnsnt1 {position: relative;padding-left: 1.5vw;text-transform: uppercase;font-size: 1vw;cursor: pointer;vertical-align: middle;} .chckgrp2::before,.cnsnt1::before {position: absolute;left: 0;display: block;pointer-events: none;content: "";background-color: #fff;border-radius: 0;height: 1vw;top: 45%;transform: translateY(-50%);width: 1vw;border-radius: 2px;} .chckgrp2::after,.cnsnt1::after {border-top: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;transform: translateY(-50%) rotate(135deg);height: 0.2vw;top: 45%;width: 0.5vw;position: absolute;left: 0.2vw;display: block;content: "";opacity: 0;} .chckgrp1:checked~.chckgrp2::after{opacity: 1;} .cnsnt:checked~.cnsnt1::after{opacity: 1;} .rdogrp2::before {transform: translateY(-50%);position: absolute;left: 0px;display: block;pointer-events: none;content: "";border-radius: 50%;height: 1vw;top: 50%;width: 1vw;border: 1.5px solid #5b5b5b;} .rdogrp2::after {transform: translateY(-50%);left: 0.18vw;top: 50%;border-radius: 50%;content: '';position: absolute;width: 0.8vw;height: 0.8vw;background-color: #5b5b5b;opacity: 0;} .rdogrp1:checked~.rdogrp2::after{opacity: 1;} .rdogrp1:checked~.rdogrp2 .effrm1{opacity: 1;} .radio-group {display: flex;} .form-group1 {width: 100%;} .rdogrp1,.cnsnt {position: absolute;top: 0;left: 0;opacity: 0;} .rdogrp2 {position: relative;padding-left: 1.5vw;text-transform: uppercase;font-size: 1vw;cursor: pointer;font-family: "CooperHewitt Semibold";vertical-align: middle;} .radiogrp {position: relative;margin-right: 2%;} .radiogrp:last-child {margin-right: 0;} label.rdogrp2 .effrm {position: absolute;margin-left: 1vw;width: 16vw;} .effrm1{position: absolute;margin-left: 1vw;width: 16vw;border-bottom: 1px solid #5b5b5b !important;color: #5b5b5b;font-size: 0.9vw;opacity: 0;} .form-group textarea {padding: 20px 26px 15px;width: 100%;font-size: 1.2vw;border-radius: 10px !important;background-color: #fff !important;font-family: "CooperHewitt Semibold";} input.submit-btn {display: inline-block;background-color: transparent;font-family: "CooperHewitt Bold";text-transform: uppercase;color: #dc6218;padding-right: 28px;font-size: 1.25vw;} .form-submit {position: relative;display: inline-block;} .form-submit::after {position: absolute;top: 50%;right: 0;width: 20px;height: 20px;content: '';background: url(../img/icons.png) no-repeat 0 -604px / 60px auto;transform: translateY(-50%);} .checkbox-group1 .checkgrp {margin-right: 0;margin-bottom: 10px;} span.err {display: none;} span.err.error {position: absolute;bottom: 5px;color: #ff0000;font-size: 0.8em;display: block;font-style: italic;} em#enquirytype-error {position: absolute;bottom: -17px;width: 200px;} .effrm.error {border: 1px solid #ff0000 !important;} input.cnsnt.error~.cnsnt1 {color: #ff0000;} .effrm::-webkit-input-placeholder,.form-group > textarea::-webkit-input-placeholder {color: #e7e7e7;} .effrm:-moz-placeholder,.form-group > textarea:-moz-placeholder {color: #e7e7e7;} .effrm::-moz-placeholder,.form-group > textarea::-moz-placeholder {color: #e7e7e7;} .effrm:-ms-input-placeholder,.form-group > textarea:-ms-input-placeholder {color: #e7e7e7;} em#consent1-error, em#consent2-error {display: none;} /*====================== Cookies Popup ============================*/ .cokiescnt{display: block;width: 100%;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;} .cokiescnt.hide {display: none;} .cookie-consent {display: flex;position: fixed;bottom: 0;width: 100%;background-color: #e7e7e7;color: #000;padding: 1.2% 3% 1%;font-size: 1.2em;z-index: 9999;box-shadow: 0 0 10px rgba(0,0,0,0.3);} .cokh3p {width: 70%;} .cokhbtns {width: 30%;display: flex;align-items: center;justify-content: center;} .cokh3p > h3 {padding-bottom: 10px;} .cokh3p > p {padding-bottom: 0;font-size: 0.8em;} .cookie-consent button {font-size: 0.8em;background-color: #dc6218;border: none;color: white;padding: 8px 16px 3px;margin-left: 10px;border-radius: 4px;cursor: pointer;transition: all 500ms ease-in-out;} .cokhbtns > button:hover {background-color: #5b5b5b;} /*===========================11-05-25=======================*/ .lifpadigkt .capbblts2 {position: relative;} .lifpadigkt .capbblts2 .count7 {position: absolute;width: 82%;bottom:8%;padding-top: 0;} .lifpadigkt .capbt2slid p {padding-bottom: 10%;} .hrpdfiss {position: relative;padding-left: 25px;color: #5b5b5b;font-size: 0.9em;font-family:"CooperHewitt Medium";} .hrpdfiss:hover{color: #dc6218;} .hrpdfiss::before {position: absolute;content: ''; width: 20px;height: 20px;display: block;background: url(../img/icons.png) no-repeat 3px -443px / 40px auto;} /* ========================================================================== Responsive ========================================================================== */ @media only screen and (max-width :767px) and (min-width:470px) and (orientation:landscape){#orimode{display:block}} @media only screen and (min-width:1700px){ .sprms2::after {top: 42%;} } @media only screen and (min-width:1200px){ .milsncnt1 {min-height: 5vw;} .ahrefc:hover{font-size: 3.5vw;color: #dc6218;font-family: "CooperHewitt Semibold";} .vertcaro .owl-item.active1 .ditms > a.ahrefc {font-size: 3.9vw;color: #dc6218;font-family: "CooperHewitt Heavy";padding-top: 4%;} .vertcaro .owl-item.vp1 .ditms > a.ahrefc,.vertcaro .owl-item.vn1 .ditms > a.ahrefc{font-size: 3.5vw;} .vertcaro .owl-item.vp2 .ditms > a.ahrefc,.vertcaro .owl-item.vn2 .ditms > a.ahrefc{font-size: 3vw;} .vertcaro .owl-item.vp3 .ditms > a.ahrefc,.vertcaro .owl-item.vn3 .ditms > a.ahrefc{font-size: 2.5vw;} .vertcaro .owl-item.vp4 .ditms > a.ahrefc,.vertcaro .owl-item.vn4 .ditms > a.ahrefc{font-size: 2.2vw;} .vertcaro .owl-item.vp5 .ditms > a.ahrefc,.vertcaro .owl-item.vn5 .ditms > a.ahrefc{font-size: 1.9vw;} .vertcaro .owl-item.vp6 .ditms > a.ahrefc,.vertcaro .owl-item.vn6 .ditms > a.ahrefc{font-size: 1.6vw;} .vertcaro .owl-item.vp7 .ditms > a.ahrefc,.vertcaro .owl-item.vn7 .ditms > a.ahrefc{font-size: 1.3vw;} .vertcaro {height: 5vw !important;display: flex !important;align-items: center;} } @media only screen and (min-width:1400px){ body.mac .abtfstc1 > h3{margin-bottom: -2%;padding-top: 3%;} body.mac .abtfstc1 > h3 > span,body.mac .abtfstc1.fvb3 > h3 > span.spn1,body.mac .abtfstc1.fvb2 > h3 > span.spn1{bottom:18%;} } @media only screen and (min-width:1200px) and (max-width:1400px){ .capbblts2 { padding: 4% 3% 0 3%;} .capbt2slid p {padding-top: 10%;} .hcontainer{margin: 0 10%;} .header.shead .hcontainer {padding: 1.2% 0 0.5%;} .header.shead .logo {width: 11%;} .connecn {margin: 0 10%;padding: 1% 0 1.6%;} .random_quotes > h1{font-size: 13.3vw;line-height: 1.1em;} .cnctlvsl{margin: -18.3% 0 0 auto;} .container {margin: 0 10%;} .innovat2{padding: 0% 0 0 3%;} .pnertot > p{font-size: 8.5vw;} .hmblogs2{padding: 2.3% 3% 0 3.1%;} .hmblogs2 > h3 {font-size: 2.1vw;} .abtfstc1,.abtfstc1.fvb3,.abtfstc1.fvb1 {padding-bottom: 0;padding: 0 9%;} .abtfstc1 > h3{font-size: 17vw;line-height: 0.94em;} .abtfstc1.fvb2 > h3 {padding-left: 17%;} .abtfstc1.fvb2 > h3 > span.spn1 {left: 0;} .abtsta {padding: 3.7% 5% 7.2% 5%;} .abtsta1 {width: 18vw;height: 18vw;} .abtsta11 > h5{font-size: 2.1vw;} .abtsta11 > p{font-size: 1.2vw;} .xtrdts{left: 110%;} .xtrdts1{left: -22%;} .atstry21{width: 65%;} .abtsone1t > h5 {padding: 0 15px;} .atstry1 > h3 {font-size: 3.5vw;} .orteami > h1{font-size: 9.1vw;} .awrdyr > a {font-size: 2.5vw;} .ortemne1 > h5{font-size: 1vw;padding: 23px 0 0 10px} .ortemne1 > p {padding: 0px 0 0 10px;} .grener2 {width: 44%;} .orcult1{padding: 0 2% 0 0;} .pdbochre2{padding: 10% 3% 0 7.3%;} .prcsapch {margin: 0 5.3% 0 10%;} .relent1t{top: 15%;} .smenu2{padding: 25px 20px 20px 20px;} .pinfutr > a.pplus{right: 10%;} .abtawrd2 > h3{font-size: 3.9vw;} body.linux .abtfstc1 > h3 > span,.abtfstc1.fvb3 > h3 > span.spn1,.abtfstc1.fvb2 > h3 > span.spn1{bottom:12%;} .foot2 > ul > li:last-child{padding-right: 0;} .foot2 > ul > li{padding-right: 23px;} .foot2 > ul > li::after{right: 10px;} /*---for linux os css */ body.linux .abtfstc1 > h3{margin-bottom: -2%;} body.linux .abtfstc1 > h3 > span,body.linux .abtfstc1.fvb3 > h3 > span.spn1,body.linux .abtfstc1.fvb2 > h3 > span.spn1{bottom:22%;} body.linux .abtfstc1, .abtfstc1.fvb3, .abtfstc1.fvb1{padding:0 10.5%;} body.linux .abtfstc1.fvb1 > p {width: 96%;} body.linux .abtfstc1.fvb2 > h3 {padding-left: 16.5%;} body.linux .abtfstc1 {padding-bottom: 1% !important;} } @media only screen and (max-width :1180px) and (min-width:820px) and (orientation:landscape){ .relent1t{top: 13%;} /* ============================Enquiry Form============================================== */ .form-section {padding-bottom: 5px;} } @media only screen and (max-width :1024px) and (min-width:768px) and (orientation:landscape){ .orteami > h1::after {bottom: 3%;} .pdbochre2 {padding: 11% 3% 0 4%;} .rxchds1 {padding: 4.4% 5% 0 0;} .capbt2slid > .mob,.count7.clearfix.mob {display: none;} .capbblts .capbblts1 {width: 63.3%;} .capbblts2.desk {display: block;padding: 2% 2% 0 2%;} .capbt2slid p {padding-top: 0px;} .srsrvc4 {top: 40%;} } @media only screen and (max-width:64em){ .desk{display: none;} .hmblogs4{display: none !important;} .mob,.jjbcdeo1,.jjfltr,.prcsapch,.overviw3.mob{display: block;} .container,.prcsapch {margin: 0 30px;} .atstry1 > h3{font-size: 2.2em;} .linegpwr2 > h5,.atstry2 > h5,.atstry1 > h5,.relent1t > h3,.grener3 > h3,.csraty1 > h3,.pdbnrxt > h3,.overviw1 > h3,.srsrvc2 > h3,.capbt2slid h3,.prcsapch1 > h3,.ahrefc {font-size: 1.6em;} .hmcsety2 > h3,.orcult1sld > h3,.jbopne2 > h3,.conecto1 > h3,.pdbochre2 > h3,.rxchds1 > h3,.orothrpd > h3,.orothrpdt > h5,.pycy > h1,a.smclos{font-size: 1.4em;} .jjbcdeo11 > h3,.hmcsety2 > p,.ladvpd21 > h5,.cnttp > h3,.srtlst1 > h5,.prdftres > h5,.prcsapch1 > h5,.abtsone1t > h5,.ppfrms1 > h3,.sbmenu > li > a,.dmenu1 > h5,.orothrpd.insigt .orothrpdt > h5,.insightwt > h3,.lapd > h3,.hmevnts2 > h3{font-size: 1.1em;} .insightwt > h5,.nsdetl > h2,.nsdetl > h3, .nsdetl > h4, .nsdetl > h5,.pdbnrxt > h5,.pdbochre2 > h5,.orothrpd > h5,.srsrvc2 > h5,.srsrvc2 > p,.capbt2slid h5,.pycy > h3, .pycy > h4, .pycy > h5, .pycy > strong,.inslft > h3,.inslft > strong{font-size: 1em;} #searchInput1, .jjschr8 > a, .jjbcdeo11 > h5, .jjbcdeo11 > p, .jjbcdeo12 > p, .jknmre, span.current, .jjfmnu,.pterbs > li > a,.lapd > h5,.pinfutr > p,.mpshrtd > p,.hmcsety2 > h5,.hmevnts2 > h5,.abtfstc1.fvb1 > p,.abtfstc1.fvb2 > p,.abtfstc1.fvb3 > p,.atstry21 > p,.linegpwr2 > p,.relent1t > h5,.relent1t > p,.orteamm1 > h5,.abteer > p,.abtawrd9 > p,.awrdlt > h5,.awrdlt > p,.grener3 > h5,.grener21 > p,.csraty1 > h5,.csraty1 > p,.mpcntp > p,.orcult1> h5,.orcult1sld > p,.jbopne2 > h5,.conecto1 > p,.crms,input#sbtn, input#sbtn1,.nsdetl > p,.nsdetl > p a:hover, .nsdetl > ul > li,.nsdetl > ul > li p,.inslft ul li,.inslft ul li p,.cnttp > h5,.locat,#cntry,.soryb > li > a,.srtlst1 > p,.pdbnrxt > p,.overviw1 > h5,.animte > p,.prdftres > p,.pdbochre2 > p,.rxchds1 > h5,.capbt2slid p,.svadvntg1 > p,.prcsapch1 > p,.pycy > p,.pycy ul > li,.abtsone1t > p,.ppfrms1 > p,.ortmfndr > h5,.dmenu11 > li > a,.inslft > p,.prcsapch1 ul li,.inslft ol li,.inslft ul li,.foot2 > ul > li > a{font-size: 0.9em;} .milsncnt1 h5,.orteamm1 > p,.ladvpd21 > p,.ladvpd22 > li > h5,.jbopne2 > p,.prdftre1 > h5,.rxchds1 > p, .ortmfndr > p{font-size: 0.8em;} .hmblogs2 > p,.milsncnt1 p,.ladvpd22 > li > p,.chkerrs,.ortemne1 > h5{font-size: 0.7em;} .ortemne1 > p{font-size: 0.65em;} #searchInput1,.jjbcdeo11,.jjbcdeo12,.pinfutr > p,.atstry21,.orcult1sld,.jbopne2 > h3,.srtlst1 > p,.prdftres > p,.capbblts1,.svadvntg1,.prcsapch1,.prcsapch2 {width: 100%;} .cnctlvsl{border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;} .innovat1,.hmcsety2,.hmblogs1,.hmblogs3,.hmevnts1,.orteamig,.relent1, .pdbanrig, .overviw, .pdbochre1,.linegpwr2,.linegpwr,.orcult,.orcult2,.ladvpd1,.jbopne1,.conecto,.srtlst1,.overviw2,.pdbochre,.orothrpdl,.srsrvc1,.srsrvc3,.servcfcts,.capbtig,.capbblts2,.youtbep2,.hmcsety1,.insightwg,.orteami,.grener1,.csraty2,.csraty,.orteamigf,.inslrt > img{border-radius: 20px;} .bnrdots > span,.fstdots > span,.csdots > span,.nlgdots > span,.vprev > span,.jbdots > span,.srsrvc4 > span,.invtdots > span,.doots > span{width: 10px;height: 10px;} .hcontainer {margin: 0;padding: 30px 30px 10px;} .header.shead .hcontainer {padding: 20px 30px 10px;} .logo {width: 130px;} .header.shead .logo {width: 120px;} .mnmenu {padding: 120px 30px 30px;width: 50%;} a.mlogo {position: absolute;top: 30px;left: 30px;width: 130px;} header.hdesd .mnmenu {padding-top: 100px;} a.smclos,header.hdesd a.smclos{top: 40px;right: 30px} .submenu > li > a{font-size: 1em;} .content {padding-top: 95px;} .pplus,.rplus{width: 30px;height: 30px;background: url(../img/icons.png) no-repeat 0 -84px / 50px auto;} .cnctwrld2 {top: 27.5%;} .mpshrtd {width: 100%;margin: 0;padding: 20px 30px 0;} .hmcsety{padding: 0;} .hmcsety2{padding: 50px 20px 20px;} .hmcsety2 > p{padding-bottom: 20px;width: 90%;} .hmblogs2 {padding: 0% 3% 0 3.1%;} .hmevnts2 {width: 50%;top: 22%;left: 30px;} .point_line > a{padding-left: 10px;} .doots > span:last-child {display: none;} .doots{left: 50%;} .szmenu2 { width: 100%; } .pinfutr > a.pplus {position: static;} .cnctwrld {margin: 0 30px;} /*-----------Services---------*/ .srsrvc2{padding: 30px 10px 0 10px;} .srsrvc2 > p{padding-top: 15px;} .srsrvc4 > span:last-child, .srsrvc4 > span:nth-last-child(2), .srsrvc4 > span:nth-last-child(3), .srsrvc4 > span:nth-last-child(4), .srsrvc4 > span:nth-last-child(5), .srsrvc4 > span:nth-last-child(6) , .srsrvc4 > span:nth-last-child(7){display: none;} .srsrvc4{right: 68.2%;} .prdftre {padding: 20px 0 0;} .servcfcts {margin: 30px 0;padding: 30px;} .capbt2slid p {padding-top: 30px;} .capbt2slid h3{padding-bottom: 20px;} .count7 {padding-top: 20px;width: 100%;} .prcsapch2{margin: 20px 0 0 0;} /*-----------Products---------*/ .pdbnrxt {left: 30px;width: 60%;} .pdbnrxt > p {padding: 21px 0 0 0;} .overviw{padding: 30px;} .overviw1 {padding: 0 30px 0 0;} .prdftres {padding: 0;} .prdftre1 {width: 16.7%;margin-right: 4%;} .pdbochre2{padding: 20px;} .pbdwnld {margin-top: 20px;padding-top: 20px;} .rxchds1 > p{padding-top: 20px;} .orothrpd > h3{width: 50%;} .orothrpdt{left: 20px;bottom: 20px;} .orothrpdt > h5{padding-bottom: 20px;} .overviw3 {padding-top: 30px;} .overviw > div {vertical-align: middle;} .rxchds1{padding-top: 5px;padding-right: 3%;} .prvnxt1{top: 5%;} .pdbochre {margin: 50px 0 0;} .rsrchdsgn {padding: 50px 0;} .pbpopup1 {width: 90%;} /*-----------Insights / contact us---------*/ .insightwt {bottom: 20px;left: 20px;right: 20px;width: auto;} .locat::before{width: 25px;height: 35px;background-position: 0 -113px;;background-size: 40px auto;left: 0;} .locat{padding: 9px 0 10px 35px;margin-top: 15px;} .srtby{padding-left: 10px;} .srtlst1{padding: 20px;} .inslrt {padding: 0 0 15px 20px;width: 50%;} .instfg1{padding-bottom: 30px;display: block;} .inslft,.nsdetl {width: 100%;} .cssnpls2 {padding-top: 15px;} /*-----------Life---------*/ .orcult{padding: 30px;} .orcult > div {vertical-align: middle;} .orcult1 {padding: 0 20px 0 0;} .orcult1sld > p {padding: 10px 0 20px;} span.nxt{width: 30px;height: 30px;background-size: 45px auto;background-position: 0 -394px;} .ladvpd22 {padding-top: 20px;} .ladvpd22 > li{width: 48%;padding-left: 25px;} .ladvpd21 {padding-left: 0px;} .ladvpd2{border-top-right-radius: 20px;border-bottom-right-radius: 20px; padding: 20px;} .ladvpd22 > li::before{width: 18px;height: 18px;background-size: 50px auto;background-position: 0 -282px;} .relent1t {left: 30px;top:11%;} .relent1t > h5{padding: 10px 0 0 0;} .relent1t > p{padding: 0;} .ricon.playvdo {margin-top: 10px;} .jbopne2 {padding: 0 0 0 20px;} .jbopne2 > p{padding: 10px 0 15px;} .conecto{padding: 30px;} .conecto1 {padding-right: 30px;} .crms{padding: 15px 15px 12px;border-radius: 6px !important;} label.chkerrs::before{left: 0;} .tcnds:checked~.chkerrs::after{left: 3px;} .chkerrs{padding-left: 25px;} .orcult1slder::after{width: 0;} /*-----------About---------*/ .abtfstc1.fvb1 > p{padding-left: 1%;text-align: left;} .abtfstc1.fvb3 > p{text-align: left;} .abtsta {padding: 30px 0 50px 0;} .atstry {padding: 30px 0;} .atstry2 {width: 67%;} .atstry21 {padding: 30px 0 0 0px;} .atstry21 > p{padding-bottom: 30px;} .linegpwr{margin: 0;} .linegpwr2 > p {padding: 20px 0 0 0;} .linegpwr2 {padding: 30px;} .milsncnt {padding: 40px 0 0 55px;width: 94%;} .milsncnt1 {min-height: 100px;} .milsncnt1 p {padding-top: 5px;} .ricon {width: 40px;height: 40px;} .relent1t.abtrlnt .ricon {margin: 20px auto 0;} .vprev > span:last-child {display: none;} .milsncnt1 > li {padding-left: 0;} .relent1t.abtrlnt {width: 90%;left: 5%;} .relent1t.abtrlnt > h5 {padding-top: 15px;} .orteam > h5{padding-left: 6%;} .orteami > h1{padding-left: 5.3%;} .orteamm {padding: 4.5% 5.3% 2.3% 5.3%;} .orteamm1 > h5,.ortmfndr > h5,.ortemne1 > h5 {padding: 20px 0 0 6px;} .orteamm1 > p,.ortmfndr > p,.ortemne1 > p{padding-left: 6px;} .orteamm1{padding-bottom: 40px;} .abteer {width: 100%;padding:25px 0 0 0;} .abteer > p {padding-bottom: 20px;text-align: justify;} .abtawrd2 {width: 50%;} .abtawrd9 > p {padding: 15px 0 0 0;text-align: justify;} .awrdyr{width: 20%;} .dmawrd {width: 76%; padding-left: 20px;} .awrdlt7g {width: 45%;padding-right: 10px;}{fs} .awrdlt7t > h5,.awrdlt7t > p{font-size: 0.7em;} .awrdlt7 {padding-right: 20px;} .awrdlt .owl-item.active .awrdlt7::before{left: -20px;} .awrdyr > a::after{width: 30px;height: 30px;background: url(../img/icons.png) no-repeat 0 -530px / 80px auto;} .grener{align-items: center;flex-wrap: wrap;} .grener2 {width: 100%;padding: 0px 0 0 0%;} .grener3{width: 44%;padding: 0 5% 0 0;} .csraty1 {padding: 0 3% 0 0 ;} .grener3 > h5 {text-transform: uppercase;font-family: "CooperHewitt Bold";} .grener3 > h3 {text-transform: uppercase;font-family: "CooperHewitt Bold";padding-top: 7px;color: #dc6218;line-height: 1.2em;} .vprev > span{margin-right: 1px;} .loadmre > a{padding: 10px 0 20px 6px;font-size: 0.8em;} .ortmfndr {padding: 4.5% 5.3%;} .abtsta1{width: 24vw;height: 24vw;} .abtsta11 > h5{font-size: 3.5vw;} .abtsta11 > p{font-size: 1.6vw;} .ortemne{padding: 0 30px;} .ortemne1{padding-bottom: 40px;} .loadmre {margin: 0 30px;} .orteami > h1::after{right: 11%; height: 10px;} .abtawrd3 > span {width: 10px;height: 10px;} .abtawrd9{width: 85%;} /*------------------Team --------------------*/ .temdirect {font-size: 1.3em;} /*------------------Jobs------------------*/ .jobpge {padding: 30px 0;} #searchInput1{margin-left: 0;} .stbyr {display: flex;} .jjschr {width: 50%;} .jjschr8 {width: 50%;padding-left: 30px;} .jjschr8 > a {color: #414042;padding-right: 30px;display: inline-block;position: relative;} .jjschr8 > a::after{position: absolute;content: '';top: 0;right: 0;width: 20px;height: 20px;background: url(../img/filter.png) no-repeat 0 0 / 100% auto;} .jjschr7{display: none;} .jjbcdeo12{padding-top: 15px;} .jknmre {margin-top: 10px;} .jjschr7 {position: fixed;left: 0;right: 0;bottom: 0;top: 90px;background-color: rgba(0,0,0,0.5); display: none;align-items: center;justify-content: center;z-index: 555;} .jjschr7.active{display: flex;} .jjschr71 {width: 40%;background-color: #e9e9e9;border-radius: 10px;box-sizing: border-box;padding: 20px;position: relative;} .fbycls {position: absolute; right: 20px;top: 10px;z-index: 10} .fbycls > a{color: #363636;width: 20px;display: block;text-align: center;} .jjfltr {padding: 0;} .jjfltr > li {width: 100%; padding-right: 0;border-bottom: 1px solid #000;} .jjfltr > li.desk{display: none;} .jjfltr > li > p {text-align: center; padding-bottom: 15px;} .jjfltr > li > .jjfmnu {width: 100%;padding-left: 0;} .updclr.mob {display: flex;justify-content: space-between;padding-top: 15px;} .jupdat {background-color: #8c52a1;font-size: 0.9em;text-transform: capitalize;padding: 5px 10px;border-radius: 6px;color: #fff;} .jclear {color: #363636;border: 1px solid #363636;font-size: 0.9em;text-transform: capitalize;padding: 5px 10px;border-radius: 6px;} .jknmre::after{width: 15px;height: 15px;background: url(../img/icons.png) no-repeat 0 -504px / 50px auto;} .jknmre {padding: 0 22px 0 0;} .lapd{width: 28%;} .lapd > h5{padding-left: 0;} .pterbs,.social{float: none;} .social{padding-top: 20px;} .pterbs > li {padding-right: 15px;} .pterbs > li::after{height: 15px;right: 7px;} /*------------------Investor relation------------------*/ .invstcnt > h1,.invstreltin > p {font-size: 0.9em;} .invstcnt > h3 {font-size: 1.4em;} .mpcntp {padding-top: 23px;} .invstabs {position: relative;z-index: 10;} .invstabs > a {background-color: #e7e7e7;padding: 10px 20px;border-radius: 10px;color: #5b5b5b;font-size: 1em;position: relative;font-family: "CooperHewitt Bold";text-transform:uppercase;} .pgemnu > li::after{display: none;} .pgemnu > li > a{font-size: 0.9em; font-family: "CooperHewitt Medium";} .invstabs > a::after {position: absolute;content: '';right: 20px;top: 28%;border-top: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;width: 10px;height: 10px;transform: translate(-50%) rotate(135deg);transition: all 500ms ease-in-out;} .invstabs > a.active::after{transform: translate(-50%) rotate(-45deg);} .pgemnu {display: none;background-color: #f0eded;padding: 20px;border-radius: 10px;position: absolute;top: 100%;z-index: 100;width: 100%;border: 1px solid #5b5b5b;} .pgemnu > li{padding-right: 0;padding-bottom: 10px;} .pgemnu > li:last-child{padding-bottom: 0;} .itab-content > h2{font-size: 1.2em;} .itab-sbmnu > li > a{font-size: 1em;} .itab-sbmnu > li > a::after{width: 9px; height: 9px;} .sbsbmnu > li > a::after, .asbsbmnu > li > a::after{width: 8px; height: 8px;} .itabdoc >li > a,.sbsbmnu > li > a, .asbsbmnu > li > a {font-size: 0.9em;} .invstrel {padding: 0px 0 30px;} .itabdoc > li > a::before{top: 0;transform: translateY(0%);} .cokcontent8{max-width: 90%;} /* ============================Enquiry Form============================================== */ .enqryform {margin-top: 40px;padding: 30px;border-radius: 20px;} .form-section > h3{font-size: 1.1em;} input.submit-btn{font-size: 1em;} .form-group > label,.effrm,.chckgrp2,.rdogrp2,.effrm1,.form-group textarea{font-size: 0.9em;} .cnsnt1{font-size: 0.8em;} .effrm,.form-group textarea {padding: 13px 15px 12px;border-radius: 6px !important;} .form-group{padding-bottom: 20px;} .form-section > h3{padding-bottom: 15px;} .chckgrp2::before, .cnsnt1::before{width: 14px;height: 14px;} .chckgrp2::after, .cnsnt1::after{width: 7px;height: 3px;left: 2px;top: 41%;} .chckgrp2{padding-left: 18px;} .form-section {padding-bottom: 10px;} .radio-group {flex-wrap: wrap;} .rdogrp2,.cnsnt1{padding-left: 20px;} .rdogrp2::before{width: 13px;height: 13px;} .rdogrp2::after{left: 2px; width: 11px;height: 11px;} .radiogrp{margin-right: 20px;margin-bottom: 5px;} .effrm1{width: 20vw;margin-left: 10px;} em#enquirytype-error{bottom: 20px;font-size: 0.7em;} label.pb5 {padding-bottom: 10px;} /*===================== Cookies Popup ========================*/ .cokh3p > p, .cookie-consent button {font-size: 0.7em;} /*--------------------11-07-2025---------*/ .capbblts1 {width: 48% !important;} .capbblts2{padding: 3%;width: 50%;} .capbt2slid p {padding-top: 0px;} .lifpadigkt .capbt2slid p {padding-bottom: 5%;} .lifpadigkt .capbblts2 .count7 {position: static;padding-top: 30px;} .capbblts2 .count7{padding-top: 30px;} } @media only screen and (max-width:39em){ .desk1,.foot2,.orcult > div.orcult2,.jbopne > div.jbopne1,.csraty1 > p,.hmblogs2.desk1{display: none;} .mob1,.hmcsety,.insightw,.srtlst,.pdbochre2.mob1,.linegpwr,.abtsone,.csraty,.abtawrd,.hmblogs2.mob1{display: block;} .hcontainer,.header.shead .hcontainer {padding: 20px 20px 10px;} .header.shead .logo {width: 130px;} a.mlogo {top: 20px;left: 20px;} .szmenu2 {width: 100%;} .sbmenu {text-align: right;} .sbmenu > li {margin-bottom: 30px;} .sbmenu > li.smmenu > a::after {position: absolute;content: '';top: 1px;right: 2px;border-top: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;width: 7px;height: 7px;transform: rotate(135deg);} .sbmenu > li.smmenu > a.active::after{transform:rotate(-45deg);top: 5px;} .sbmenu > li.smmenu.active > a::after{border-color: #dc6218;} .sbmenu > li.active > a{color: #dc6218 !important;} .sbmenu > li > a:hover{color: #5b5b5b;} .sbmenu > li.smmenu > a {position: relative;padding-right: 20px;} .submenu {padding-top: 15px;display: none;} .submenu > li {padding-bottom: 7px;} .submenu > li > a {text-transform: uppercase;color: #5b5b5b;font-size: 0.9em;} .submenu > li.active > a{color: #dc6218;} a.smclos, header.hdesd a.smclos {top: 25px;right: 20px;} .mnmenu {padding: 85px 20px 30px;width: 100%;} .container,.connecn,.prcsapch {margin: 0 20px;} .pterbs > li > a{font-size: 0.8em;} .content {padding-top: 85px;} .innovat2 > h5,.hmblogs2 > h3,.lapd > h3,.hmevnts2 > h3,.linegpwr2 > h5,.atstry2 > h5,.atstry1 > h5,.relent1t > h3,.grener3 > h3,.csraty1 > h3,.pdbnrxt > h3,.overviw1 > h3,.srsrvc2 > h3,.capbt2slid h3,.prcsapch1 > h3,.cnttp > h3,.abtservc > h3,.abtawrd2 > h3{font-size: 1.4em;} .insightwt > h3,.hmevnts2 > h3{font-size: 1.1em;} .pinfutr > h3,.cnctwrld2 > h3,.abtsone1t > h5,.orteam > h5{font-size: 1em;} .innovat2 > p,.abtsone1t > p, .abtawrd4 > p,.insightwt > h5,.hmevnts2 > h5{font-size: 0.9em;} .abtfstc1.fvb1 > p,.abtfstc1.fvb2 > p,.abtfstc1.fvb3 > p{font-size: 0.7em;} .cnctlvsl,.innovat1,.innovat2,.hmcsety1,.hmcsety2,.hmblogs1,.hmblogs2,.hmblogs3,.insightw1,.srtlst1,.orcult1,.ladvpd1,.ladvpd2,.ladvpd22 > li,.jbopne2,.jbopne1,.conecto1,.conecto2,.sprms,.overviw1,.overviw2,.pdbochre2,.rxchds1,.rxchds2,.srsrvc1,.srsrvc3,.abtfstc1.fvb1 > p,.abtfstc1.fvb2 > p,.abtfstc1.fvb3 > p,.atstry1,.atstry2,.linegpwr1,.linegpwr2,.abtsone1,.grener3,.grener1,.csraty1,.csraty2,.abtawrd2,.awrdyr,.pfrms{width: 100%;} .hmblogs {padding: 20px 0px} .connecn{padding: 10px 0;} .cnctlvs {padding-top: 0px;padding-bottom: 20px;} .cnctlvsl{margin: 0;} .innvdrv {padding: 20px 0;} .innovat2 {padding: 30px 0 0 0;} .innovat2 > p{padding-left: 10px;} .picon{width: 30px;height: 30px;margin: 0; margin-left: 10px;} .closevid{top: 5px;right: 5px;} .doots > span{width: 5px;height: 5px;margin-right: 1px;} .pinfutr {padding: 20px 0 0 0%;} .point_line > a {padding-left: 7px;font-size: 0.5em;} .mpshrtd{padding: 20px 20px 0;} .cnctwrld2 {position: static;padding:20px 0 10px 20px;opacity: 1 !important;visibility: visible !important;} .hmcsety1{margin-right: 0;} .hmblogs2{padding: 20px 0;} .hmblogs2 > p{padding-top: 12px;} .hmcsety2 > p {padding-bottom: 0px;} .cssnpls {padding-top: 10px;} .hmevnts2{left: 20px;width: auto;top: auto;bottom: 20px;right: 20px;} .orteamm1 > h5 {padding: 10px 0 0 0px;font-size: 0.8em;} .orteamm1 > p {padding-left: 0;font-size: 0.65em;} .grener1{margin: 20px 0 0px;} .random_quotes > h1 {font-size: 13.8vw;} .pnertoig {-webkit-mask: url(../img/mbthrbg.png) no-repeat 0 0 / 100% 100%;} .pnertot{width: 45%;} .pnertot > p{font-size: 3.5em;} .pnertot6{width: 50%;} .innovat2 > h5,.innovat2 > p{text-align: left;} .cnctwrld {margin: 0 20px;} .point_line > a::before{width:4px;height: 4px; } .point_line.us1 {top: 55%;left: 15%;} .point_line.us2 {top: 64%;left: 46.5%;} .point_line.us3 {top: 58.5%;left:45.2%;} .point_line.us4 {top: 55%;left: 50%;} .point_line.us5 {top: 51%;left: 52%;} .point_line.us6 {top: 60%;left: 67%;} .mpshrtd > p{text-align: justify;} .hmcsety2 {padding: 10px 0px 20px;background-color: transparent;} .hmblogs3 {margin: 20px 0 10px;} /*-----------About---------*/ .abtfstc1.fvb1 > p,.abtfstc1.fvb3 > p {padding: 7px 20px 15px 0;} .abtfstc1.fvb2 > p {padding: 7px 20px 15px;} .abtsta1 {width: 27vw;height: 27vw;} .abtsta11 > h5{font-size: 3.2vw;line-height: 1.1em;padding: 0 10px;} .abtsta11 > p{font-size: 3vw;padding-bottom: 0;line-height: 1.1em;} .abtsta {padding: 30px 0 40px 0;} .atstry1{padding-right: 0;} .linegpwr1{padding: 30px;} .milsncnt {padding: 30px 20px 0 20px;width: 100%;} .relent1t.abtrlnt {width: auto;left: 20px;text-align: left;top: auto;bottom: 20px;right: 20px;z-index: 1;} .relent1t.abtrlnt .ricon {margin: 0;position: absolute;right: 15px;bottom: 0px;width: 35px;height: 35px;} .abtsone1t {padding: 20px 0 30px;text-align: justify;} .orteamm1 {width: 47.5%;padding-bottom: 30px;display: none;} .grener3{padding: 0;} .csraty2{margin: 20px 0;} .abtawrd2{padding-right: 0;padding-bottom: 20px;} .yrerd{display: block;} .awrdimg.htg.mob1 {display: flex;padding: 20px 0 0;} .abtawrd4 > h3 {font-family: "CooperHewitt Bold";font-size: 1.4em;text-transform: uppercase;color: #dc6218;line-height: 1.2em;} .abtawrd4 > p{padding: 12px 0 20px;} .awrdyr{padding-top: 30px;border-right: none;padding-right: 0;} .awrdyr > a::after {width: 23px;height: 16px;background: url(../img/icons.png) no-repeat 0 -400px / 60px auto;right: 10px;transition: all 500ms ease-in-out;} .awrdyr > a {background-color: #eee;border-radius: 6px;padding: 10px;font-size: 1.4em;} .dmawrd{padding: 30px 30px 10px;width: 100%;border-left:none;} .awrdlt .owl-nav {left: -30px;} .awrdlt .owl-nav button.owl-next {float: right;} .awrdlt7 {padding-right: 0px;} .milsncnt1 p{font-family: "CooperHewitt book";} .abtsone {padding: 30px 0;display: block !important;} .abtsone button.owl-prev{width: 20px;height: 35px;background: url(../img/icons.png) no-repeat 0 -375px / 50px auto !important;} .abtsone button.owl-next{width: 20px;height: 35px;background: url(../img/icons.png) no-repeat 0 -437px / 50px auto !important;} .vprev {width: 30px;margin-left: 0px;display: none;} .vnext{display: none;} .vprev > span{width: 5px;height: 5px;margin-right: 0;margin-top: -8px;} .vprev > span:last-child, .vprev > span:nth-last-child(2), .vprev > span:nth-last-child(3) {display: none;} .loadmre > a {padding: 10 0 20px 0px;font-size: 0.8em;} .loadmre {margin: 0 20px;} .orteami > h1::after {right: 8%;height: 6px;} .milsncnt1 {min-height: 160px;} .abtfstc1.fvb1 > p, .abtfstc1.fvb3 > p,.abtfstc1.fvb2 > p {padding: 7px 0px 15px 0;} .verticarowrp {width: 100%;padding: 0 30px;} .vertcaro .owl-nav {position: absolute;top: 30%;left: -10px;right: -10px;pointer-events: none;} .vertcaro button.owl-prev span,.vertcaro button.owl-next span{font-size: 0;} .vertcaro button.owl-prev {float: left;width: 11px;height: 11px;border-top: 2px solid #dc6218 !important;border-right: 2px solid #dc6218 !important;transform: rotate(-135deg);pointer-events: all;} .vertcaro button.owl-next {float: right;width: 11px;height: 11px;border-top: 2px solid #dc6218 !important;border-right: 2px solid #dc6218 !important;transform: rotate(45deg);pointer-events: all;} .nlgdots.rtet {display: none;} .relent1t{left: 15px;right: 15px;} .relent1t > h3 {font-size: 1em;} .abtservc > h3{font-size: 1.2em;} .abtsone1g{width: 75%;} .nsbanrig.mlex {-webkit-mask: url(../img/thrbg.png) no-repeat 0 0 / 100% 100%;border-radius: initial;} .abtfstc1 > h3 {line-height: 0.94em;} .abtsone1t > p {padding: 12px 0px 0;} .abtsone1t a.rplus {margin: 20px 0 0;} .abtawrd9 {width: 100%;} .abtawrd1 {width: 65%;} .abtawrd3 {right: -11%;top: 60%;} .abtcrer {padding-top: 10px;} .lapd.mob1 {position: static;padding-bottom: 20px;} .abtcrer .nsbanrig,.nsbanrig.lapdd {-webkit-mask: url(../img/thrbg.png) no-repeat 0 0 / 100% 100%;border-radius: initial;} .lifepd .lapd > h3,.abtcrer .lapd > h3{color: #5b5b5b;} /*------------------Team --------------------*/ .orteamm1 {display: block;} .ortemne {padding: 4.5% 5.3% 2.3% 5.3%;} .orteamm {justify-content: space-between;} .temdirect {font-size: 1em;} .ortemne1{width: 47.5%;padding-bottom: 30px;} .ortemneds2 {justify-content: space-between;} .ortemne1:nth-child(2n+1) {margin-left: 0;} /*------------------Service------------------*/ .srsrvc2 {padding:20px 0 10px;width: auto;} .srsrvc2 > h5{color: #dc6218;} .srsrvc2 > h3{color: #5b5b5b;} .srsrvc2 > p {padding-top: 5px;} .srsrvc3{margin-top: 20px;} .srsrvc2 > h3{padding-bottom: 10px;} .srsrvc4 {left: 0;top: 45%;right: auto;} .csdots {top: 25%;} .count7 {padding-top: 10px;} .svadvntg .lapd {position: static;padding: 20px 0;} .svadvntg .lapd > h3{color: #5b5b5b;} .orothrpd1 button.owl-prev{width: 22px;height: 30px;background: url(../img/icons.png) no-repeat 0 -338px / 45px auto !important;} .orothrpd1 button.owl-next{width: 22px;height: 30px;background: url(../img/icons.png) no-repeat 0 -394px / 45px auto !important;} .capbblts {padding: 0 20px;} .count7 {padding-top: 0;position: absolute;top: 33%;left: -25px;right: -25px;width: auto;} .prvnxt {float: none;} span.prev {float: left;width: 25px;display: block;height: 30px;background: url(../img/icons.png) no-repeat 0 -298px / 40px auto;cursor: pointer;} span.nxt {float: right;width: 25px;height: 30px;background-size: 40px auto;background-position: 9px -350px;} .capbt2slid h3 {min-height: 80px;} /*------------------Product------------------*/ .pdbnrxt {position: static;width: 100%;padding: 20px 0 10px;} .pdbnrxt > h3,.pdbnrxt > p{color: #5b5b5b;} .overviw,.servcfcts {padding: 20px;} .fstdots.povsm {bottom: 17%;} .prdftre1g{padding-bottom: 15px;} .prdftre1{margin-bottom: 25px;} .prdftre1 {width: 28.5%;} .prdftre1:nth-child(3) {margin-right: 0;} .pdbochre {margin: 10px 0;} .pdbochre1 {margin: 0 20px;width: calc(100% - 40px);} .rsrchdsgn {padding: 20px 0 30px;} .rsrchdsgn1 {-webkit-mask: none;} .rxchds1 {padding-right: 0;} .prvnxt1 {position: static;padding-top: 20px;} .rxchds1 > p {padding-top: 20px;padding-bottom: 25px;} .orothrpd1 {padding-top: 35px;} .orothrpd > h3 {width: 70%;} .orothrpd {padding: 10px 0 20px;} .product .nlgdots {display: none;} .prdftres > p,.svadvntg1 > p,.mpcntp > p,.ladvpd21 > p,.jbopne2 > p{text-align: justify;} /*------------------Life------------------*/ .lapd {width: auto;left: 20px;bottom: 20px;right: 20px;} .orcult1{padding-right: 0;position: relative;} .conecto {padding: 20px;} .orcult{padding: 20px 25px;} .orcult2sld {margin: 20px 0;border-radius: 20px;overflow: hidden;} .ladvpd1 {margin-bottom: 20px;} .ladvpd2{border-radius: 20px;} .jbopne2,.overviw1{padding: 0;} .jbopne1,.conecto,.overviw {margin: 20px 0;} .ladvntgpd {padding: 10px 0;margin: 0;} .conecto1 {padding-right: 0;} .conecto1 > p {padding-top: 10px;} .conecto2 {padding-top: 20px;} .relent {margin: 10px 0;} .relent1t {width: auto;left: 20px;text-align: left;top: auto;bottom: 20px;right: 20px;z-index: 1;} .relent1t .ricon {margin: 0;position: absolute;right: 15px;bottom: 0px;width: 35px;height: 35px;} .ladvpd1.htg .ladvpd11 {animation: lftrht1 10s linear infinite;} .orcult1 .count7 {left: -20px;right: -20px;top: 39%;} /*-----------Insights / contact us---------*/ .insightw1 {margin-bottom: 20px;} .insightwt {bottom: 20px;left: 20px;right: 20px;} .nsbanrig,.pdbanrig,.srsrvc1,.relentig{position: relative;} .hmevnts1::before,.nsbanrig::before,.pdbanrig::before,.srsrvc1::before,.relentig::before {position: absolute; content: '';top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 1;border-radius: 10px;} .insightwg::before{border-radius: 20px;} #srtloct {padding-top: 20px;} .srtlst1{margin-bottom: 20px; margin-left: 0;} .srtlst1 > h5{padding-bottom: 20px;} .locat1 {padding-top: 30px;} .nsbanrig,.nsbanrig.isht {-webkit-mask: none;border-radius: 20px;overflow: hidden;} .insight .nsbanrig:before{border-radius: 20px;} .cnttp {bottom: 20px;right: 20px;width: auto;left: 20px;} .bnrdots {top: 40px;bottom: auto;left: -5px;} .hmevnts2 > h5,.insightwt > h5{color: #fff;} .insight .lapd > h5{color: #fff;} .cssnpls2,.cssnpls1 {padding-top: 10px;} .inslrt {float: none;padding: 0 0 20px 0px;width: 100%;} .instfg1 {padding-bottom: 10px;} #lctmapd .cnctwrld2 > h3{text-align: left;} .hmevnts .nlgdots.htg {display: none;} /*------------------Jobs------------------*/ .jobpge {padding: 30px 0px;} .jjschr {width: 65%;} .jjschr8{width: 35%;} .jjschr71 {width: 90%;} .foot3 {padding-top: 15px;} .foot3 > img {height: 12px;} .pbpopup1.crerpup {width: 90%;padding: 30px 20px 20px;} .pbpopup1.crerpup .clo{right: 20px;} input.uprs.error {width: 100%;} /*------------------Investor relation------------------*/ .invstrel {padding: 0px 0 20px;} .invstreltin {width: 100%;} .invstcnt {position: static;width: 100%;padding-bottom: 20px;} .invstcnt > h3{color: #5b5b5b;} .page-menu {padding: 30px 0;} .invstabs > a{padding: 15px 15px 12px;} .pgemnu{padding: 15px 15px;} .itab-sbmnu > li > a{padding: 15px 30px 15px 15px;} .itabdoc{padding: 20px 15px;} .itab-sbmnu > li > a::after{right: 5px;} .sbsbmnu > li > a::after, .asbsbmnu > li > a::after,.invstabs > a::after{right: 10px;} .sbsbmnu, .asbsbmnu {padding: 0 15px;} .sbsbmnu > li > a, .asbsbmnu > li > a{padding: 15px;} .itabdoc{margin-bottom: 10px;} .popclo{right: 5px;top: 5px;} .acbtns a{padding: 9px 12px 7px;font-size: 0.8em;} .cckkd{ padding: 0px 20px;} .sebiavs2 { width: 50%;} .vdopop::after {width: 5vw;height: 5vw;} /* ============================Enquiry Form============================================== */ .enqryform {margin-top: 30px;padding: 20px;border-radius: 15px;} .form-flx,.radio-group {display: block;} .form-group {width: 100%;margin-right: 0;padding-bottom: 15px;} span.err.error{bottom: -2px;} .radio-group{margin-right: 0;} .effrm1 {width: 50vw;} .cnsnt1 {font-size: 0.6em;} /*===================== Cookies Popup ========================*/ .cookie-consent {display: block;padding: 10px 15px;} .cokh3p, .cokhbtns {width: 100%;} .cokh3p > h3, .cokh3p > p{padding-bottom: 10px;} .cookie-consent button {padding: 6px 16px 2px;font-size: 0.7em;} /*--------------------11-07-2025---------*/ .capbblts {display: block;} .capbblts1 {width: 100% !important;} .lifpadigkt .capbt2slid h3 {min-height: auto;} .capbt2slid p {padding-top: 20px;} .capbblts.lifpadigkt {padding: 20px;} .capbblts.lifpadigkt.lfpdss {padding: 20px 0;} .lifpadigkt .capbt2slid p {padding-bottom: 15px;padding-top: 20px;} .lifpadigkt .count7 {/*left: -18px;right: -18px;*/top: 37%;} }