@charset "utf-8"; /*====================================================================== Site Name:Intellectual Property India Theme URI:Description:this site is developed by STTL Version:1.0 Author: Himanshu Zala ------------------------------------------------------------------------ ------------------------------------------------------------------------ Layout Width:100% Container Width:1170px Responsive Layout:Yes =======================================================================*/ /*Fonts*/ @font-face { font-family:'opensans'; src:url('fonts/opensans-regular-webfont.eot'); src:url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight:400; font-style:normal; } @font-face { font-family:'opensans'; src:url('fonts/opensans-semibold-webfont.eot'); src:url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight:600; font-style:normal; } /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0 } html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } a { text-decoration:underline; color:#003366; } a:focus { outline:thin dotted } a:hover, a:active { outline:0; } a:hover { text-decoration:none; color:#393939; } a:visited { color:#00F } h1, h2, h3, h4, h5, h6 { font-weight:normal; } b, strong, dt, th { font-weight:600; } em, i { font-style:italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; } img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; max-width:100%; height:auto; } figure { margin:0; } legend { white-space:normal; } q { quotes:"\201C" "\201D" "\2018" "\2019" } 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 } table { border-collapse:separate; border-spacing:0; width:100%; empty-cells:show; border:none; } table table { margin:0 } th, td { border:none; padding:8px 10px } caption, th, td { font-weight:normal; } .upCase { text-transform:uppercase; } .lowCase { text-transform:uppercase; } /********* Form fields *********/ button, input, select, textarea { margin:0; vertical-align:baseline; background-color:transparent; border:none; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #e5e5e5; width:100px; height:30px; padding:0; font-size:100%; line-height:normal; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; margin:0 5px 0 0; } input[type="checkbox"] { -webkit-appearance:checkbox; } input[type="radio"] { -webkit-appearance:radio } input[type="submit"], input[type="button"], input[type="reset"], button, .button { line-height:20px; padding:4px 10px; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; font-size:100%; -webkit-appearance:none; } textarea { overflow:auto; vertical-align:top; resize:vertical; height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px; } fieldset { border:0 none; margin:0; padding:0 } label { display:inline-block; padding-bottom:5px; font-weight:normal; } /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, .logoBlock:after, .logoBlock:before, .indexBanner:after, .indexBanner:before, .ecitizenBox:after, .ecitizenBox:before, .patentBanners a:after, .patentBanners a:before { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .logoBlock:after, .indexBanner:after, .ecitizenBox:after, .patentBanners a:after { clear:both } /********* Common Classes *********/ hr { display:block; height:1px; border:0; border-top:1px solid #eaeaea; margin:15px 0; padding:0 } body, button, input, select, textarea { color:#393939; font:81.3%/1.5 'opensans', Arial, Helvetica, sans-serif; font-weight:400 } body { background:#E1E1E1 url(../../images/bg.jpg) repeat-x 0 0 } body.noJS { background-position:0 30px; } h1 { font-size:inherit; } h2 { font-size:2.143em; color:#4c4c4c; font-weight:600; } h3 { font-size:1.714em; color:#003366/*#727272*/; font-weight:600; } h4 { font-size:1.385em; color:#999; font-weight:600; } h5 { font-size:1.231em; } h6 { font-size:1.231em; color:#727272; } ul { padding:0 0 0 15px; } ol { padding:0 0 0 20px } ul ul, ol ol { margin:10px 0; } ul.bulletText { list-style:none; padding:0; } ul.bulletText li { background:url(../../images/right-arrow.png) no-repeat left 7px; padding:2px 0 10px 13px; list-style:none; } ul.bulletText ul { padding-left:10px; } /*.patentsHome ul.bulletText li{background-image:url(../../images/patents/right-arrow.png)}*/ p, h5, h6, ul, ol, dd, table, fieldset, address { margin:0 0 20px; } h2, h3, h4 { margin:0 0 5px; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #dddddd; width:100%; height:30px; padding:5px 10px; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#003366; color:#fff; border:2px solid #b0b0c8; border-radius:5px; transition:200ms all; -webkit-transition:200ms all; -moz-transition:200ms all; -ms-transition:200ms all; -o-transition: 200ms all; font-weight:400; font-size:1.143em; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#444; border-color:#666 } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color:#888; } .alignLeft { float:left } .alignRight { float:right; } .displayNone, .hasJS noscript, .hideThis { display:none!important; visibility:hidden } .jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none; } .mrgAuto { margin-right:auto; margin-left:auto; } .mrgT20 { margin-top:20px; } .mrgL20 { margin-left:20px; } .mrgR20 { margin-right:20px; } .mrgB20 { margin-bottom:20px; } .mrgT10 { margin-top:10px; } .mrgL10 { margin-left:10px; } .mrgR10 { margin-right:10px; } .mrgB10 { margin-bottom:10px; } .padL20 { padding-left:20px; } .padR20 { padding-right:20px; } .padB20 { padding-bottom:20px; } .padT20 { padding-top:20px; } .padL15 { padding-left:15px; } .padR15 { padding-right:15px; } .padB15 { padding-bottom:15px; } .padT15 { padding-top:15px; } .padL10 { padding-left:10px; } .padR10 { padding-right:10px; } .padB10 { padding-bottom:10px; } .padT10 { padding-top:10px; } .padTB10 { padding-top:10px; padding-bottom:10px; } .padTB15 { padding-top:15px; padding-bottom:15px; } .padTB20 { padding-top:20px; padding-bottom:20px; } .pad10 { padding:10px; } .pad15 { padding:15px; } .pad20 { padding:20px; } .pad25 { padding:25px; } .pad30 { padding:30px; } .noPadding { padding:0 !important } .noMargin { margin:0 !important } .width100p { width:100%; } .width90p { width:90%; } .width80p { width:80%; } .width70p { width:70%; } .width60p { width:60%; } .width50p { width:50%; } .width40p { width:40%; } .width30p { width:30%; } .width25p { width:25% } .width20p { width:20%; } .width10p { width:10%; } .fileSize { font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px; } .extIcon { vertical-align:middle; margin-left:3px; margin-bottom:4px } .rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../images/rupee.png) left top no-repeat; text-align:left; vertical-align:middle } .bold { font-weight:bold; } .italic { font-style:italic; } .longWord, .wordBreak { word-wrap:break-word; } .sprite { display:inline-block; vertical-align:middle; background:url(../../images/sprite.png) left top no-repeat; overflow:hidden } img[src*="PDF_doc.gif"], img[src*="file-pdf.png"], img[src*="ext-link-icon.png"], img[src*="flashnews.gif"] { width:auto; margin-left:3px; } .red, .error, .mandatory, .asterix { color:#900 } span.highlight { background:#FF0 } .wob span.highlight { color:#000 } /********** Image Formating & Alignment **********/ .imgLeft { float:left; margin-right:20px; margin-bottom:20px; } .imgRight { float:right; margin-left:20px; margin-bottom:20px; } .imgCenter { float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block; } .imgBorder { border:1px solid #ccc; padding:5px } .rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .circle { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .shadow { -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px; } /********** Alignment **********/ .left { text-align:left !important } .right { text-align:right !important } .center { text-align:center !important } .justify { text-align:justify !important } /********** Error/Alert Messages **********/ .message { padding:10px 38px 10px 10px; margin-bottom:20px; border:1px solid transparent; position:relative; } .message.success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; } .message.success a { color:#2b542c; } .message.error { color:#a94442; background-color:#f2dede; border-color:#ebccd1; } .message.error a { color:#843534; } /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto } table, .tableData { border-collapse:separate; border-spacing:0; width:100%; empty-cells:show; border:none; border-top:1px solid #E9E9EA; border-left:1px solid #E9E9EA; } .tableData ul { margin-bottom:0; } table table, .tableData table { margin:0 } th, td, .tableData th, .tableData td { border:none; padding:8px 10px; border-bottom:1px solid #E9E9EA; border-right:1px solid #E9E9EA; } /*table tr:nth-child(odd) td, .tableRowOdd{background-color:#fff;}*/ caption, th, td { font-weight:normal; /*background:#fff*/ } th, .tableData th { background:#f9f9f9 } .tableScroll { overflow-y:hidden; overflow-x:auto } /* ******** Grid :12 Coloum and Boxs ******** */ .example div div, .example .boxs li { border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px } .row { margin:0 0 20px; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float:left; padding-left:15px; padding-right:15px; } .cols12 { width:100% } .cols11 { width:91.66666667% } .cols10 { width:83.33333333% } .cols9 { width:75% } .cols8 { width:66.66666667% } .cols7 { width:58.33333333% } .cols6 { width:50% } .cols5 { width:41.66666667% } .cols4 { width:33.33333333% } .cols3 { width:25% } .cols2 { width:16.66666667% } .cols1 { width:8.33% } .boxs { list-style:none; padding:0; margin:0; } .boxs2 { margin-left:-2%; } .boxs3 { margin-left:-2%; } .boxs4 { margin-left:-2%; } .boxs5 { margin-left:-2%; } .boxs6 { margin-left:-2%; } .boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; } .boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; } .boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; } .boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; } .boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; } .boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; } .boxBorder { padding:5px; border:1px solid #ccc; } /********* Navigation *********/ .sticky { border-top:0 none; box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.23); left:0; position:fixed !important; top:0; width:100%; z-index:100; } .mainNavigation { margin:0; position:relative; background:#003366; clear:both; z-index:999 } .toggleMenu { display:none; text-decoration:none; padding:6px 15px; margin-right:48px; line-height:30px; } .toggleMenu .mobileMenu { font-size:18px; color:#fff; } .toggleMenu .iconBar { float:right; width:25px; height:30px; background:url(../../images/mobile-menu.png) no-repeat center center; } #nav, #nav ul { list-style:none; margin:0; padding:0; } #nav li { float:left; margin:0; padding:0; position:relative; display:inline; width:20%; } #nav li a { padding:7px 0; line-height:28px; color:#fff; font-size:1.385em/*18px*/; display:inline-block; text-decoration:none; display:block; text-align:center; } #nav ul { width:248px; top:100%; padding:0; left:0; position:absolute; } .hasJS #nav ul { opacity:0; transition:opacity 400ms linear; -webkit-transition:opacity 400ms linear; } #nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nav ul li a { display:block; background-color:#dbdbdb; font-size:1.154em; line-height:24px; /*color:#060613;*/ border:none; border-top:1px solid #fff; padding:8px 15px 4px; text-align:left; text-transform:inherit } #nav ul ul { top:0; left:248px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a{color:#fff}*/ /*#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected{color:#7fb6e9}*/ #nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px } #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#dbdbdb; /*color:#060613*/ } #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color:#e9e9e9; /*color:#060613*/ } #nav ul li.focus > a { background-color:#e9e9e9; /*color:#060613;*/ display:block; } #nav .menuIcon { width:9px; height:6px; } #nav li .menuIcon { background:url(../../images/sprite.png) no-repeat 0 -16px; z-index:10; display:inline-block; height:26px; margin-left:5px; } #nav li li .menuIcon { display:none; background:url(../../images/right-arrow.gif) no-repeat right center; top:13px; right:10px; z-index:11 } #nav li li li .menuIcon { z-index:12 } #nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); } .noJS #nav ul a:focus { width:250px; } .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul { margin-left:9999px } .noJS #nav ul a:active { margin-left:0 } .hasJS .menuPart #nav a:focus + ul, .hasJS .menuPart #nav li.focus > ul, .hasJS .menuPart #nav li.hover > ul, .hasJS .menuPart #nav li:hover > ul, .hasJS .menuPart #nav ul ul { opacity:1; } #nav>li.MenuLi1 { background:#003366 } #nav>li.MenuLi2 { background:#346002 } #nav>li.MenuLi3 { background:#005e88 } #nav>li.MenuLi4 { background:#8a4500 } #nav>li.MenuLi5 { background:#dc143c !important } #nav>li.MenuLiLast ul ul { left:-248px } /****************************General Menu Colors***********************************/ /*Patents Menu*/ #nav > li.MenuLi1 > a:hover, #nav > li.MenuLi1.hover > a, #nav > li.MenuLi1.focus > a, #nav > li.MenuLi1 > .highlight > a { background-color:#003366; color:#fff } #nav > li.MenuLi1 ul li a { background-color:#003366; border-color:#00264b; color:#fff } #nav > li.MenuLi1 ul li a:hover, #nav > li.MenuLi1 ul li.hover > a, #nav > li.MenuLi1 ul li a:focus { background-color:#034b93 } #nav > li.MenuLi1 ul li li a { background-color:#003366; } #nav > li.MenuLi1 ul li li a:hover { background-color:#034b93 } /*Design Menu*/ #nav > li.MenuLi2 > a:hover, #nav > li.MenuLi2.hover > a, #nav > li.MenuLi2.focus > a, #nav > li.MenuLi2 > .highlight > a { background-color:#346002; } #nav > li.MenuLi2 ul li a { background-color:#346002; border-color:#264700; } #nav > li.MenuLi2 ul li a:hover, #nav > li.MenuLi2 ul li.hover > a, #nav > li.MenuLi2 ul li a:focus { background-color:#54910e } #nav > li.MenuLi2 ul li li a { background-color:#346002; } #nav > li.MenuLi2 ul li li a:hover { background-color:#54910e } /*Trade Marks Menu*/ #nav > li.MenuLi3 > a:hover, #nav > li.MenuLi3.hover > a, #nav > li.MenuLi3.focus > a, #nav > li.MenuLi3 > .highlight > a { background-color:#005e88; color:#fff } #nav > li.MenuLi3 ul li a { background-color:#005e88; border-color:#004e70; color:#fff } #nav > li.MenuLi3 ul li a:hover, #nav > li.MenuLi3 ul li.hover > a, #nav > li.MenuLi3 ul li a:focus { background-color:#157faf } #nav > li.MenuLi3 ul li li a { background-color:#005e88; } #nav > li.MenuLi3 ul li li a:hover { background-color:#157faf } /*GI Menu*/ #nav > li.MenuLi4 > a:hover, #nav > li.MenuLi4.hover > a, #nav > li.MenuLi4.focus > a, #nav > li.MenuLi4 > .highlight > a { background-color:#8a4500; color:#fff } #nav > li.MenuLi4 ul li a { background-color:#8a4500; border-color:#753b00; color:#fff } #nav > li.MenuLi4 ul li a:hover, #nav > li.MenuLi4 ul li.hover > a, #nav > li.MenuLi4 ul li a:focus { background-color:#9a5816 } #nav > li.MenuLi4 ul li li a { background-color:#8a4500; } #nav > li.MenuLi4 ul li li a:hover { background-color:#9a5816 } /*RNNIIPM Menu*/ #nav > li.MenuLi5 > a:hover, #nav > li.MenuLi5.hover > a, #nav > li.MenuLi5.focus > a, #nav > li.MenuLi5 > .highlight > a { background-color:#dc143c; color:#fff } #nav > li.MenuLi5 ul li a { background-color:#dc143c; border-color:#b10d2e; color:#fff } #nav > li.MenuLi5 ul li a:hover, #nav > li.MenuLi5 ul li.hover > a, #nav > li.MenuLi5 ul li a:focus { background-color:#a20f2c } #nav > li.MenuLi5 ul li li a { background-color:#dc143c; } #nav > li.MenuLi5 ul li li a:hover { background-color:#a20f2c } /****************************Subsite Menu Colors***********************************/ /*Patents Subsite Menu*/ .patentsHome #nav > li > a:hover, .patentsHome #nav > li.hover > a, .patentsHome #nav > li.focus > a, .patentsHome #nav > .highlight > a { background-color:#003f7e; color:#fff } .patentsHome #nav > li ul li a { background-color:#003f7e; border-color:#00264b; color:#fff } .patentsHome #nav > li ul li a:hover, .patentsHome #nav > li ul li.hover a, .patentsHome #nav > li ul li a:focus { background-color:#034b93 } .patentsHome #nav > li ul li li a { background-color:#003f7e; } .patentsHome #nav > li ul li li a:hover { background-color:#003f7e } /*Trade Marks Subsite Menu*/ .trademarksHome #nav>li { background:#005e88 !important } .trademarksHome .mainNavigation { background:#005e88 } .trademarksHome #nav > li > a:hover, .trademarksHome #nav > li.hover > a, .trademarksHome #nav > li.focus > a, .trademarksHome #nav > .highlight > a { background-color:#005e88; color:#fff } .trademarksHome #nav > li ul li a { background-color:#005e88; border-color:#004e70; color:#fff } .trademarksHome #nav > li ul li a:hover, .trademarksHome #nav > li ul li.hover a, .trademarksHome #nav > li ul li a:focus { background-color:#178bbf } .trademarksHome #nav > li ul li li a { background-color:#005e88; } .trademarksHome #nav > li ul li li a:hover { background-color:#005e88 } .trademarksHome #nav>li.MenuLiLast ul ul { left:-213px } .trademarksHome #nav>li.MenuLiLast .menuSubUl { width:213px } .trademarksHome #nav>li.MenuLiLast:hover .menuSubUl { margin-left:-21px; } .hindiDoc .trademarksHome #nav>li.MenuLiLast:hover .menuSubUl { margin-left:-56px; } /*GI Menu*/ .giHome #nav>li { background:#8a4500 !important } .giHome .mainNavigation { background:#8a4500 } .giHome #nav > li > a:hover, .giHome #nav > li.hover > a, .giHome #nav > li.focus > a, .giHome #nav > .highlight > a { background-color:#8a4500; color:#fff } .giHome #nav > li ul li a { background-color:#8a4500; border-color:#5e2f00; color:#fff } .giHome #nav > li ul li a:hover, .giHome #nav > li ul li.hover a, .giHome #nav > li ul li a:focus { background-color:#9a5816 } .giHome #nav > li ul li li a { background-color:#8a4500; } .giHome #nav > li ul li li a:hover { background-color:#8a4500 } /*RNNIIPM Menu*/ .rgniimpmHome #nav>li { background:#dc143c !important } .rgniimpmHome .mainNavigation { background:#dc143c } .rgniimpmHome #nav > li > a:hover, .rgniimpmHome #nav > li.hover > a, .rgniimpmHome #nav > li.focus > a, .rgniimpmHome #nav > .highlight > a { background-color:#dc143c; color:#fff } .rgniimpmHome #nav > li ul li a { background-color:#dc143c; border-color:#990422; color:#fff } .rgniimpmHome #nav > li ul li a:hover, .rgniimpmHome #nav > li ul li.hover a, .rgniimpmHome #nav > li ul li a:focus { background-color:#a20f2c } .rgniimpmHome #nav > li ul li li a { background-color:#dc143c; } .rgniimpmHome #nav > li ul li li a:hover { background-color:#dc143c } /* ******** Index Slider ******** */ .indexBanner { position:relative } .indexBanner .sliderBanner .item { height:365px; } .noJS .indexBanner { overflow:hidden } /********** Owl Carousel **********/ .owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .owl-carousel .owl-animated-in { z-index:0; } .owl-carousel .owl-animated-out { z-index:1; } .owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut; } .owl-height { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out; } .owl-carousel { display:none; width:100%; -webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */ position:relative; z-index:1; } .owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y; } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden;/* fix for flashing background */ -webkit-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); -moz-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); } .owl-carousel.owl-loaded { display:block; } .owl-carousel.owl-loading { opacity:0; display:block; } .owl-carousel.owl-hidden { opacity:0; } .owl-carousel .owl-refresh .owl-item { display:none; } .owl-carousel .owl-item { position:relative; min-height:1px; float:left; } .owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d; } .owl-carousel .owl-grab { cursor:move; } .owl-carousel.owl-rtl { direction:rtl; } .owl-carousel.owl-rtl .owl-item { float:right; } .owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease; } .owl-carousel .owl-item img { transform-style:preserve-3d; } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000; } .owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display:none; } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease; } .owl-carousel .owl-video-frame { position:relative; z-index:1; } .owlCarousel .item { text-align:center; height:100px; line-height:100px; } .owl-theme .owl-controls { margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color:#fff; font-size:14px; display:inline-block; cursor:pointer; } .owl-theme .owl-controls .owl-nav .disabled { opacity:.5; cursor:default } .owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot { display:inline-block; } .owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a { width:10px; height:10px; margin:5px 2px; background:#73b0c1; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; cursor:pointer } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .noJS .owl-dots .owl-dot.active a { background:#fff } .noScript { display:none; } .no-js .owl-carousel { display:block; } .noJS .owl-controls { position:absolute; left:0; bottom:-40px; width:100%; text-align:center; -webkit-tap-highlight-color:transparent } .noJS .owl-controls.noScript { display:block; } .noJS .sliderBanner { height:365px; overflow:hidden } .noJS .sliderBanner .item { position:relative; } /*.noJS .carouselBlock{margin-right:-10px;}*/ .noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left; } /********** Responsive Tab **********/ .resTab { position:relative; border:1px solid #00c5ad; } .resTab .tabNav { margin:0; padding:0; list-style:none } .resTab .tabNav li { display:inline-block; margin:0; position:relative; background-color:#00c5ad; } .resTab .tabNav li a { display:inline-block; padding:10px 12px; text-decoration:none; font-size:14px; color:#fff; } .resTab .tabNav .r-tabs-state-active a { color:#00c5ad; text-shadow:none; background-color:white; } .resTab .tabContent { padding:15px; display:none; } .resTab .r-tabs-panel.r-tabs-state-active { display:block; } .resTab .r-tabs-accordion-title { display:none; } .resTab .tabNav .r-tabs-state-disabled { opacity:0.5; } .resTab .r-tabs-accordion-title .r-tabs-anchor { display:block; padding:10px; background-color:#00c5ad; color:#fff; text-decoration:none; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color:#fff; color:#00c5ad; text-shadow:none; } .resTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity:0.5; } .noJS .resTab .tabContainer { height:150px; overflow:hidden } .noJS .resTab .tabContent { display:block; height:150px } /********* Back to Top **********/ #backtotop { background:url(../../images/backtotop.png) no-repeat; cursor:pointer; display:none; height:32px; width:32px; overflow:hidden; position:fixed; right:10px; bottom:20px; text-indent:-99999px; z-index:999; display:none; } /********* Accordion ******** */ .accordion { margin-bottom:20px; } .accordion .accTrigger { background:url(../../images/plus.png) left 13px no-repeat; padding:7px 0 7px 25px; cursor:pointer; font-weight:600; border-bottom:1px solid #efefef; font-size:1.231em; color:#5f5f5f } .accordion .accTrigger:hover { color:#000 } .noJS .accordion .accTrigger { background:none; padding-left:0 } .accordion .accTrigger a { display:block; text-decoration:none; outline:0 } .accordion .accTrigger.active { background:url(../../images/minus.png) left 13px no-repeat !important; color:#000; border-bottom:none } .accordDetail { padding:10px 20px; display:none; background:#F9F9F9 } .noJS .accordDetail { display:block; padding:10px 0 } /********* Accordion Level Two ******** */ .accordionLevelTwo { margin-bottom:20px; } .accordionLevelTwo .accTriggerLevelTwo { background:url(../../images/plus.png) left 13px no-repeat; padding:7px 0 7px 25px; cursor:pointer; font-weight:600; border-bottom:1px solid #efefef; font-size:1.231em; color:#5f5f5f } .accordionLevelTwo .accTriggerLevelTwo:hover { color:#000 } .noJS .accordionLevelTwo .accTriggerLevelTwo { background:none; padding-left:0 } .accordionLevelTwo .accTriggerLevelTwo a { display:block; text-decoration:none; outline:0 } .accordionLevelTwo .accTriggerLevelTwo.active { background:url(../../images/minus.png) left 13px no-repeat !important; color:#000; border-bottom:none } .accordDetailLevelTwo { padding:10px 20px; display:none; background:#F9F9F9 } .noJS .accordDetailLevelTwo { display:block; padding:10px 0 } .width50 li { float:left; width:50%; padding-right:10px !important; } .width50 li:nth-child(2n+1) { clear:left } /********* Marquee *********/ .marquee { overflow:hidden; } .marqueeScrolling li { float:left; margin-right:25px; } .noJS .btnMPause { display:none; } .noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto } .noJS .marquee { width:240% } /********** Ticker *********/ .noJS .ticker .stop { display:none } .noJS .ticker ul { margin:0 } .noJS .ticker .tickerDivBlock { height:250px; overflow-y:scroll; overflow-x:hidden } /********* gmap3 - Google Map API *********/ .gmap3 { border:1px dashed #C0C0C0; width:100%; height:300px; } .gmap3 img { max-width:inherit } .noJS .gmap3 { background:url(../../images/map_bg.jpg) no-repeat; } .locationMap { margin-bottom:20px; } .contactAddress strong { font-size:1.154em; } .contactAddress p.address { background:url(../../images/location.png) no-repeat left 6px; padding-left:25px; } .contactAddress p.phone { background:url(../../images/phone.png) no-repeat left 2px; padding-left:25px; } .contactAddress p.fax { background:url(../../images/fax.png) no-repeat left 2px; padding-left:25px; } .contactAddress p.email { background:url(../../images/mail.png) no-repeat left 2px; padding-left:25px; } .contactAddress p { padding-bottom:10px; } .onlineServiceNo { background:#003366; color:#fff; padding:10px 15px 8px; } .wob .contactAddress p.address { background-image:url(../../images/dark/location.png); } .wob .contactAddress p.phone { background-image:url(../../images/dark/phone.png); } .wob .contactAddress p.fax { background-image:url(../../images/dark/fax.png); } .wob .contactAddress p.email { background-image:url(../../images/dark/mail.png); } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .container { margin:0 auto; width:100%; max-width:98%; } .mainSite .content {/*background:#fff; border-top:2px solid #eeeeee; border-bottom:2px solid #eeeeee*/ } .mainSite .content .container { background:#fff; padding-top:0 } .content { background:#e1e1e1; /*border-top:none; border-bottom:2px solid #eeeeee */ } .content .container { padding:20px; /*box-shadow:0 5px 5px 0 #b0b0b0 */ } /********** Top Links and Font Resize **********/ .topStrip { border-bottom:1px solid #ececec; padding:10px 0; background:#003366; font-weight:600; } .leftLinks { float:left; } .rightLinks { float:right; } .topStrip ul { list-style:none; padding:0; margin:0 } .topStrip li { float:left; padding:0 7px 0 8px; position:relative; } /*.topStrip .fontResize{padding-top:2px;}*/ .topStrip .fontResize:before, .topStrip .lang:before { content:none } .topStrip a { color:#fff; text-decoration:none; } .topStrip a:hover { text-decoration:underline; color:#fff } .topStrip li:first-child { padding-left:0; } .topStrip li:last-child { padding-right:0; } .topStrip li:before { content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#fff; overflow:hidden; margin-top:-7px; } .topStrip li:first-child:before { display:none; } /********** Access Control **********/ #accessControl input { float:left; height:19px; background-color:transparent; border:none; padding:0; width:22px; font-size:14px; font-family:Arial, Helvetica, sans-serif; } #accessControl input:hover { color:#70e1ff } #accessControl .normal { width:16px } #accessControl .small { width:15px } /*#accessControl .large{font-size:15px;}*/ #accessControl .contrastChanger { height:14px; width:13px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; margin-top:3px; border-radius:0; } #accessControl .contrastChanger.normal { background-position:0 0; margin-left:5px; } #accessControl .contrastChanger.wob { background-position:-13px 0; } .lang input { padding:0; margin:0; background:none; border:none; font-size:1.000em; font-weight:600 } .lang input:hover { background:none; text-decoration:underline } /********** High Contrast View **********/ body.wob { background-color:#333; color:#fff } .wob a { color:#ff0 } .wob a:hover { color:#80ff00 } /********** From Page **********/ .formList { list-style:none; padding:0; margin:0; } .formList li { padding:0 0 15px; margin:0; } .required, .formList .error { color:#C00; } .formList .error { display:block; font-size:12px; } .formList .textBoxOut { margin-bottom:5px; } .formList label, .formList .label { color:#333; display:block; font-weight:normal; padding-bottom:7px; } .radioList input { float:left; margin:5px; clear:left; } .radioList label, .radioList .label { float:left; color:#555; } .note { font-size:12px; font-style:italic; padding:5px 0 0; } .captcha { position:relative; } .captcha .captchaImg { border:1px solid #d7d7d7; float:left; max-height:33px; } .captcha .refreshCaptcha { float:left; background:#d7d7d7; } .fixedErrorMsg { background-color:rgba(233, 48, 30, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; } .fixedSuccessMsg { background-color:rgba(20, 155, 65, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; } /* Header Part*/ #header { background:#fff; box-shadow:0 4px 5px 0 #b0b0b0 } .logoBlock { padding:8px 10px; } #logo { float:left } .ipoLogo { float:right } /*Search*/ #nav { padding-right:48px; float:left; width:100%; } .search { width:48px; height:42px; position:relative; background-color:#1b4d5b; float:right; margin-left:-48px } .search label { height:42px; display:block; overflow:hidden; text-indent:-999em; background-position:-29px 8px; cursor:pointer; color:#fff } .search label:hover, .search label.active { background-color:#003366; } .search .inputSearch { width:250px; display:none; padding:5px; position:absolute; right:0; top:100%; z-index:11; background-color:#003366; } .search .inputSearch input[type="text"] { height:32px; padding:5px 48px 5px 10px; background-color:#fff; } .search .inputSearch .go { height:32px; margin-top:-16px; padding:3px 8px; font-size:1em; position:absolute; right:5px; top:50%; border-radius:0; border:none; background:#333 } .ui-helper-hidden-accessible { display:none } #ui-id-1 { width:245px !important; background:#efefef; padding:10px 0 5px; margin:0; max-height:220px; overflow-x:hidden; overflow-y:auto; list-style:none; } #ui-id-1 a { text-decoration:none; cursor:pointer; font-size:13px; padding:2px 10px; display:block; color:#000; border-bottom:1px solid #cfcfcf; } #ui-id-1 a:hover, #ui-id-2 a:hover { background:#fff } #ui-id-2 { width:245px !important; background:#efefef; padding:10px 0 5px; margin:0; max-height:220px; overflow:auto; list-style:none; } #ui-id-2 a { text-decoration:none; cursor:pointer; font-size:13px; padding:2px 10px; display:block; color:#000 } .wob #ui-id-1 a, .wob #ui-id-2 a { color:#FF0 } .wob #ui-id-1 a:hover, .wob #ui-id-2 a:hover { background:#000 } .ui-menu-item { margin:3px 0 } /*Home Slider*/ .indexBanner { padding:20px; background:#fff; /*box-shadow:0 5px 5px 0 #b0b0b0*/ } .sliderBanner { width:50%; float:left; position:relative; } .bannerDesc { position:absolute; bottom:0; left:0; width:100%; text-align:left; padding-right:126px; display:none } .bannerDesc p { background:rgba(0, 0, 0, 0.8); padding:15px; min-height:100px; margin:0; line-height:28px; font-size:1.571em; color:#fff; } .sliderBanner .owl-controls { position:absolute; right:0; bottom:0; width:126px; height:100px; margin:0 } .sliderBanner .owl-dots { background:rgba(27, 150, 184, 0.8); height:50px; padding-top:16px } .sliderBanner .owl-nav { height:50px; overflow:hidden } .sliderBanner .owl-nav div { height:50px; width:50%; background:rgba(3, 169, 244, 0.8) url(../../images/sprite.png) 26px -39px no-repeat; text-indent:-9999px; float:left; display:inherit } .sliderBanner .owl-nav .owl-next { background-color:rgba(3, 169, 244, 0.6); background-position:26px -81px } .sliderBanner .owl-nav div:hover { background-color:rgba(3, 169, 244, 0.9); background-position:21px -39px; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition:300ms all; } .sliderBanner .owl-nav .owl-next:hover { background-position:29px -81px } .nextPrevSlider a { position:absolute; top:50%; margin-top:-25px; z-index:1; width:35px; height:50px; background:rgba(3, 169, 244, 0.8) url(../../images/sprite.png) 12px -39px no-repeat; text-indent:-9999px; color:#000; font-size:25px; overflow:hidden } .nextPrevSlider .customNextBtn { background-color:rgba(3, 169, 244, 0.6); background-position:12px -83px; right:0 } .nextPrevSlider a:hover { background-color:rgba(3, 169, 244, 0.9); background-position: 6px -39px; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition:300ms all; } .nextPrevSlider .customNextBtn:hover { background-position:18px -83px; } .wob .nextPrevSlider a:hover { background-color:#000 !important } .noJS .playPauseSlider, .noJS .nextPrevSlider { display:none; } .noJS .bannerDesc { padding-right:0 } .playPauseSlider { position:absolute; right:10px; top:10px; z-index:1; } .playPauseSlider a { width:25px; height:25px; text-indent:-9999px; overflow:hidden; display:none; text-align:left; } .playPauseSlider a.active { display:block !important; } .playPauseSlider .owlStop { background:#fff url("../../images/sprite.png") no-repeat 9px -136px; } .playPauseSlider .owlPlay { background:#fff url("../../images/sprite.png") no-repeat 9px -159px; } .tickerBanner { display:none } .noJS .tickerBanner { display:block } .noBannerSlide .rightBanners { position:inherit !important; height:auto !important } .noBannerSlide ul { position:inherit !important; } .rightBanners { float:right; width:50%; } .rightBanners>ul { margin:0; list-style:none; padding-left:20px; width:100%; } .rightBanners>ul>li { width:50%; float:left; color:#fff; } .rightBanners ul ul { padding:25px 15px 0 25px; margin:0; min-height:128px; background-color:#000 } .bannerBox { padding-right:10px; color:#fff; } .bannerBox a { color:#fff; text-decoration:none; font-size:1.077em; } .bannerBox a:hover { text-decoration:underline; } .bannerBox ul.bulletText li { padding-bottom:2px; } .publication .bannerBox, .aboutUs .bannerBox { padding-left:10px; padding-right:0; } .rightBanners>ul>li:nth-child(n+3) { margin-top:15px; } .bannerBox>a { background:#eaeaea; font-size:1.231em; color:#333333; display:block; text-decoration:none; padding:8px 15px 9px; line-height:30px; position:relative; transition:300ms; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; } .bannerBox>a:after { content:''; width:15px; height:19px; position:absolute; right:25px; top:14px; background:url(../../images/sprite.png) no-repeat -85px 1px } .bannerBox>a:hover { background:#003366; color:#fff; text-decoration:none } .eGateways ul { background:url(../../images/e-gateways.jpg) no-repeat 0 0 / cover; } .publication ul { background:url(../../images/publication.jpg) no-repeat 0 0 / cover; } .resources ul { background:url(../../images/resources.jpg) no-repeat 0 0 / cover; } .aboutUs ul { background:url(../../images/about-us.jpg) no-repeat 0 0 / cover; } .relatedWeb ul { background:url(../../images/related-websites.jpg) no-repeat 0 0 / cover; } /*newsUpdates*/ .newsHead { font-size:1.5em; font-weight:600; } .content h2 { font-size:18px; color:#4c4c4c; font-weight:600; border-bottom:3px solid #03a9f4; padding-bottom:5px; margin-bottom:5px; } .newsUpdates { width:50%; float:left; padding:10px; border:1px solid #c2c2c2; position:relative } .tenders h2 { border-color:#e84c3f } .events h2 { border-color:#346002 } .activityTicker { list-style:none; padding:0; margin:0; width:100%; } .tickerDivBlock { margin-bottom:15px; } .newsUpdates .tickerDivBlock { min-height:250px; } .newsBlock { border-bottom:1px dashed #b2b2b2; padding:10px 0; } .newsDate { font-style:italic; color:#777777; display:block; font-weight:600; } .newsTitle, .newsTitle a { color:#333333; text-decoration:none; } .newsTitle:hover, .newsTitle a:hover { color:#003366; text-decoration:underline } .newsDesc { font-size:0.929em; line-height:22px; } .rssFeed, .allNews { color:#333333; text-decoration:none } .rssFeed .sprite { background-position:0 -188px; text-indent:-9999px; width:15px; height:14px; } .allNews { background:url(../../images/all-news.png) no-repeat right center; padding-right:10px; display:inline-block; } .allNews:hover { text-decoration:underline; color:#003366 } /*tenderEvents*/ .tenderEvents { padding-left:20px; width:50%; float:left; } .tenders, .events { width:50%; float:left } .tenders { padding-right:10px; position:relative } .events { padding-left:10px; position:relative } .tenderEvents .borderBox { border:1px solid #c2c2c2; padding:10px; min-height:140px; } .tenders .tickerDivBlock { height:250px; } .events .carouselBlock { padding:0; list-style:none; margin-bottom:15px; height:90px; overflow:hidden } .noJS .events .carouselBlock { overflow:auto } .events .owl-controls { display:none } .eventTitle a { color:#333333; text-decoration:none; font-size:1.071em; line-height:20px; padding-top:5px; display:block } .eventTitle a:hover { color:#003366; text-decoration:underline } .eventDetail { font-size:0.929em; line-height:20px; margin-bottom:10px; display:block } .eventImg { border:5px solid #e3e3e3; background:#F5F5F5; text-align:center; display:none; } /*Play Pause*/ .playPause { padding-right:12px; position:absolute; right:10px; top:16px; text-decoration:none; text-decoration:none; color:#333; font-size:12px; } .tenders .playPause { right:20px; } .playPause.stop, .playPause.stopOwl { background-position:38px -139px; } .playPause.play, .playPause.playOwl { background-position:26px -162px; } .playPause.playOwl, .playPause.stopOwl { display:none; } .playPause.playOwl.active, .playPause.stopOwl.active { display:block !important } /*Important Links*/ .impLinks .container { background:#fff url(../../Feedback/images/imp-link-bg.jpg) no-repeat center center / cover; padding:20px 15px; /*box-shadow:0 5px 5px 0 #b0b0b0*/ } .impLinks .carouselBlock { padding:0; margin:0 } .impLinks ul { list-style:none } .noJS .impLinks li { width:20%; float:left; text-align:center; max-width:inherit; padding:0 12px } .impLinks li { max-width:208px; margin:0 auto } .impLinks a { font-size:1.231em; font-weight:600; text-decoration:none; color:#333; display:block; padding:10px 10px 10px 75px; background:#fff url(../../Feedback/images/sprite-footer.png) no-repeat 0 0; height:85px; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition:300ms all; } .wob .impLinks a { background-image:url(../../images/dark/sprite-footer.png); background-color:#333; border:none; height:75px } .impLinks a:hover { color:#003366; font-size:0; } .impLinks a span { display:block; } .impLinks img { border:3px solid #fff; margin-bottom:10px; } .impLinks .mobileApp { background-position:5px 13px } .impLinks .mobileApp:hover { background-position:60px 13px } .impLinks .employeeCorner { background-position:7px -85px } .impLinks .employeeCorner:hover { background-position:62px -85px } .impLinks .publicGrivance { background-position:9px -188px } .impLinks .publicGrivance:hover { background-position:65px -188px } .impLinks .kidsNook { background-position:15px -285px } .impLinks .kidsNook:hover { background-position:75px -285px } .impLinks .contactUs { background-position:7px -387px } .impLinks .contactUs:hover { background-position:62px -387px } .impLinks .publicGrivance span { padding-left:5px; } .impLinks .kidsNook span { padding-left:0; } /*Footer*/ #footer { font-size:0.929em } /*.otherLinks {background:#fff; padding:15px}*/ .otherLinks .container { background:#fff; padding:15px;/* box-shadow:0 5px 5px 0 #b0b0b0*/ } .otherLinks ul { margin:0; padding:0 } .otherLinks li { list-style:none; text-align:center; } .otherLinks a { display:block; text-align:center } .noJS .otherLinks li { float:left; width:25%; /*padding:0 46px;*/ } .otherLinks .owl-controls, .impLinks .owl-controls { display:none } .otherLinks img { max-width:none; width:auto !important; margin:0 auto } .copyright { background:#373534; padding:15px 0 } .copyright ul { padding:0; margin-bottom:5px; } .copyright .alignLeft li { float:left; list-style:none; position:relative; padding:0 7px 0 8px } .copyright .alignLeft li:after { content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#bfbfbf; overflow:hidden; margin-top:-5px; } .copyright .alignLeft li:first-child { padding-left:0 } .copyright .alignLeft li:first-child:after { content:none; } .copyright .alignLeft li a { color:#fff; text-decoration:none; } .copyright .alignLeft li a:hover { text-decoration:underline; color:#fff } .copyright p { color:#fff; margin-bottom:10px; } .copyright .w3cLogos a { margin-right:7px; display:inline-block } /*Social Icon*/ .copyright .alignRight p { text-align:right; margin-bottom:5px; } .socialIcons { float:right } .socialIcons a { float:left; margin-left:3px; text-indent:-9999px; overflow:hidden; height:27px; width:27px; color:#fff !important} .facebook { background-position:-44px -39px } .twitter { background-position:-73px -39px } .googlePlus { background-position:-44px -71px } .linkedIn { background-position:-73px -71px } .youtube { background-position:-74px -103px } /*Inner Page*/ .innerContent .container { padding:20px; background:#fff; box-shadow:0 10px 10px 0 #dfdfdf } .wob .innerContent .container { box-shadow:none; } .innerContent p { text-align:justify } .leftContent { float:left; width:100%; padding-right:282px; } .contentArea { border-right:1px solid #ededed; padding-right:20px; } .rightContent { width:262px; float:right; margin-left:-262px; } .rightContent .rightBanners { float:none; width:100%; } .rightAccordion .accTrigger { background:#eaeaea; color:#333333; display:block; font-size:1.385em; position:relative; margin-top:10px; } .rightAccordion > div:first-child { margin-top:0 } .rightAccordion .accTrigger.active { background:#003366; color:#fff } .rightAccordion .accTrigger a { padding:10px 15px; display:inline-block } .rightAccordion .accTrigger.active a { color:#fff; } .rightAccordion .accTrigger:after { background:url("../../images/sprite.png") no-repeat -85px 1px; content:""; height:19px; position:absolute; right:25px; top:14px; width:15px; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; transition:500ms all; -webkit-transform:scale(1) rotate(90deg); -moz-transform:scale(1) rotate(90deg); -ms-transform:scale(1) rotate(90deg); -o-transform:scale(1) rotate(90deg); transform:scale(1) rotate(90deg); } .rightAccordion .accTrigger.active:after { transform:scale(-1) rotate(90deg); -webkit-transform:scale(-1) rotate(90deg); -ms-transform:scale(1) rotate(90deg) } .rightAccordion .accTrigger a { text-decoration:none; } .rightAccordion .accordDetail { padding:0; background-color:#000 } .rightAccordion .bannerBox { padding:0 } .rightAccordion ul { padding:15px 20px; margin:0 } /*Breadcrumb*/ .breadcrumb { list-style:none; margin-bottom:20px; padding:0; color:#777777; font-size:1.071em } .breadcrumb li a { color:#777777; padding:1px 15px 0 10px; text-decoration:none; background:url(../../images/bredcrumbs-arrow.png) no-repeat right center; display:inline-block; line-height:1em; } .breadcrumb li span { display:inline-block } .PathSeparator .currentPage { padding-left:10px; } .breadcrumb li .PathSeparator span:first-child a { padding-left:0 } .breadcrumb li a:hover { text-decoration:underline; } /*Abous Us*/ .patentDesign { list-style:none; margin-bottom:30px; padding:0 } .patentDesign li { width:20%; float:left; padding:10px; } .patentDesign li:hover a { -webkit-animation:flipInY 2s ease; animation:flipInY 2s ease; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition:300ms all; background:#1f5c99; color:#fff; } .patentDesign a { display:block; text-align:center; text-decoration:none; color:#4c4c4c; font-size:1.154em; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition:300ms all; } .pdBox { padding:20px 5px 10px; border:1px solid #e0e0e0; } .pdSprite { background:url(../../images/patents-design-sprite.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:75px; height:58px; display:inline-block; } .pdIcon { width:100%; display:block; margin-bottom:5px; } .pdTitle { min-height:50px; display:block } .resultProposal { background-position:0 0 } .resultFrame { background-position:0 -89px } .annualReport { background-position:0 -173px } .patentInfo { background-position:0 -257px } .rgNiipm { background-position:0 -342px } .geoIndication { background-position:0 -427px } .tradeMark { background-position:0 -513px } .designs { background-position:0 -599px } .patents { background-position:0 -687px } .patentDesign li:hover .resultProposal { background-position:-98px 0 } .patentDesign li:hover .resultFrame { background-position:-98px -89px } .patentDesign li:hover .annualReport { background-position:-98px -173px } .patentDesign li:hover .patentInfo { background-position:-98px -257px } .patentDesign li:hover .rgNiipm { background-position:-98px -342px } .patentDesign li:hover .geoIndication { background-position:-98px -427px } .patentDesign li:hover .tradeMark { background-position:-98px -513px } .patentDesign li:hover .designs { background-position:-98px -599px } .patentDesign li:hover .patents { background-position:-98px -687px } /*Feedback page*/ .feedbackColRow { margin:0 -15px; } .feedbackColRow > div:nth-child(2n+1) { clear:left } .feedbackForm .formGroup { padding-bottom:15px; } .feedbackForm textarea { height:158px; } .feedbackForm .cols6 .verify, .feedbackForm .cols6 .captcha { float: left; margin-right: 2%; width: 48%; } .feedbackForm .cols6 .captcha { margin-top: 23px; } .feedbackColRow input, .feedbackColRow select, .feedbackColRow textarea { font-size:1em } .wob .feedbackForm input[type="text"], .wob .feedbackForm select, .wob .feedbackForm textarea { background:#fff; color:#333; } /*Dynamic Modules*/ .moduleSearch { background:#ededee; list-style:none; margin:0 0 25px; padding:10px 4px 15px; border-bottom:1px solid #c9c9c9; border-radius:3px; } .moduleSearch label { float:left; padding:5px 0 3px; } .moduleSearch .label { float:left; padding:5px 0 3px; } .moduleSearch li:last-child { padding-top:27px; } .moduleSearch li:last-child input { float:left; } .moduleSearch input[type="text"], .moduleSearch select { background:#fff; } .moduleSearch input[type="submit"] { line-height:14px; border-radius:5px; font-size:1.000em } .moduleSearch li { float:left; } .moduleSearch li input[type="text"], .moduleSearch li select { background:#fff; box-shadow:0 1px 1px 0 #d1d1d1; } .moduleSearch li { padding-bottom:5px; padding-left:8px; padding-right:8px; position:relative; } .moduleSearch li label, .moduleSearch li .label { display:inline-block; padding-right:10px; padding-top:5px; width:auto; } .moduleSearch li span.datelabel { position:absolute; } #news-container ul { list-style:none; margin:0; padding:0; } #news-container ul li { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; } #news-container ul li p { margin-bottom:0; } #news-container ul li a { text-decoration:none; } #news-container ul li a:hover { text-decoration:underline; } .tenderListing { list-style:none; margin:0; padding:0; } .tenderListing li { border-bottom:1px solid #ddd; margin-bottom:30px; position:relative; } .tenderListing li:last-child { border:0 none; margin-bottom:10px; } .tenderListing .headline { border-bottom:1px dashed #ddd; color:#115190; font-size:1.154em; margin-bottom:15px; padding:0 0 10px; } .tenderListing .tenderDate { color:#e65a15; display:block; } .tenderListing .readMoreRow { margin-bottom:10px; text-align:right; } .tenderListing .readMoreRow a { text-transform:none; } .tenderList { list-style:none; margin:0; padding:0; } .tenderList li { margin-bottom:0; position:relative; } .tenderList li:last-child { border:0 none; margin-bottom:10px; } .tenderList .headline { border-bottom:1px dashed #ddd; color:#115190; font-size:1.154em; margin-bottom:15px; padding:0 0 10px; } .tenderList .tenderDate { color:#e65a15; display:block; } .tenderList .readMoreRow { margin-bottom:10px; text-align:right; } .tenderList .readMoreRow a { text-transform:none; } .rtiTable, .rtiTable tr, .rtiTable td, .rtiTable th { border:0 none; margin:0; padding:0; } .rtiTable { display:none; margin-bottom:25px; } .rtiTable .moduleSearch { margin:0; } .tenderDetail { margin-bottom:25px; } .TDNumber .val, .TDPublishDate .val, .TDTenderExpDate .val, .tenderDes .val { color:#e65a15; } .TDNumber, .TDPublishDate, .TDTenderExpDate, .tenderDes { margin-bottom:5px; border-bottom:1px dashed #e9e9e9; padding-bottom:5px; } .TDNumber { font-size:106.3%; text-align:left; } .tederDetail > div { margin-bottom:5px; } .tederDetail span.label { float:left; margin-right:10px; text-align:left; width:180px; } .tederDetail .date { color:#e65a15; } .tederDetail .eventImage { float:right; } .downDocument { display:inline-block } .grTable, .grTable tr, .grTable td, .grTable th { border:0 none; margin:0; padding:0; } .grTable { margin-bottom:25px; } .grTable .moduleSearch { margin-bottom:0; } .notificationTable, .notificationTable tr, .notificationTable td, .notificationTable th { border:0 none; margin:0; padding:0; } .notificationTable { margin-bottom:25px; } .notificationTable .moduleSearch { margin-bottom:0; } /*----Date Picker----*/ .ui-datepicker { background-color:#fff; border:1px solid #003366; border-radius:4px; box-shadow:0 0 8px rgba(0, 51, 102, .6); display:none; margin-top:4px; padding:10px; width:240px; z-index:9999 !important } .ui-datepicker a, .ui-datepicker a:hover { text-decoration:none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color:#2A6496; -webkit-transition:color 0.1s ease-in-out; -moz-transition:color 0.1s ease-in-out; -o-transition:color 0.1s ease-in-out; transition:color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom:4px; text-align:center; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor:default; font-family:'Glyphicons Halflings'; -webkit-font-smoothing:antialiased; font-style:normal; font-weight:normal; line-height:1; margin-top:5px; width:17px; height:17px; cursor:pointer } .ui-datepicker .ui-datepicker-prev { float:left; text-align:left; background:url(../../images/next-prev.png) no-repeat 4px 0; } .ui-datepicker .ui-datepicker-next { float:right; text-align:right; background:url(../../images/next-prev.png) no-repeat -37px 0; } .ui-datepicker .ui-icon { display:none; } .ui-datepicker .ui-datepicker-calendar { table-layout:fixed; width:100%; margin:0 } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align:center; padding:4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius:4px; -webkit-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color:#eee; cursor:pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration:none; } .ui-datepicker .ui-datepicker-today { background-color:#003366; } .ui-datepicker .ui-datepicker-today a { color:#fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color:#fff; cursor:default; } .datepickMonth, .datepicker { background:#fff url("../../images/date-icon.png") no-repeat 96% center !important; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:47%; } .ui-datepicker .ui-datepicker-title select { background:#fff; color:#666; float:left; font-size:1em; height:25px; margin:1px 2px 10px; padding:0; } /*Advaced Search*/ .photoGallery table, .videoGallery table, .advancedSearch table { margin:0; width:auto; border:none } .photoGallery table td, .videoGallery table td, .advancedSearch table td { border:none } .advancedSearch .pagingNo ul { list-style:outside none none; margin:0; padding:0; } .advancedSearch .pagingNo ul li { float:left; } .advancedSearch .pagingNo ul li span { float:left; padding:0 2px; } .advancedSearch .pagingNo input { background:#094174 none repeat scroll 0 0; border-radius:3px; color:#fff; float:left; font-size:0.857em; height:22px; margin:0 2px; width:22px; } .advancedSearch .pagingWrapper { text-align:center; } .advancedSearch .totalResult { margin-bottom:10px; } .advancedSearch input[type="text"] { width:50%; } .advancedSearch table td input, .advancedSearch table td label { background:none; float:left; font-weight:normal; line-height:14px; padding:0; } .advancedSearch table tr td { background:none !important; padding:0; padding-right:10px; } .advancedSearch table td label { margin-right:5px; } .advancedSearch h4 { color:inherit; font-size:1.231em; margin-bottom:10px; } .advancedSearch label { margin-right:5px; } .advancedSearch hr { margin:12px 0; } .advancedSearch .dateRange { margin-bottom:10px; } .advancedSearch .dateRange input { width:100%; } .advancedSearch .dateRange .formGroup { float:left; width:150px; margin-right:15px; } /*contact Page*/ .contactPage { padding:0; list-style:none; } .contactPage li { float:left; width:50%; padding:10px 0; } .contactPage li:nth-child(odd) { padding-right:10px; clear:left } .contactPage li:nth-child(even) { padding-left:10px; } .fullWidth li { width:50%; } .contactPage p { text-align:left; margin-bottom:0 } .contactDetails strong { width:50px; padding-right:5px; display:inline-block } .contactBox { padding:10px; border:1px solid #e9e9e9; /*min-height:215px */ } .fullWidth .contactBox { min-height:250px } .gray { background:#fafafa } .contactPic { margin-bottom:10px } .contactPic img { float:left; width:84px; } .contactPic p { float:left; width:100%; margin-left:-84px; padding-left:94px; } /*Dynamic utility page*/ .dynamicUtiInn { float:left; width:50%; } /*Sitemap*/ .sitemap { border-left:3px solid #e8e6e6; list-style:none; padding:0; position:relative } .sitemap:after { content:""; height:10px; left:-6px; position:absolute; bottom:0; width:10px; background:#e8e6e6; border-radius:50%; } .sitemap > li { padding:15px 0 15px 25px; position:relative; } .sitemap > li:after { border-top:3px solid #e8e6e6; content:""; height:0; left:0; position:absolute; top:23px; width:25px; } .sitemap > li > a { color:#fff; font-size:15px; line-height:25px; text-decoration:none; padding:6px 20px; border:1px solid #efefef; transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; } .sitemap > li:nth-child(1) > a { background:#003366; } .sitemap > li:nth-child(2) > a { background:#346002; } .sitemap > li:nth-child(3) > a { background:#005e88; } .sitemap > li:nth-child(4) > a { background:#8a4500; } .sitemap > li:nth-child(5) > a { background:#dc143c; } .sitemap > li > a:hover { background:#dbdbdb; color:#000 } .sitemap > li > ul { border-left:2px solid #e8e6e6; list-style:none; padding:10px 0; margin:5px 0 0 25px; position:relative } .sitemap > li > ul:after { content:""; height:7px; left:-4px; position:absolute; bottom:0; width:7px; background:#e8e6e6; border-radius:50%; } .sitemap > li > ul > li { padding:6px 0 6px 25px; position:relative; } .sitemap > li > ul > li > a { transition:500ms all; -webkit-transition:300ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; background:#e8e6e6; padding:5px 10px } .sitemap > li > ul > li > a:after { border-top:2px solid #e8e6e6; content:""; height:0; left:0; position:absolute; top:13px; width:22px; transition:500ms all; -webkit-transition:300ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; } .sitemap > li > ul > li > a:hover:after { width:35px; transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; } .sitemap > li > ul > li > a:hover { margin-left:12px; transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; color:#003366 } .sitemap ul a { color:#333; text-decoration:none; font-size:14px; } .sitemap > li > ul > li > ul { border-left:1px solid #e8e6e6; list-style:none; padding:10px 0; margin:5px 0 0 25px; position:relative } .sitemap > li > ul > li > ul:after { content:""; height:7px; left:-4px; position:absolute; bottom:0; width:7px; background:#e8e6e6; border-radius:50%; } .sitemap > li > ul > li > ul li { padding:3px 0 3px 15px; position:relative; } .sitemap > li > ul > li > ul li > a { transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; padding:0 10px; display:inline-block; } .sitemap > li > ul > li > ul li > a:after { border-top:1px solid #e8e6e6; content:""; height:0; left:0; position:absolute; top:15px; width:22px; transition:500ms all; } .sitemap > li > ul > li > ul li > a:hover:after { width:35px; transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; } .sitemap > li > ul > li > ul li > a:hover { padding-left:22px; transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; color:#003366 } .sitemap .extIcon { margin-left:6px; margin-top:3px } /*Hotel Details*/ .hotelDetails { padding:0; } .hotelDetails > li { float:left; list-style:none; padding:10px 15px; width:50%; text-align:left; } .hotelDetails h3 { border-bottom:2px solid #ccc; padding-bottom:5px; margin-bottom:10px; } .hotelDetails > li:nth-child(2n+1) { clear:left } .innerContent .hotelDetails p { text-align:left } /*Left Menu*/ .leftMenu h3 { padding:7px 10px; font-size:18px; color:#777; margin-bottom:2px; border-bottom:5px solid #ddd; background:#efefef } #menuLeft { padding:0; margin:0 } #menuLeft > li { list-style:outside none none; margin-bottom:2px; background:#efefef; border-bottom:1px solid #d6d6d6; position:relative } #menuLeft > li.activeLI { background-color:#fff; } #menuLeft > li > a { color:#33333D; text-decoration:none; padding:10px; margin-right:30px; display:block; font-size:1.154em; } #menuLeft .subNoLink { color:#33333D; padding:10px; margin-right:30px; display:block; font-size:1.231em; } #menuLeft > li:hover { cursor:pointer; background-color:#fff } #menuLeft > .parent:after { position:absolute; content:''; width:12px; height:12px; top:16px; right:15px } #menuLeft > .parent:after { background:url(../../images/plus.png) no-repeat right 0; } #menuLeft > .parent.activeLI:after { background:url(../../images/minus.png) no-repeat right 0; } #menuLeft ul { margin:0; padding:0 15px 10px; } #menuLeft ul li { list-style:none; padding:0 0 0 13px; background:url(../../images/right-arrow.png) no-repeat 0 11px; } #menuLeft ul a { text-decoration:none; display:block; padding:5px 0; color:#333 } .rightMenuBarBlock { margin-bottom:20px; } .rightMenuBarBlock { display:none } html .rightMenuBarBlock .leftMenu h3 { cursor:pointer; border:1px solid #cfcfcf; font-size:16px; background:#a2a2a2; } .rightMenuBarBlock .leftMenu h3, .rightMenuBarBlock #menuLeft > li > a { padding:5px 10px; } .rightMenuBarBlock #menuLeft > .parent:after { top:11px; right:15px } .designsInner .leftMenu h3 { color:#fff; border-bottom:5px solid #b6e77d; background:#346002 } /*********************************PATENT HOME PAGE (Use .patentsHome to Inherit)*****************************************/ /*Patents Menu*/ .patentsHome .mainNavigation { background:#003366 } .patentsHome #nav>li { background:#003366 !important; width:16.6666667% } .patentsHome #nav>li>a { border-right:1px solid #002345; } .patentsHome .leftMenu h3 { color:#fff; border-bottom:5px solid #3a7dda; background:#003366 } /*Patents header*/ .subsiteName { font-size:28px; color:#434343; font-weight:600; padding-right:60px; vertical-align:middle } /*Patents Slider*/ .patentsHome .sliderBanner .owl-dots { background-color:rgba(0, 51, 102, 0.7); } .patentsHome .sliderBanner .owl-nav div { background-color:rgba(0, 51, 102, 0.9) } .patentsHome .sliderBanner .owl-nav .owl-next { background-color:rgba(34, 62, 91, 0.9); } .patentsHome .sliderBanner .owl-nav div:hover { background-color:rgba(0, 51, 102, 1); } .patentsHome .owl-theme .owl-dots .owl-dot span, .patentsHome .noJS .owl-dots .owl-dot a { background-color:#6b849c; } .patentsHome .owl-theme .owl-dots .owl-dot.active span, .patentsHome .owl-theme .owl-dots .owl-dot:hover span, .patentsHome .noJS .owl-dots .owl-dot.active a { background:#fff } .patentsHome .nextPrevSlider a { background-color:rgba(0, 51, 102, 0.9) } .patentsHome .nextPrevSlider .customNextBtn { background-color:rgba(34, 62, 91, 0.9); } .patentsHome .nextPrevSlider a:hover { background-color:rgba(0, 51, 102, 1); } /*Patents Banner Links*/ .bannerLinks { padding-right:10px } .rightBanners li:nth-child(even) .bannerLinks { padding-right:0; padding-left:10px; } .linkImg { max-height:111px; overflow:hidden } .linkImg img { width:100%; } .bannerLinks a { color:#fff; text-decoration:none; } .rightBanners>ul>li:nth-child(n+3) { margin-top:15px; } .bannerLinks a { font-size:1.154em; line-height:23px; color:#333333; text-decoration:none; } .bannerLinks a:hover:after { transition:500ms all; -webkit-transition:500ms all; -moz-transition:500ms all; -ms-transition:500ms all; -o-transition:500ms all; right:15px !important } .bannerLinks a:hover { text-decoration:underline } .linkName { display:block; background:#eaeaea; padding:8px 15px; min-height:64px; } .linkName img { margin-bottom:5px } /*Patents History*/ .patentHistory { background:#003366; margin:0 auto; max-width:1170px; /*box-shadow: 0 5px 5px 0 #b0b0b0;*/ } .patentHistory .container { padding:15px 20px 5px } .patentHistory h2 { font-size:1.714em; color:#fff; border:none; text-align:center; margin-bottom:20px } .patentHistory .carouselBlock { margin-left:-34px; margin-bottom:0; padding:0 34px; } .patentHistory .owl-stage-outer { padding-left:34px; margin-right:-68px; } .patentHistory .owl-controls { display:none } .patentHistory li { color:#fff; list-style:none; padding-top:45px; position:relative } .noJS .patentHistory li { padding-right:10px; float:left; width:25%; } .historyYear { background:#1d62a5; border-radius:5px; padding:8px 13px; position:absolute; top:0; left:-34px; } .historyYear:after { content:''; position:absolute; left:22px; bottom:-7px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #1d62a5; } .patentHistory hr { border-color:#1d62a5; position:relative } .patentHistory hr:before { content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:#1d62a5; left:0; top:-5px } .patentHistory hr:after { content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:#1d62a5; right:0; top:-5px } .patentHistory li p { padding:0 25px; } .patentHistory .button { background:#00274e; border-radius:0; border-color:#00274e; padding:7px 15px; font-size:1em } .patentHistory .button:visited { color:#fff } .patentHistory .button:hover { background:#fff; color:#00274e; } /*Patent Ecitizen*/ /*.patentEcitizen{padding:20px 0; background:#fff;}*/ .patentEcitizen .container { background:#fff; } .ecitizenBox { margin-bottom:20px; } .ecitizenBox > div { width:33.33333333%; float:left } .ecitizenBox .ticker { padding:15px; border:1px solid #c2c2c2; position:relative } .ecitizenBox .tickerDivBlock { height:125px !important } .ecitizenBox .playPause { top:32px } .patentAdmin { padding-right:15px; } .patentAct { padding-left:7px; padding-right:7px; } .patentRules { padding-left:15px; } .ecitizenBox ul.bulletText li { padding:0 0 0 13px; background-image:url(../../images/patents/right-arrow.png); background-position:0 11px; } .ecitizenBox h2 { background-color:#e5e5e5; border:none; padding:2px 0 0 0; margin:0 -15px 15px 0; line-height:45px; font-size:18px; border-radius:50px 0 0 50px; position:relative; } .ecitizenBox h2:after { border:1px solid #e5e5e5; border-radius:50%; content:""; height:60px; left:-5px; position:absolute; top:-5px; width:60px; } .ecitizenBox h2 .sprite { text-indent:-9999px; width:50px; height:45px; margin-right:5px } .patentAdmin h2 .sprite { background-position:-61px -145px } .patentAct h2 .sprite { background-position:-53px -193px } .patentRules h2 .sprite { background-position:-60px -240px } .citizenDetail { padding:5px 0 } .citizenDetail a { text-decoration:none; color:#393939; } .citizenDetail a:hover { color:#003366; text-decoration:underline; } .ecitizenBox .allNews { color:#003366; background:none; } /*Patent Banners*/ .patentBanners { padding:0; margin:0 } .patentBanners li { width:33.33333333%; float:left; list-style:none } .patentBanners a { display:block; padding:8px 5px 8px 20px; font-size:22px; color:#fff; text-decoration:none; min-height:80px; line-height:64px; } .patentBanners .sprite { height:62px; width:62px; text-indent:-9999px; margin-right:-62px; float:left; } .bannerLabel { float:left; padding-left:77px; width:100%; } .patentBanners a:hover .sprite { -webkit-animation:tada 1s ease; animation:tada 1s ease; transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; } .patentPub { padding-right:15px; } .patentNoti { padding-left:7px; padding-right:7px; } .patentOther { padding-left:15px; } .patentPub a { background:url(../../images/patents/publication.gif) no-repeat 0 0 / cover } .patentNoti a { background:url(../../images/patents/notification.gif) no-repeat 0 0 / cover } .patentOther a { background:url(../../images/patents/other-information.gif) no-repeat 0 0 / cover } .patentPub .sprite { background-position:3px -295px; } .patentNoti .sprite { background-position:3px -228px; } .patentOther .sprite { background-position:5px -365px; } /*********************************Trade Marks HOME PAGE (Use .trademarksHome to Inherit)*****************************************/ /*Trade Marks Menu*/ .trademarksHome #nav .MenuLi1 { width:13.368983957219252%; } .trademarksHome #nav .MenuLi2 { width:15.86452762923351%; } .trademarksHome #nav .MenuLi3 { width:19.696969696969696%; } .trademarksHome #nav .MenuLi4 { width:11.319073083778966%; } .trademarksHome #nav .MenuLi5 { width:12.65597147950089%; } .trademarksHome #nav .MenuLi6 { width:12.388591800356506%; } .trademarksHome #nav .MenuLi7 { width:14.705882352941177%; } .hindiDoc .trademarksHome #nav .MenuLi1 { width:14.97326203208556%; } .hindiDoc .trademarksHome #nav .MenuLi2 { width:16.844919786096257%; } .hindiDoc .trademarksHome #nav .MenuLi3 { width:18.805704099821746%; } .hindiDoc .trademarksHome #nav .MenuLi4 { width:9.893048128342247%; } .hindiDoc .trademarksHome #nav .MenuLi5 { width:14.260249554367202%; } .hindiDoc .trademarksHome #nav .MenuLi6 { width:14.08199643493761%; } .hindiDoc .trademarksHome #nav .MenuLi7 { width:11.051693404634581%; } .trademarksHome #nav>li>a { border-right:1px solid #246684; } .trademarksHome .leftMenu h3 { color:#fff; border-bottom:5px solid #73bdde; background:#307b9d } /*Trade Marks Slider*/ .trademarksHome .sliderBanner .owl-dots { background-color:rgba(48, 123, 157, 0.7); } .trademarksHome .sliderBanner .owl-nav div { background-color:rgba(48, 123, 157, 1) } .trademarksHome .sliderBanner .owl-nav .owl-next { background-color:rgba(35, 107, 139, 1); } .trademarksHome .sliderBanner .owl-nav div:hover { background-color:rgba(22, 87, 117, 1); } .trademarksHome .nextPrevSlider a { background-color:rgba(48, 123, 157, 1) } .trademarksHome .nextPrevSlider .customNextBtn { background-color:rgba(35, 107, 139, 1); } .trademarksHome .nextPrevSlider a:hover { background-color:rgba(22, 87, 117, 1); } /*Trade Marks Brief Background*/ .briefBg { background:#2c708f; margin:0 auto; max-width:1170px; /* box-shadow: 0 5px 5px 0 #b0b0b0;*/ } .briefBg .container { padding:15px 20px 5px; } .briefBg h2 { font-size:1.714em; color:#fff; border:none; margin-bottom:15px; text-transform:uppercase; } .briefBg p { color:#fff; margin-bottom:15px; text-align:justify; } .briefBg li a, .briefBg li .fileSize { color:#fff } .briefBg ul.bulletText { margin:0; padding-top:15px; } .briefBg ul.bulletText li { background-image:url(../../images/dark/right-arrow.png); float:left; width:33.33333333%; padding-right:140px; } /*Trade Marks Ecitizen*/ .trademarkGi { padding-right:15px; } .trademarkOtherInfo { padding-left:7px; padding-right:7px; } .trademarkRules { padding-left:15px; } .trademarkGi h2 .sprite { background-position:-57px -283px } .trademarkOtherInfo h2 .sprite { background-position:-58px -326px } .trademarkRules h2 .sprite { background-position:-62px -368px } .trademarksHome .ecitizenBox .allNews { color:#307b9d; } /*trademarks Banners*/ .trademarkAgents { padding-right:15px; } .trademarkNoti { padding-left:7px; padding-right:7px; } .trademarkNews { padding-left:15px; } .trademarkAgents a { background:url(../../images/trademarks/trademark-agents.gif) no-repeat 0 0 / cover } .trademarkNoti a { background:url(../../images/trademarks/trademark-notices.gif) no-repeat 0 0 / cover } .trademarkNews a { background:url(../../images/trademarks/trademark-news.gif) no-repeat 0 0 / cover } .trademarkAgents .sprite { background-position:3px -433px; } .trademarkNoti .sprite { background-position:3px -508px; } .trademarkNews .sprite { background-position:5px -578px; } /*********************************Geographical Indications HOME PAGE (Use .giHome to Inherit)*****************************************/ /*GI Menu*/ .giHome #nav>li>a { border-right:1px solid #8f5922; } .giHome #nav .MenuLi1 { width:15.151515151515152%; } /* 170 / 1122 */ .giHome #nav .MenuLi2 { width:14.349376114081996%; } /* 161 / 1122 */ .giHome #nav .MenuLi3 { width:15.86452762923351%; } /* 178 / 1122 */ .giHome #nav .MenuLi4 { width:15.68627450980392%; } /* 176 / 1122 */ .giHome #nav .MenuLi5 { width:22.459893048128343%; } /* 252 / 1122 */ .giHome #nav .MenuLi6 { width:16.488413547237077%; } /* 185 / 1122 */ .giHome .leftMenu h3 { color:#fff; border-bottom:5px solid #c78745; background:#a56729 } /*GI Slider*/ .giHome .sliderBanner .owl-dots { background-color:rgba(186, 117, 47, 0.8); } .giHome .sliderBanner .owl-nav div { background-color:rgba(186, 117, 47, 0.7) } .giHome .sliderBanner .owl-nav .owl-next { background-color:rgba(149, 93, 36, 1); } .giHome .sliderBanner .owl-nav div:hover { background-color:rgba(129, 76, 22, 1); } .giHome .owl-theme .owl-dots .owl-dot span, .giHome .noJS .owl-dots .owl-dot a { background-color:#c3a07d; } .giHome .owl-theme .owl-dots .owl-dot.active span, .giHome .owl-theme .owl-dots .owl-dot:hover span, .giHome .noJS .owl-dots .owl-dot.active a { background:#fff } .giHome .nextPrevSlider a { background-color:rgba(186, 117, 47, 0.7) } .giHome .nextPrevSlider .customNextBtn { background-color:rgba(149, 93, 36, 1); } .giHome .nextPrevSlider a:hover { background-color:rgba(129, 76, 22, 1); } /*GI Right Banners*/ .giHome .linkName { padding:0 } .giHome .linkName a { font-size:16px; display:block; text-decoration:none; position:relative; padding:19px 35px 10px 15px; min-height:64px } .giHome .linkName a:after { content:''; width:15px; height:19px; position:absolute; right:15px; top:23px; background:url(../../images/sprite.png) no-repeat -85px -19px; } .giHome .linkName:hover a { background:#613101; color:#fff; } /*GI Welcome Block*/ .giHome .briefBg { background-color:#d3d3d3 } .giHome .briefBg h2 { color:#000; text-transform:inherit } .giHome .briefBg p { color:#323232; } .giHome .button { background:#003366; border-radius:0; border:none; color:#fff; padding:4px 15px; font-size:1em } .giHome .button:hover { background:#333; } /*GI Ecitizen*/ .giNews { padding-right:15px; } .giAct { padding-left:7px; padding-right:7px; } .giRules { padding-left:15px; } .giNews h2 .sprite { background-position:-55px -409px } .giAct h2 .sprite { background-position:-62px -368px } .giRules h2 .sprite { background-position:-60px -240px } .giHome .ecitizenBox .allNews { color:#8e4423; } .giHome .ecitizenBox ul.bulletText li { background-position:0 16px } .ecitizenBox .giNews ul.bulletText li { padding-left:0; background:none } .giHome .citizenDetail { border-bottom:1px dashed #b2b2b2; padding:10px 0; } .citizenDetail .newsDate { display:block; } /*GI Banners*/ .giAppStatus { padding-right:15px; } .giRegGis { padding-left:7px; padding-right:7px; } .giRti { padding-left:15px; } .giHome .patentBanners a { background:#8e4423 } .giAppStatus .sprite { background-position:12px -648px; } .giRegGis .sprite { background-position:6px -709px; } .giRti .sprite { background-position:18px -779px; } /*********************************RGNIIPM HOME PAGE (Use .rgniimpmHome to Inherit)*****************************************/ /*RGNIIPM Menu*/ .rgniimpmHome #nav>li>a { border-right:1px solid #91021e; } .rgniimpmHome #nav .MenuLi1 { width:12.834224598930483%; } .rgniimpmHome #nav .MenuLi2 { width:27.629233511586454%; } .rgniimpmHome #nav .MenuLi3 { width:13.368983957219252%; } .rgniimpmHome #nav .MenuLi4 { width:20.053475935828877%; } .rgniimpmHome #nav .MenuLi5 { width:11.942959001782531%; } .rgniimpmHome #nav .MenuLi6 { width:14.171122994652408%; } .hindiDoc .rgniimpmHome #nav .MenuLi1 { width: 16.399286987522282%; } .hindiDoc .rgniimpmHome #nav .MenuLi2 { width: 20.677361853832443%; } .hindiDoc .rgniimpmHome #nav .MenuLi3 { width: 16.755793226381463%; } .hindiDoc .rgniimpmHome #nav .MenuLi4 { width: 21.390374331550802%; } .hindiDoc .rgniimpmHome #nav .MenuLi5 { width: 12.477718360071301%; } .hindiDoc .rgniimpmHome #nav .MenuLi6 { width: 12.299465240641712%; } .rgniimpmHome .leftMenu h3 { color:#fff; border-bottom:5px solid #e75b77; background:#dc143c } /*RGNIIPM Slider*/ .rgniimpmHome .sliderBanner .owl-dots { background-color:rgba(220, 20, 60, 0.7); } .rgniimpmHome .sliderBanner .owl-nav div { background-color:rgba(220, 20, 60, 1) } .rgniimpmHome .sliderBanner .owl-nav .owl-next { background-color:rgba(220, 20, 60, 0.9); } .rgniimpmHome .sliderBanner .owl-nav div:hover { background-color:rgba(185, 2, 39, 1); } .rgniimpmHome .owl-theme .owl-dots .owl-dot span, .rgniimpmHome .noJS .owl-dots .owl-dot a { background-color:#d37386; } .rgniimpmHome .owl-theme .owl-dots .owl-dot.active span, .rgniimpmHome .owl-theme .owl-dots .owl-dot:hover span, .rgniimpmHome .noJS .owl-dots .owl-dot.active a { background:#fff } .rgniimpmHome .nextPrevSlider a { background-color:rgba(220, 20, 60, 1) } .rgniimpmHome .nextPrevSlider .customNextBtn { background-color:rgba(220, 20, 60, 0.9); } .rgniimpmHome .nextPrevSlider a:hover { background-color:rgba(185, 2, 39, 1); } /*RGNIIPM Right Banners*/ .rgniimpmHome .linkName { padding:0 } .rgniimpmHome .linkName a { font-size:1.385em; display:block; text-decoration:none; position:relative; padding:22px 15px 10px 15px; min-height:64px } .rgniimpmHome .linkName a:after { content:''; width:15px; height:19px; position:absolute; right:15px; top:23px; background:url(../../images/sprite.png) no-repeat -51px -109px; } .rgniimpmHome .linkName:hover a { background:#910722; color:#fff; } /*RGNIIPM Welcome Block*/ .rgniimpmHome .briefBg { background-color:#c3c3c3 } .rgniimpmHome .briefBg h2 { color:#000; text-transform:inherit; text-align:left; } .rgniimpmHome .briefBg p { color:#323232; text-align:justify } .rgniimpmHome .button { background:#003366; border-radius:0; border:none; color:#fff; padding:4px 15px; font-size:1em } .rgniimpmHome .button:hover { background:#333; color:#fff; } .rgniimpmHome .briefBg .alignLeft { width:100%; padding-right:232px; } .rgniimpmHome .briefBg .alignRight { width:232px; margin-left:-232px; } /*RGNIIPM Ecitizen*/ .trainingPro { padding-right:15px; } .awarenessPro { padding-left:7px; padding-right:7px; } .auditoriumRent { padding-left:15px; } .rgniimpmHome .ecitizenBox h2 { font-size:15px; } .hindiDoc .rgniimpmHome .patentBanners a { font-size:20px; } .hindiDoc .rgniimpmHome .rgniimpmMap a { line-height:30px; } .trainingPro h2 .sprite { background-position:-57px -456px } .awarenessPro h2 .sprite { background-position:-61px -551px } .auditoriumRent h2 .sprite { background-position:-52px -504px } .rgniimpmHome .ecitizenBox .allNews { color:#dc143c; } /*RGNIIPM Banners*/ .rgniimpmPg { padding-right:15px; } .rgniimpmMap { padding-left:7px; padding-right:7px; } .rgniimpmRti { padding-left:15px; } .rgniimpmHome .patentBanners a { background:#dc143c } .rgniimpmPg .sprite { background-position:2px -851px; } .rgniimpmMap .sprite { background-position:13px -919px; } .rgniimpmRti .sprite { background-position:18px -779px; } .rgniimpmMap a { line-height:32px; padding-right:15px; } /**********************Contrast Theme***********************/ /*BG Gray*/ .wob .topStrip, .wob .bannerBox > a, .wob .ecitizenBox h2, .wob .patentPub a, .wob .patentNoti a, .wob .patentOther a, .wob .rightAccordion .accTrigger.active, .wob .rightAccordion .accTrigger, .wob .trademarkAgents a, .wob .trademarkNoti a, .wob .trademarkNews a, .wob .giHome .patentBanners a, .wob .rgniimpmHome .patentBanners a, .wob .sitemap > li > a, .wob .sitemap > li > ul > li > a, .wob .gray, .wob #ui-id-1, .wob #ui-id-2, .wob .ui-datepicker, .wob .patentDesign li:hover a, .wob .leftMenu h3, .wob .moduleSearch, .wob .onlineServiceNo, .wob .pagingWrapper, .wob .content, .wob .queAns, .wob .patentEcitizen, .wob .pagingbar, .wob .timelineInner, .wob .timelineOuter .date_separator span { background:#333 } /*BG Black*/ .wob #nav, .wob #nav li, .wob .indexBanner, .wob #header, .wob #nav a, .wob .bannerBox > a:hover, .wob .copyright, .wob .patentHistory, .wob .innerContent .container, .wob .briefBg, .wob .search .inputSearch input[type="text"], .wob .ui-datepicker .ui-datepicker-today, .wob .accordDetail, .wob .pagingWrapper .btnInside input.aspNetDisabled.pageNo, .wob .faqQue .lbl, .wob .faqQue .lbl::after, .wob .mainSite .content .container, .wob .impLinks .container, .wob .patentEcitizen .container { background:#000 !important } /*Font Yellow*/ .wob .topStrip input, .wob #nav li a, .wob .eventTitle a, .wob .impLinks a, .wob .copyright .alignLeft li a, .wob .citizenDetail a, .wob .breadcrumb li a, .wob .sitemap ul a, .wob .patentDesign a, .wob #menuLeft > li > a, .wob #menuLeft ul a, .wob #menuLeft .subNoLink, .wob .newsTitle, .wob .newsTitle a, .wob .TDNumber .val, .wob .TDPublishDate .val, .wob .TDTenderExpDate .val, .wob .tenderDes .val, .wob .timelineInner h3 { color:#FF0 } /*Font White*/ .wob input[type="text"], .wob textarea, .wob .bannerBox > a, .wob .newsDate, .wob .copyright p, .wob .subsiteName, .wob .breadcrumb, .wob .giHome .briefBg p, .wob .rgniimpmHome .briefBg p, .wob .pagingCount, .wob .pagingNo > ul, .wob .timelineOuter .date_separator span { color:#fff; } /*Font Green*/ .wob .content h2, .wob .ecitizenBox .allNews, .wob h2, .wob h3, .wob h4, .wob h5, .wob .rightAccordion .accTrigger.active a, .wob #accessControl input:hover, .wob .red, .wob .error, .wob .mandatory, .wob .asterix, .wob .sitemap ul a:hover, .wob .sitemap > li > a:hover, .wob .patentDesign li:hover a, .wob #menuLeft ul a:hover, .wob .pagingWrapper .btnInside input.aspNetDisabled.pageNo:hover, .wob .faqQue .faqDetails { color:#0F0 } body.wob { background-image:none } .wob .topStrip { border-color:#333 } .wob #header, .wob .indexBanner, .wob .briefBg, .wob .patentHistory { box-shadow:none } .wob #logo img, .wob .ipoLogo img { display:none; } .wob #logo a { width:497px; height:90px; background:url(../../images/dark/logo.png) no-repeat 0 0; display:block } .wob .patentsHome #logo a { width:395px; height:90px; background:url(../../images/patents/logo-dark.png) no-repeat 0 0; display:block } .wob .trademarksHome #logo a { width:393px; height:90px; background:url(../../images/trademarks/logo-dark.png) no-repeat 0 0; display:block } .wob .giHome #logo a { width:337px; height:90px; background:url(../../images/gi/logo-dark.png) no-repeat 0 0; display:block } .wob .rgniimpmHome #logo a { width:450px; height:90px; background:url(../../images/rgniimpm/logo-dark.png) no-repeat 0 0; display:block } .wob .ipoLogo a { width:122px; height:90px; background:url(../../images/dark/ipo-logo.png) no-repeat 0 0; float:right } .wob .subsiteName { display:inline-block; margin-top:25px; } .wob #nav > li > a { border:1px solid #FF0; border-left:none } .wob .search { background-color:#FF0; height:44px; } .wob .search label { height:44px; } .wob .search label:hover, .wob .search label.active, .wob .search .inputSearch { background-color:#0F0 } .wob .mainNavigation, .wob .pagingWrapper .btnInside span input:hover { background-color:#FF0 } .wob #nav > li > a:hover, .wob #nav > li.hover > a, .wob #nav > li.focus > a, .wob #nav > .highlight > a, .wob .pagingWrapper li.btnInside > input:hover { background-color:#FF0 !important; color:#000 } .wob #nav li ul li a:hover, .wob #nav li ul li > a.selected, .wob #nav ul a:hover, .wob.noJS #nav ul a:focus, .wob #nav ul a.selected, .wob #nav ul > .highlight > a { background-color:#FF0 !important; color:#000 } .wob #nav ul li a { border-color:#FF0 !important } .wob .content h2, .wob .leftMenu h3 { border-color:#1f1f1f } .wob .content { border-color:#000 } .wob ul.bulletText li, .wob #menuLeft ul li { background-image:url(../../images/dark/right-arrow.png) } .wob .bannerBox > a:after, .wob .sprite, .wob .rightAccordion .accTrigger:after, .wob .giHome .linkName a:after, .wob #nav li.hover .menuIcon, .wob .rgniimpmHome .linkName a:after { background-image:url(../../images/dark/sprite.png) } .wob .sliderBanner, .wob .newsUpdates, .wob .tenderEvents .ticker, .wob .tenderEvents .borderBox { border:1px solid #1f1f1f } .wob .sliderBanner .owl-nav div { background-color:rgba(0, 0, 0, 0.5) } .wob .sliderBanner .owl-nav .owl-next { background-color:rgba(0, 0, 0, 0.8) } .wob .sliderBanner .owl-dots { background-color:rgba(0, 0, 0, 1) } .wob .nextPrevSlider a { background-color:rgba(0, 0, 0, 0.5) } .wob .nextPrevSlider .customNextBtn { background-color:rgba(0, 0, 0, 0.8); } .wob .owl-theme .owl-dots .owl-dot span, .wob.noJS .owl-dots .owl-dot a { background-color:#FFF } .wob .owl-theme .owl-dots .owl-dot.active span, .wob .owl-theme .owl-dots .owl-dot:hover span, .wob .noJS .owl-dots .owl-dot.active a { background-color:#ff0 } .wob #backtotop { background-image:url(../../images/dark/backtotop.png) } .wob .historyYear:after, .wob .patentHistory hr { border-top-color:#FF0 } .wob .historyYear, .wob .patentHistory hr:after, .wob .patentHistory hr:before { background-color:#FF0; color:#000 } .wob .patentHistory .button, .wob .giHome .button, .wob .rgniimpmHome .button { background-color:#fff; color:#000; border-color:#FF0 } .wob .ecitizenBox h2:after { border-color:#333 } .wob .bannerLinks a:hover, .wob .pagingWrapper .btnInside span input:hover { color:#000 } .wob .linkName { background:#fff; } .wob .breadcrumb li a { background-image:url(../../images/dark/bredcrumbs-arrow.png) } .wob th, .wob .tableData th, .wob .innerBannerTitle, .wob .locationMap { color:#000 } .wob .giHome .linkName:hover a, .wob .rgniimpmHome .linkName:hover a { background:#0F0; } .wob .leftContent input[type="submit"], .wob .leftContent input[type="button"], .wob .leftContent input[type="reset"], .wob .leftContent button, .wob .leftContent .button { background:#0F0; color:#000; border-color:#FFF } .ui-datepicker .ui-datepicker-prev, .wob .ui-datepicker .ui-datepicker-next { background-image:url(../../images/dark/next-prev.png) } .wob .datepickMonth, .wob .datepicker { background:#333 url(../../images/dark/date-icon.png) no-repeat 99% center !important } .wob .pdSprite { background-image:url(../../images/dark/patents-design-sprite.png) } .wob .rsIcon { background-position:left -17px; } .wob th .rsIcon { background-position:left top; } .wob .accordion .accTrigger { background-image:url(../../images/dark/plus.png); color:#FF0; background-repeat:no-repeat } .wob .accordion .accTrigger.active { background-image:url(../../images/dark/minus.png) !important; color:#fff; background-repeat:no-repeat } .wob .moduleSearch input { color:#000 } .wob #menuLeft li { background-color:#000 } .wob #menuLeft .parent.activeLI:after { background-image:url(../../images/dark/minus.png); } .wob #menuLeft .parent:after { background-image:url(../../images/dark/plus.png); background-color:#000; } .wob .queAns { box-shadow:none } /* Magnific Popup CSS */ .mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; filter:alpha(opacity=80); } .mfp-wrap { top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden; } .mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .mfp-align-top .mfp-container:before { display:none; } .mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:100%; cursor:auto; } .mfp-ajax-cur { cursor:progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out; } .mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; } .mfp-auto-cursor .mfp-content { cursor:auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select:none; -moz-user-select:none; } .mfp-loading.mfp-figure { display:none; } .mfp-hide { display:none !important; } .mfp-preloader { color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044; } .mfp-preloader a { color:#CCC; } .mfp-preloader a:hover { color:#FFF; } .mfp-s-ready .mfp-preloader { display:none; } .mfp-s-error .mfp-content { display:none; } button.mfp-close, button.mfp-arrow { overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none; } button:-moz-focus-inner { padding:0; border:0; } .mfp-close { width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; filter:alpha(opacity=65); padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity:1; filter:alpha(opacity=100); } .mfp-close:active { top:1px; } .mfp-close-btn-in .mfp-close { color:#333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%; } .mfp-counter { position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap; } .mfp-arrow { position:absolute; opacity:0.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent; } .mfp-arrow:active { margin-top:-54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity:1; filter:alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width:13px; border-bottom-width:13px; top:8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width:21px; border-bottom-width:21px; opacity:0.7; } .mfp-arrow-left { left:0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right:17px solid #FFF; margin-left:31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left:25px; border-right:27px solid #3F3F3F; } .mfp-arrow-right { right:0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left:17px solid #FFF; margin-left:39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left:27px solid #3F3F3F; } .mfp-iframe-holder { padding-top:40px; padding-bottom:40px; } .mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px; } .mfp-iframe-holder .mfp-close { top:-40px; } .mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%; } .mfp-iframe-scaler iframe { position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#000; } /* Main image in popup */ img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto; } /* The shadow behind the image */ .mfp-figure { line-height:0; } .mfp-figure:after { content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444; } .mfp-figure small { color:#BDBDBD; display:block; font-size:12px; line-height:14px; } .mfp-figure figure { margin:0; } .mfp-bottom-bar { margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto; } .mfp-title { text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px; } .mfp-image-holder .mfp-content { max-width:100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; } .mfp-ie7 .mfp-img { padding:0; } .mfp-ie7 .mfp-bottom-bar { width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px; } .mfp-ie7 .mfp-container { padding:0; } .mfp-ie7 .mfp-content { padding-top:44px; } .mfp-ie7 .mfp-close { top:0; right:0; padding-top:0; } /*Inner Banner*/ .contentArea h2 { display:none }  /*.patentsHome .innerBannerTemplate{background:url(../../images/patents/inner-banner.jpg)} .designsInner .innerBannerTemplate{background:url(../../images/designs/inner-banner.jpg)} .trademarksHome .innerBannerTemplate{background-image:url(../../images/trademarks/inner-banner.jpg)} .giHome .innerBannerTemplate{background-image:url(../../images/gi/inner-banner.jpg)} .rgniimpmHome .innerBannerTemplate{background-image:url(../../images/rgniimpm/inner-banner.jpg);} .trademarksHome h2,.rgniimpmHome h2,.giHome h2,.designsInner h2,.patentsHome h2{color:#fff}*/ .innerBannerTitle { margin:0 } /********************Smoke External Link*********************/ .smoke-base { bottom:0; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; } .smoke-base.smoke-visible { opacity:1; visibility:visible; } .smokebg { bottom:0; left:0; position:fixed; right:0; top:0; } .smoke-base .dialog { position:absolute; } .dialog-prompt { margin-top:15px; text-align:center; } .dialog-buttons { margin:20px 0 5px; } .smoke { font-size:18px; line-height:150%; text-align:center; } .dialog-buttons button { border:0 none; cursor:pointer; display:inline-block; font-size:13px; font-style:normal; font-weight:normal; line-height:13px; margin:0 5px; outline:0 none; padding:9px 12px 7px; text-decoration:none; vertical-align:baseline; } .dialog-prompt input { background-color:transparent; border:1px solid #aaa; display:inline-block; font-family:sans-serif; font-size:18px; margin:0; outline:medium none; padding:8px; width:75%; } .smoke-base { background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; } .smoke-base .dialog { left:50%; margin-left:-350px; top:25%; width:700px; } .smoke-base .dialog-inner { color:#202020; padding:15px; } .smoke { background-color:rgba(255, 255, 255, 0.95); box-shadow:0 2px 8px #666; } .dialog-buttons button { background-color:#003366; border-radius:0; color:#fff; } button.cancel { background-color:rgba(0, 0, 0, 0.4); } /***********Time Line Patent History**************/ .timelineOuter { border-bottom:4px solid #e4e4e4; clear:both; height:auto !important; margin:0 0 20px; overflow:hidden; padding:0 0 20px; position:relative; width:100%; } .timelineOuter:before { background:#e4e4e4 none repeat scroll 0 0; content:""; height:100%; left:50%; margin-left:-2px; position:absolute; width:4px; } .timelineBox { margin:5px 0; position:relative; width:50%; } .timelineInner { background:#ecf3f8 none repeat scroll 0 0; border:1px solid #d8dfe4; border-radius:5px; display:block; padding:10px; position:relative; } .timelineBox.right .timelineInner { margin-left:78px; } .timelineBox.left .timelineInner { margin-right:78px; } .timelineInner:before, .timelineInner:after { content:""; display:block; position:absolute; top:20px; } .timelineBox.right .timelineInner:before, .timelineBox.right .timelineInner:after { top:20px; } .timelineInner:before { background:#f1f1f1; border:5px solid #ccc; border-radius:50px; height:20px; margin-top:-11px; right:-89px; width:20px; } .timelineInner:after { background:#ccc none repeat scroll 0 0; height:1px; right:-69px; width:69px; } .timelineOuter .right { clear:right; float:right; } .timelineOuter .right:before { left:-88px; right:auto; } .timelineOuter .right:after { background:#ccc none repeat scroll 0 0; height:1px; left:-70px; right:auto; width:70px; } .timelineOuter .left { clear:left; float:left; } .timelineBox.right .timelineInner:after { background:#ccc none repeat scroll 0 0; height:1px; left:-70px; right:auto; width:69px; } .timelineBox.right .timelineInner:before { left:-89px; right:auto; } .timelineInner:hover:before { background:#113c69 none repeat scroll 0 0; } .timelineInner h3 { color:#636466; font-size:14px; font-weight:normal; margin:0; padding:0; text-align:left; font-weight:400 } .timelineBox.right .timelineInner h2 { text-align:left; } .timelineOuter .date_separator { clear:both; padding:0 0 10px; position:relative; } .timelineOuter .date_separator span { background:#003366; border-radius:2px; color:#fff; display:block; font-size:16px; font-weight:bold; line-height:22px; margin:0 auto; padding:5px 10px; text-align:center; width:65px; z-index:999; } /*.timeDate { background-color:#b95d1b; border-radius:5px; color:#fff; padding:10px 20px; position:absolute; top:0; transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; white-space:nowrap; } .left .timeDate { left:100%; margin-left:40px; } .right .timeDate { margin-right:40px; right:100%; } .left .timeDate:after, .right .timeDate:after { border-bottom:10px solid transparent; border-top:10px solid transparent; content:""; height:0; margin-top:-10px; position:absolute; top:50%; width:0; z-index:99; } .left .timeDate:after { border-right:10px solid #b95d1b; left:-10px; } .right .timeDate:after { border-left:10px solid #b95d1b; right:-10px; } .left:hover .timeDate { margin-left:15px; } .right:hover .timeDate { margin-right:15px; } */ /*******Pagination*******/ .pagingWrapper { margin-top:20px; background:#EDEDEE; border-radius:3px; border-bottom:1px solid #c9c9c9; padding:10px} .pagingCount { color:#333; float:left; width:265px; margin-right:-265px; position:relative; z-index:2; text-align:left; } .pagingNo { float:left; padding-left:200px; width:100%; position:relative; z-index:1 } .pagingNo > ul { list-style:none; margin:0;float:right; color:#333; } .pagingNo li { float:left; height:22px; margin:0 5px; text-align:center; } .pagingNo li.btnInside { margin:0 } .pagingWrapper input, .pagingWrapper span { font-size:13px; font-weight:normal !important; display:inline-block; height:22px; line-height:22px; } .pagingWrapper .btnInside input { background:#fff; border-radius:0; margin:0 5px; border-radius:2px; } .pagingWrapper li.btnInside>input:hover { background:#e9e9e9 } .pagingWrapper .btnInside span input:hover { background:#003366; color:#fff; } .pagingWrapper .btnInside .pageNo { padding:0; color:#333; border:none; width:22px; height:22px; } .pagingWrapper .btnInside input.aspNetDisabled.pageNo { background:#9f9f9f; color:#fff; font-weight:bold !important } /*Photo Gallery*/ .pagingbar { background:#dedede; border-bottom:1px solid #bbb; padding:10px 15px 8px; margin-bottom:20px; } .records { float:left; } .records .txt { margin-top:3px; } .records .txt, .records select { float:left; font-size:0.929em; line-height:1.615em; } .pagingbar select { background:#fff; border:1px solid #bbb; font-size:0.929em; height:26px; min-width:50px; padding:0; width:auto; } .records select { margin-left:8px; } .pagingbar .goBtn { font-size: 1em; margin-left: 5px; padding: 1px 3px; } /*.records .goBtn{background:#4e6d11; border-radius:3px; color:#fff; font-size:0.929em; line-height:1.231em; margin-left:7px; padding:3px 5px 1px; vertical-align:middle;}*/ .records.go { float:right; } .photoGallery .paging { float:none; line-height:normal; padding:0 136px 0 180px; text-align:center; } .photoGallery .paging input.prevBtn { background:url(../../images/prev-btn.png) no-repeat center center; border:medium none; height:26px; text-indent:-999em; width:24px; } .photoGallery .paging input { cursor:pointer; display:inline-block; padding:0 5px; vertical-align:middle; border:none; border-radius:0; font-size:12px } .photoGallery table, .videoGallery table, .advancedSearch table { border:medium none; margin:0; width:auto; } .photoGallery .pagingNo { color:#111; cursor:pointer; display:inline-block; padding:0 5px; vertical-align:middle; float:none } .photoGallery .paging table tr td { background:none; } .photoGallery table td, .videoGallery table td, .advancedSearch table td { background:none; border:medium none; padding:0; } .photoGallery .paging input.nextBtn { background:url(../../images/next-btn.png) no-repeat center center; border:medium none; height:26px; text-indent:-999em; width:24px; } .wob .photoGallery .paging input.nextBtn { background-image:url(../../images/dark/next-btn.png); background-position:3px 2px} .wob .photoGallery .paging input.prevBtn { background-image:url(../../images/dark/prev-btn.png) ; background-position:3px 2px} .gallery { list-style-type: none; margin: 20px 0; padding: 0; } .gallery li { float: left; margin: 0 0 15px; padding: 0 10px; position: relative; width:25%; } .gallery li .img { border: 1px solid #d7d7d7; padding: 5px; text-align:center } .gallery li .imgInner { display: block; overflow: hidden; text-align: center; } .gallery li .img input[type="image"], .gallery li .img .bord a > img, .gallery .imgThumb > img { max-height: 160px; max-width: none; min-height: 160px; width: auto; } .gallery li h3 { font-size: 1em; margin: 0; padding: 5px 0; text-align: center; } .gallery li h3 a { display: inline-block; min-height: 58px; text-decoration: none; } .gallery li .img .bord { overflow: hidden; position: relative; text-align: center; } .zoom { background: #111; color: #fff; height: 100%; left: 0; opacity: 0; padding-top: 80px; position: absolute; text-align: center; top: 0; transition: opacity 0.4s ease 0s; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; width: 100%; } .zoom:hover, .gallery li:hover .zoom { opacity: 0.7; transition: opacity 0.4s ease 0s; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; } .gallery li:hover .imgZoom { opacity: 1; } .gallery li .imgZoom { left: 50%; margin: -25px 0 0 -10px; opacity: 0; position: absolute; top: 42%; height:24px; width:24px; } .gallery li .imgZoom img { height:24px; width:24px; min-height:inherit; } .gallery li .img .bord:hover + .imgZoom { opacity: 1; } /*********Faq Listing*********/ .faqListing .lbl { height: 30px; line-height: 30px; position: relative; text-align: center; width: 30px; float:left; font-weight:bold; } .faqListing .lbl:after { content:''; height: 10px; left: 22px; position: absolute; text-indent: -9999px; top: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -o-transform:rotate(45deg); width: 10px; z-index: 1; } .faqQue .lbl, .faqQue .lbl:after { background-color: #344168; color: #ffffff; } .faqAns .lbl, .faqAns .lbl:after { background-color: #cdcdcd; color: #444444; } .faqListing .faqDetails { float:left; margin-left:-30px; padding-left:45px; width:100%; } .faqQue, .faqAns { clear:both; display:table; } .faqQue { margin-bottom:10px; } .faqQue .faqDetails { font-size:16px; color:#344168; font-weight:600; } .queAns { background:#f1f1f1; margin-bottom: 20px; padding: 15px; padding-bottom:5px; box-shadow:5px 5px 0px -1px #eae9e9 } .faqListing p, .faqListing ul { margin-bottom:10px; } /*************Social Sharing*************/ .addtoAny { position:fixed; left:0; top:150px; width:32px; } .addthis_toolbox > a { float:none !important; padding:0 !important; margin:0 !important; transition:300ms all; -webkit-transition:300ms all; -moz-transition:300ms all; -ms-transition:300ms all; -o-transition: 300ms all; display:block; } .addthis_toolbox > a:hover { padding-left:5px !important } .addthis_button_preferred_1 { background-color:#3B5998; } .addthis_button_preferred_2 { background-color:#55ACEE; } .addthis_button_preferred_3 { background-color:#738A8D; } .addthis_button_preferred_4 { background-color:#738A8D; } .addthis_button_compact { background-color:#FC6D4C } .isaBlock {margin-top:20px; min-height:140px; width:100%; background:url(../../images/isa.jpg) no-repeat 0 bottom; background-size:cover; position:relative; } .isaBlock a{ display:block; color:#fff; text-decoration:none; font-size:16px; text-align:center; position:absolute; top:0; bottom:0; width:100%; } .isaBlock strong{ background:rgba(170,43,0,0.8); display:block; padding:12px; position:absolute; bottom:0; width:100%; transition:300ms all; -webkit-transition:300ms all; -ms-transition:300ms all} .isaBlock a:hover strong{ padding:20px 5px;} #accessControl input:focus, .lang input:focus{outline:1px dotted #fff;} .carouselBlock li a:focus, .carouselBlock .owl-item.active li a:focus{outline:1px dotted #000;} .wob .impLinks .carouselBlock li a:focus{outline:1px dotted #ff0;}