1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8" /> 5<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 6<meta name="MobileOptimized" content="width" /> 7<meta name="HandheldFriendly" content="true" /> 8<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9<link rel="icon" href="/sites/default/files/logo_0.png" type="image/png" /> 10<link rel="canonical" href="https://rnd.iitb.ac.in/search_for_expertise" /> 11<link rel="shortlink" href="https://rnd.iitb.ac.in/node/8" /> 12 13 <title>Search For Expertise | IITBombay</title> 14 <link rel="preload" as="font" href="/themes/tarapro/fonts/open-sans.woff2" type="font/woff2" crossorigin> 15 <link rel="preload" as="font" href="/themes/tarapro/fonts/roboto.woff2" type="font/woff2" crossorigin> 16 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Ggm5fpyUZoHKKFb24N42B6uNedydRBkdqULEG0CEoKw.css?delta=0&language=en&theme=tarapro&include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs" /> 17<link rel="stylesheet" media="all" href="/sites/default/files/css/css_TC0Xv2DKUPeIEOkznp-8EmAZaqsZFRmtm1pehQgcSPo.css?delta=1&language=en&theme=tarapro&include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs" /> 18 19
19<script src="/sites/default/files/js/js_j6OVrroKvHlAPEB6LreWaLCZwJznqLtCi-gydy6ssSQ.js?scope=header&delta=0&language=en&theme=tarapro&include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs"></script>
19 20 21 <link rel="preconnect" href="//fonts.googleapis.com"> 22<link rel="preconnect" href="//fonts.gstatic.com" crossorigin> 23<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:ital,wght@1,900&display=swap" rel="stylesheet"> 24 25 26 27 28<link rel="preconnect" href="https://fonts.googleapis.com"> 29<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 30<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&family=Roboto+Condensed:wght@700&family=Roboto:ital,wght@1,900&display=swap" rel="stylesheet"> 31 32 33 34 35 36 37 38 39 40 41 42 <style> 43 :root { 44 --bg-body: #f9f6f3; 45 --color-primary: #4a230d; 46 --color-primary-light: #f2e8dd; 47 --color-secondary: #a7bd43; 48 --dark: #323d47; 49 --light: #e5e2dc; 50 --border: #dbdbd3; 51 --text-color: #4a4a4a; 52 --bold-color: #222222; 53 } 54 .header { 55 background-color: #ffffff; 56 } 57</style><style> 58/*Mobile menu gets hidden because it was getting displayed twice*/ 59.mobile-menu .fa-bars { 60 display: none; 61} 62 63 64 65 66.custom-slider-container { 67 width: 100%; 68 overflow: hidden; 69 position: relative; 70} 71 72.custom-slider { 73 display: flex; 74 flex-wrap: nowrap; 75 scroll-snap-type: x mandatory; 76 scroll-behavior: smooth; 77 -webkit-overflow-scrolling: touch; 78 width: 100%; 79 animation: slide 210s infinite; /* Total time = 7 slides à 50s each */ 80} 81 82/* Set each slider item to fill 100% of the container width */ 83.custom-slider-item { 84 min-width: 100%; 85 scroll-snap-align: start; 86 position: relative; 87 text-align: center; 88} 89 90/* Keyframe for 50 seconds per slide (7 slides in total) */ 91@keyframes slide { 92 0% { transform: translateX(0%); } 93 14.28% { transform: translateX(-100%); } 94 28.56% { transform: translateX(-200%); } 95 42.84% { transform: translateX(-300%); } 96 57.12% { transform: translateX(-400%); } 97 71.40% { transform: translateX(-500%); } 98 85.68% { transform: translateX(-600%); } 99 100% { transform: translateX(0%); } 100} 101 102/* Remove smooth transition */ 103.custom-slider-item { 104 transition: none; 105} 106 107/* Style for images */ 108.custom-slider-img img { 109 width: 100%; 110 height: auto; 111 display: block; 112} 113 114/* Text container for overlay */ 115.custom-slider-text-container { 116 position: absolute; 117 bottom: 10%; 118 left: 50%; 119 transform: translateX(-50%); 120 background: rgba(0, 0, 0, 0.6); 121 padding: 10px; 122 color: white; 123 text-align: center; 124 width: 80%; 125 border-radius: 5px; 126} 127 128.custom-slider-text h3, .custom-slider-text h4, .custom-slider-text p { 129 margin: 5px 0; 130} 131 132/* Button style */ 133.custom-button { 134 display: inline-block; 135 background-color: #ff9800; 136 color: white; 137 padding: 8px 16px; 138 text-decoration: none; 139 border-radius: 4px; 140 font-weight: bold; 141 margin-top: 5px; 142} 143 144.custom-button:hover { 145 background-color: #e68900; 146} 147 148/* Mobile Responsiveness */ 149@media screen and (max-width: 768px) { 150 .custom-slider-text-container { 151 width: 90%; 152 font-size: 14px; 153 padding: 8px; 154 } 155 156 .custom-button { 157 font-size: 12px; 158 padding: 6px 12px; 159 } 160 161 .custom-slider-text h3, .custom-slider-text h4 { 162 font-size: 16px; 163 } 164} 165 166 167/*end*/ 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189/*The below code is for patents-new section of table. It changes color to black after hover*/ 190.my-custom-view a { 191 color: #0073e6; /* Initial color */ 192} 193 194.my-custom-view a:hover { 195 color: #000000; /* Color changes to black on hover */ 196 text-decoration: underline; /* Optional: add underline on hover */ 197} 198 199 200 201/*The following code is for the category buttons of the new patent page*/ 202 .themes-patent-container { 203 display: flex; 204 flex-wrap: wrap; 205 gap: 1rem; 206 justify-content: center; 207 } 208 209 .themes-patent-block { 210 display: inline-flex;
211 align-items: center; 212 justify-content: center; 213 text-align: center; 214 background-color: #4A230D; 215 color: white; 216 width: 19%; 217 padding: 1rem; 218 border-radius: 8px; 219 transition: transform 0.3s, background-color 0.3s; 220 cursor: pointer; 221 text-decoration: none; 222 } 223 224 .themes-patent-block:hover { 225 transform: scale(1.05); 226 background-color: #4A230D; 227 } 228 229 /* Responsive adjustments */ 230 @media (max-width: 768px) { 231 .themes-patent-block { 232 width: 45%; 233 } 234 } 235 236 @media (max-width: 480px) { 237 .themes-patent-block { 238 width: 100%; 239 } 240 } 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276/*IP Image to display at centre and fully*/ 277.field--name-field-patent-image { 278 display: flex; 279 flex-wrap: wrap; /* Allows images to wrap */ 280 gap: 10px; /* Adds space between images */ 281 justify-content: space-between; /* Spaces out two images evenly */ 282 background-color: #909090; /* Grey background for the layout */ 283 padding: 10px; /* Adds padding around the images */ 284 align-items: center; /* Vertically center images */ 285 text-align: center; /* Centers image horizontally */ 286} 287 288.field--name-field-patent-image .field-item { 289 flex: 1 1 100%; /* Full width for one image */ 290 max-width: 100%; /* Ensures max-width is 100% */ 291} 292 293.field--name-field-patent-image .field-item img.image-field { 294 width: 100%; /* Image fills the container width */ 295 height: auto; /* Keeps image proportional */ 296 object-fit: contain; /* Ensures no cropping */ 297 border: 1px solid #ccc; /* Optional border */ 298 background-color: #fff; /* Optional background */ 299} 300 301/* Two images sharing the width */ 302.field--name-field-patent-image .field-item:nth-child(1), 303.field--name-field-patent-image .field-item:nth-child(2) { 304 flex: 1 1 calc(50% - 10px); /* 50% width with gap */ 305 max-width: calc(50% - 10px); 306} 307 308/* Mobile responsiveness */ 309@media (max-width: 768px) { 310 .field--name-field-patent-image .field-item { 311 flex: 1 1 calc(50% - 10px); /* Half width for medium screens */ 312 max-width: calc(50% - 10px); 313 } 314} 315 316@media (max-width: 480px) { 317 .field--name-field-patent-image .field-item { 318 flex: 1 1 100%; /* Full width for small screens */ 319 max-width: 100%; 320 } 321} 322 323.field--name-field-patent-image .field-item:only-child { 324 flex: 1 1 100%; /* Full width for single image */ 325 display: flex; 326 justify-content: center; /* Horizontally center the image */ 327 align-items: center; /* Vertically center the image */ 328} 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352/* taxonomy terms to display vertically*/ 353.taxonomy-terms { 354 display: block; 355 list-style-type: none; 356 padding: 0; 357 margin: 0; 358} 359 360.taxonomy-terms li { 361 margin-bottom: 10px; /* Adjust the spacing between items if needed */ 362 display: block; 363} 364 365 366 367 368 369 370 371 372 373.field--name-field-patent-image-caption- { 374 display: flex; 375 justify-content: left; 376 font-size: 0.9em; /* Adjust the font size as needed */ 377 margin: 10px 0; /* Optional: vertical spacing */ 378 color: #555; /* Optional: text color */ 379} 380 381 382 383 384 385 386 387 388 389 390 391 392/*TechConnect About Us page*/ 393/* General styles for the body */ 394body.techconnect-page { 395 font-family: 'Arial', sans-serif; 396 background-color: #f4f4f4; 397 color: #333; 398 margin: 0; 399 padding: 0; 400 overflow-x: hidden; 401} 402 403/* Keyframes for header background animation */ 404@keyframes animateBG { 405 100% { 406 top: 100%; 407 left: 100%; 408 } 409} 410 411 412 413 414/* Section titles */ 415.techconnect-section-title { 416 color: #4A230D; 417 font-size: 2em; 418 margin-bottom: 20px; 419 position: relative; 420 animation: fadeIn 1.5s ease-in-out; 421} 422 423/* Fade-in animation for section titles */ 424@keyframes fadeIn { 425 0% { 426 opacity: 0; 427 transform: translateY(20px); 428 } 429 100% { 430 opacity: 1;
431 transform: translateY(0); 432 } 433} 434 435/* Paragraph styles */ 436.techconnect-content p { 437 max-width: 900px; 438 margin: 0 auto; 439 line-height: 1.7; 440 text-align: justify; 441 animation: slideIn 1.5s ease; 442} 443 444/* Slide-in animation for content */ 445@keyframes slideIn { 446 0% { 447 opacity: 0; 448 transform: translateX(-50px); 449 } 450 100% { 451 opacity: 1; 452 transform: translateX(0); 453 } 454} 455 456/* General section padding */ 457.techconnect-section { 458 padding: 50px 20px; 459} 460 461/* Alternating background colors */ 462.techconnect-section:nth-child(even) { 463 background-color: #eaeaea; 464} 465 466/* Lists */ 467.techconnect-list { 468 max-width: 900px; 469 margin: 0 auto; 470 text-align: left; 471 font-size: 1.2em; 472 line-height: 1.3; 473} 474 475.techconnect-list li { 476 margin-bottom: 10px; 477 opacity: 0; 478 animation: fadeInUp 1s forwards; 479} 480 481.techconnect-list li:nth-child(odd) { 482 animation-delay: 0.2s; 483} 484 485.techconnect-list li:nth-child(even) { 486 animation-delay: 0.4s; 487} 488 489/* Fade-in up animation for list items */ 490@keyframes fadeInUp { 491 0% { 492 opacity: 0; 493 transform: translateY(20px); 494 } 495 100% { 496 opacity: 1; 497 transform: translateY(0); 498 } 499} 500 501/* Footer styles */ 502.techconnect-footer { 503 background-color: #333; 504 color: white; 505 text-align: center; 506 padding: 50px 20px; 507} 508 509/* Button pulse effect */ 510@keyframes pulse { 511 0% { 512 transform: scale(1); 513 } 514 50% { 515 transform: scale(1.1); 516 } 517 100% { 518 transform: scale(1); 519 } 520} 521 522/* Responsive design for mobile screens */ 523@media (max-width: 768px) { 524 .techconnect-header h1 { 525 font-size: 2.5em; 526 } 527 528 .techconnect-header p { 529 font-size: 1.2em; 530 } 531 532 .techconnect-section-title { 533 font-size: 2em; 534 } 535 536 .techconnect-content p, 537 .techconnect-list { 538 font-size: 1em; 539 } 540 541 .techconnect-button { 542 padding: 10px 20px; 543 } 544} 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571/*TechConnect Menu*/ 572.dropbtn { 573 background-color: #4A230D; 574 color: white; 575 padding: 16px; 576 font-size: 16px; 577 border: none; 578 cursor: pointer; 579} 580 581.dropbtn:hover { 582 background-color: #4A230D; 583} 584 585.dropdown { 586 position: relative; 587 display: inline-block; 588} 589 590.dropdown-content { 591 display: none; 592 position: absolute; 593 background-color: #f1f1f1; 594 min-width: 160px; 595 overflow: auto; 596 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 597 z-index: 1; 598} 599 600.dropdown:hover .dropdown-content { 601 display: block; 602} 603 604.dropdown-content a { 605 color: black; 606 padding: 12px 16px; 607 text-decoration: none; 608 display: block; 609} 610 611.dropdown-content a:hover { 612 background-color: #ddd; 613} 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643/*Staff Old page profile of staff*/ 644.hover1-container img { 645 width: 200px; /* Set a fixed width for all images */ 646 height: 250px; /* Set a fixed height for all images */ 647 object-fit: cover; /* Ensures the image fits the size without distortion */ 648 display: block; /* Ensures the image is a block element */ 649 margin: 0 auto; /* Centers the image horizontally */ 650} 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665/*patent image caption*/ 666.field--name-field-patent-image-caption- { 667 text-align: center; 668 font-size: 0.9em; /* Adjust the font size as needed */ 669 margin: 10px 0; /* Add vertical spacing if necessary */ 670 671} 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698/* Hide the field container if it's empty */ 699.field--name-field-patent-image:empty { 700 display: none; 701} 702 703 704 705.sliding-sidebar-container { 706 position: fixed; 707 top: 0; 708 width: 18%; 709 max-width: 400px; 710 height: 100%; 711 padding: 16px 20px; 712 background: #F2E8DD; 713 color: #000; 714 715 -webkit-transition: -webkit-transform 0.4s 0s; 716 transition: -webkit-transform 0.4s 0s; 717 transition: transform 0.4s 0s; 718 transition: transform 0.4s 0s,-webkit-transform 0.4s 0s; 719} 720 721.mydiv{ 722 723background-image: url('/Tarapro-Drupal-Theme/Tarapro-Drupal-Theme/TaraPro For Drupal 9 and 10/tarapro/images/background.jpg');
724font-weight:500; 725 726} 727 728 729.grow img{ 730transition: 1s ease; 731} 732 733.grow img:hover{ 734-webkit-transform: scale(1.5); 735-ms-transform: scale(1.5); 736transform: scale(1.5); 737transition: 1s ease; 738} 739 740 741.rotate img{ 742transition: 1s ease; 743} 744 745.rotate img:hover{ 746-webkit-transform: rotateZ(-10deg); 747-ms-transform: rotateZ(-10deg); 748transform: rotateZ(-10deg); 749transition: 1s ease; 750} 751 752 753 754 755 756/*brochure block styling starts*/ 757h1{ 758 font-size:25px; 759 text-align: left; 760 text-transform:capitalize; 761 } 762 .service-box{ 763 position: relative; 764 overflow: hidden; 765 margin-bottom:10px; 766 perspective:1000px; 767 -webkit-perspective:1000px; 768 } 769 .service-icon{ 770 width: 100%; 771 height: 220px; 772 padding: 20px; 773 text-align: center; 774 transition: all .5s ease; 775 } 776 777 .service-content{ 778 position: absolute; 779 top: 0; 780 left: 0; 781 z-index: 1; 782 opacity: 0; 783 width: 100%; 784 height: 220px; 785 padding: 20px; 786 text-align: center; 787 transition: all .5s ease; 788 background-color: #474747; 789 backface-visibility:hidden; 790 transform-style: preserve-3d; 791 -webkit-transform: translateY(110px) rotateX(-90deg); 792 -moz-transform: translateY(110px) rotateX(-90deg); 793 -ms-transform: translateY(110px) rotateX(-90deg); 794 -o-transform: translateY(110px) rotateX(-90deg); 795 transform: translateY(110px) rotateX(-90deg); 796 } 797 .service-box .service-icon .front-content{ 798 position: relative; 799 top:80px; 800 -webkit-transform: translateY(-50%); 801 -moz-transform: translateY(-50%); 802 -ms-transform: translateY(-50%); 803 -o-transform: translateY(-50%); 804 transform: translateY(-50%); 805 } 806 807 .service-box .service-icon .front-content i { 808 font-size: 28px; 809 color: #fff; 810 font-weight: normal; 811 } 812 813 .service-box .service-icon .front-content h3 { 814 font-size: 25px; 815 color: #fff; 816 text-align: center; 817 margin-bottom: 15px; 818 text-transform: uppercase; 819 } 820 .service-box .service-content h3 { 821 font-size: 25px; 822 font-weight: 700; 823 color: #fff; 824 margin-bottom:10px; 825 text-transform: uppercase; 826 } 827 .service-box .service-content p { 828 font-size: 13px; 829 color: #b1b1b1; 830 margin:0; 831 } 832 .yellow{background-color: #ffc000;} 833 .orange{background-color: #fc7f0c;} 834 .red{background-color: #e84b3a;} 835 .grey{background-color: #474747;} 836 .service-box:hover .service-icon{ 837 opacity: 0; 838 -webkit-transform: translateY(-110px) rotateX(90deg); 839 -moz-transform: translateY(-110px) rotateX(90deg); 840 -ms-transform: translateY(-110px) rotateX(90deg); 841 -o-transform: translateY(-110px) rotateX(90deg); 842 transform: translateY(-110px) rotateX(90deg); 843 } 844 .service-box:hover .service-content { 845 opacity: 1; 846 -webkit-transform: rotateX(0); 847 -moz-transform: rotateX(0); 848 -ms-transform: rotateX(0); 849 -o-transform: rotateX(0); 850 transform: rotateX(0); 851 } 852/*brochure block styling ends*/ 853 854 855 856 857*{ 858 margin: 0; 859 padding: 0; 860 -webkit-box-sizing: border-box; 861 box-sizing: border-box; 862} 863 864h5{ 865 font-family: 'Montserrat'; 866 font-weight: normal; 867 color: #444; 868 text-align: center; 869 margin: 2rem 0; 870} 871 872.wrapper{ 873 width: 90%; 874 margin: 0 auto; 875 max-width: 80rem; 876} 877 878.cols{ 879 display: -webkit-box; 880 display: -ms-flexbox; 881 display: flex; 882 -ms-flex-wrap: wrap; 883 flex-wrap: wrap; 884 -webkit-box-pack: center; 885 -ms-flex-pack: center; 886 justify-content: center; 887} 888 889.col{ 890 width: calc(25% - 2rem); 891 margin: 1rem; 892 cursor: pointer; 893} 894 895.container{ 896 -webkit-transform-style: preserve-3d; 897 transform-style: preserve-3d; 898 -webkit-perspective: 1000px; 899 perspective: 1000px; 900} 901 902.front, 903.back{ 904 background-size: cover; 905 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25); 906 border-radius: 10px; 907 background-position: center; 908 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 909 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
910 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 911 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 912 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 913 -webkit-backface-visibility: hidden; 914 backface-visibility: hidden; 915 text-align: center; 916 min-height: 280px; 917 height: auto; 918 border-radius: 10px; 919 color: #fff; 920 font-size: 1.5rem; 921} 922 923.back{ 924 background: #cedce7; 925 background: -webkit-linear-gradient(45deg, #cedce7 0%,#596a72 100%); 926 background: -o-linear-gradient(45deg, #cedce7 0%,#596a72 100%); 927 background: linear-gradient(45deg, #cedce7 0%,#596a72 100%); 928} 929 930.front:after{ 931 position: absolute; 932 top: 0; 933 left: 0; 934 z-index: 1; 935 width: 100%; 936 height: 100%; 937 content: ''; 938 display: block; 939 opacity: .6; 940 background-color: #000; 941 -webkit-backface-visibility: hidden; 942 backface-visibility: hidden; 943 border-radius: 10px; 944} 945.container:hover .front, 946.container:hover .back{ 947 -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 948 transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 949 -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 950 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 951 transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); 952} 953 954.back{ 955 position: absolute; 956 top: 0; 957 left: 0; 958 width: 100%; 959} 960 961.inner{ 962 -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); 963 transform: translateY(-50%) translateZ(60px) scale(0.94); 964 top: 50%; 965 position: absolute; 966 left: 0; 967 width: 100%; 968 padding: 1rem; 969 -webkit-box-sizing: border-box; 970 box-sizing: border-box; 971 outline: 1px solid transparent; 972 -webkit-perspective: inherit; 973 perspective: inherit; 974 z-index: 2; 975} 976 977.container .back{ 978 -webkit-transform: rotateY(180deg); 979 transform: rotateY(180deg); 980 -webkit-transform-style: preserve-3d; 981 transform-style: preserve-3d; 982} 983 984.container .front{ 985 -webkit-transform: rotateY(0deg); 986 transform: rotateY(0deg); 987 -webkit-transform-style: preserve-3d; 988 transform-style: preserve-3d; 989} 990 991.container:hover .back{ 992 -webkit-transform: rotateY(0deg); 993 transform: rotateY(0deg); 994 -webkit-transform-style: preserve-3d; 995 transform-style: preserve-3d; 996} 997 998.container:hover .front{ 999 -webkit-transform: rotateY(-180deg); 1000 transform: rotateY(-180deg); 1001 -webkit-transform-style: preserve-3d; 1002 transform-style: preserve-3d; 1003} 1004 1005.front .inner p{ 1006 font-size: 1rem; 1007 margin-bottom: 2rem; 1008 position: relative; 1009} 1010 1011.front .inner p:after{ 1012 content: ''; 1013 width: 2rem; 1014 height: 1px; 1015 position: absolute; 1016 background: #C6D4DF; 1017 display: block; 1018 left: 0; 1019 right: 0; 1020 margin: 0 auto; 1021 bottom: -.75rem; 1022} 1023 1024.front .inner span{ 1025 color: rgba(255,255,255,0.7); 1026 font-family: 'Montserrat'; 1027 font-weight: 200; 1028} 1029 1030@media screen and (max-width: 64rem){ 1031 .col{ 1032 width: calc(33.333333% - 2rem); 1033 } 1034} 1035 1036@media screen and (max-width: 48rem){ 1037 .col{ 1038 width: calc(50% - 2rem); 1039 } 1040} 1041 1042@media screen and (max-width: 32rem){ 1043 .col{ 1044 width: 100%; 1045 margin: 0 0 2rem 0; 1046 } 1047} 1048 1049 1050 1051/* Hover for ibis*/ 1052.hover-1 { 1053 --c: #1095c1; /* the color */ 1054 --s: .15em; 1055 1056 line-height:1.1em; 1057 padding-bottom: calc(2.1*var(--s)); 1058 background: 1059 conic-gradient(from 135deg at top,var(--c) 90deg,#0000 0) 1060 left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x, 1061 conic-gradient(from -45deg at bottom,var(--c) 90deg,#0000 0) 1062 left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x; 1063 -webkit-mask: 1064 linear-gradient(#000 0 0) content-box, 1065 linear-gradient(#000 0 0) 0/var(--_p,0%) padding-box no-repeat; 1066 transition: .5s; 1067} 1068.hover-1:hover { 1069 --_p: 100%; 1070 color: var(--c); 1071} 1072 1073 1074 1075 1076 1077/*test*/ 1078/* Globals */ 1079 1080 1081/* Utilities */ 1082.auto-grid { 1083 display: grid; 1084 grid-template-columns: repeat( 1085 auto-fill, 1086 minmax(var(--auto-grid-min-size, 14rem), 1fr) 1087 ); 1088 grid-gap: var(--auto-grid-gap, 0); 1089 padding: 0; 1090} 1091 1092.flow > * + * { 1093 margin-top: var(--flow-space, 1em); 1094} 1095 1096/* Composition */ 1097.team { 1098 --flow-space: 2em; 1099} 1100 1101/* Blocks */ 1102.profile { 1103 display: flex; 1104 flex-direction: column; 1105 justify-content: flex-end; 1106 aspect-ratio: 1/1; 1107 position: relative; 1108 padding: 1.5rem; 1109 color: #ffffff; 1110 backface-visibility: hidden; 1111 text-decoration: none; 1112 overflow: hidden; 1113} 1114 1115.profile::before, 1116.profile::after { 1117 content: ""; 1118 width: 100%; 1119 height: 100%; 1120 position: absolute; 1121 /*inset: 0;*/ 1122 top: 0; 1123 left: 0; 1124} 1125 1126.profile::before { 1127 background: linear-gradient( 1128 to top, 1129 hsl(0 0% 0% / 0.79) 0%, 1130 hsl(0 0% 0% / 0.787) 7.8%, 1131 hsl(0 0% 0% / 0.779) 14.4%, 1132 hsl(0 0% 0% / 0.765) 20.2%, 1133 hsl(0 0% 0% / 0.744) 25.3%, 1134 hsl(0 0% 0% / 0.717) 29.9%, 1135 hsl(0 0% 0% / 0.683) 34.3%, 1136 hsl(0 0% 0% / 0.641) 38.7%, 1137 hsl(0 0% 0% / 0.592) 43.3%, 1138 hsl(0 0% 0% / 0.534) 48.4%, 1139 hsl(0 0% 0% / 0.468) 54.1%, 1140 hsl(0 0% 0% / 0.393) 60.6%, 1141 hsl(0 0% 0% / 0.31) 68.3%, 1142 hsl(0 0% 0% / 0.216) 77.3%, 1143 hsl(0 0% 0% / 0.113) 87.7%, 1144 hsl(0 0% 0% / 0) 100% 1145 ); 1146 transition: 300ms opacity linear; 1147} 1148 1149.profile::after { 1150 background: linear-gradient( 1151 45deg, 1152 hsl(5 97% 63% / 0.7) 0, 1153 hsl(5 97% 63% / 0) 100% 1154 ); 1155 opacity: 0; 1156 transition: 300ms opacity linear; 1157} 1158 1159.profile > * { 1160 z-index: 1; 1161} 1162 1163.profile img { 1164 width: 100%; 1165 height: 100%; 1166 position: absolute; 1167 top: 0; 1168 left: 0; 1169 margin: 0; 1170 z-index: -1; 1171 object-fit: cover; 1172 filter: grayscale(1);
1173 transition: filter 200ms ease, transform 250ms linear; 1174} 1175 1176.profile h2, 1177.profile p { 1178 transform: translateY(2ex); 1179} 1180 1181.profile h2 { 1182 font-size: 1.7rem; 1183 line-height: 1.2; 1184 font-weight: 900; 1185 letter-spacing: 0.03ch; 1186 transition: 300ms transform ease; 1187} 1188 1189.profile p { 1190 font-size: 1.2rem; 1191 font-weight: 500; 1192} 1193 1194.profile p { 1195 opacity: 0; 1196 transition: 300ms opacity linear, 300ms transform ease-in-out; 1197} 1198 1199.profile:focus { 1200 outline: 0.5rem solid white; 1201 outline-offset: -0.5rem; 1202} 1203 1204.profile:hover :is(h2, p), 1205.profile:focus :is(h2, p) { 1206 transform: none; 1207} 1208 1209.profile:hover::after, 1210.profile:focus::after, 1211.profile:hover::before, 1212.profile:focus::before { 1213 opacity: 0.7; 1214} 1215 1216.profile:hover p, 1217.profile:focus p { 1218 opacity: 1; 1219 transition-delay: 200ms; 1220} 1221 1222.profile:hover img, 1223.profile:focus img { 1224 filter: grayscale(0); 1225 transform: scale(1.05) rotate(1deg); 1226} 1227 1228 1229 1230 1231 1232 1233 1234 1235/*check*/ 1236.cardtest { 1237 background-color: var(--background); 1238 display: block; 1239 width: 300px; 1240 min-height: 20px; 1241 border: 3px solid var(--primary); 1242 margin: calc(50vh - 250px) auto 0 auto; 1243 box-shadow: 10px -10px 0 -3px var(--background), 10px -10px var(--green), 1244 20px -20px 0 -3px var(--background), 20px -20px var(--yellow), 1245 30px -30px 0 -3px var(--background), 30px -30px var(--orange), 1246 40px -40px 0 -3px var(--background), 40px -40px var(--red); 1247 transition: box-shadow 1s, top 1s, left 1s; 1248 position: relative; 1249 top: 0; 1250 left: 0; 1251 cursor: pointer; 1252} 1253 1254.cardtest:hover { 1255 top: -40px; 1256 left: 40px; 1257 box-shadow: 0 0 0 -3px var(--background), 0 0 0 0 var(--green), 1258 0 0 0 -3px var(--background), 0 0 0 0 var(--yellow), 1259 0 0 0 -3px var(--background), 0 0 0 0 var(--orange), 1260 0 0 0 -3px var(--background), 0 0 0 0 var(--red); 1261} 1262 1263 1264:root { 1265 --primary: #555BFF; 1266 --secondary: #22D2A0; 1267 --background: white; 1268 --green: #1FC11B; 1269 --yellow: #FFD913; 1270 --orange: #FF9C55; 1271 --red: #FF5555; 1272} 1273 1274 1275 1276 1277/*our team*/ 1278.our-team{ 1279Â Â Â Â position: relative; 1280Â Â Â Â overflow: hidden; 1281} 1282.our-team img{ 1283Â Â Â Â width: 100%; 1284Â Â Â Â height: auto; 1285Â Â Â Â transform: scale(1.2,1.2) translateX(-25px); 1286Â Â Â Â transition: all 0.20s linear 0s; 1287} 1288.our-team:hover img{ 1289Â Â Â Â transform: scale(1.2,1.2) translateX(0); 1290} 1291.our-team .over-layer{ 1292Â Â Â Â width: 100%; 1293Â Â Â Â height: 100%; 1294Â Â Â Â background: rgba(0,0,0,0.6); 1295Â Â Â Â position: absolute; 1296Â Â Â Â top: 0; 1297Â Â Â Â left: 0; 1298} 1299.our-team .team-content{ 1300Â Â Â Â width: 90%; 1301Â Â Â Â position: absolute; 1302Â Â Â Â bottom: -40px; 1303Â Â Â Â padding: 0 25px; 1304Â Â Â Â transition: all 0.40s ease 0s; 1305} 1306.our-team:hover .team-content{ 1307Â Â Â Â bottom: 1%; 1308} 1309.our-team .title{ 1310Â Â Â Â font-size: 20px; 1311Â Â Â Â font-weight: bold; 1312Â Â Â Â color: #fff; 1313Â Â Â Â margin: 20px 0 5px; 1314Â Â Â Â text-transform: uppercase; 1315} 1316.our-team .post{ 1317Â Â Â Â display: block; 1318Â Â Â Â font-size: 17px; 1319Â Â Â Â color: #fff; 1320Â Â Â Â margin-bottom: 5px; 1321Â Â Â Â text-transform: capitalize; 1322} 1323.our-team .description{ 1324Â Â Â Â font-size: 15px; 1325Â Â Â Â color: #fff; 1326Â Â Â Â transform: translateY(100%); 1327Â Â Â Â transition: all 0.30s ease 0.1s; 1328} 1329.our-team:hover .description{ 1330Â Â Â Â transform: translateY(0); 1331} 1332.our-team .social-links{ 1333Â Â Â Â margin: 0; 1334Â Â Â Â padding: 0; 1335Â Â Â Â list-style: none; 1336Â Â Â Â width: 10%; 1337Â Â Â Â height: 100%; 1338Â Â Â Â background: #30a5ab; 1339Â Â Â Â text-align: center; 1340Â Â Â Â position: absolute; 1341Â Â Â Â top: 0; 1342Â Â Â Â right: 0; 1343} 1344.our-team .social-links li{ 1345Â Â Â Â margin: 20px 0; 1346} 1347.our-team .social-links li a{ 1348Â Â Â Â color: #fff; 1349Â Â Â Â padding: 10px 0; 1350} 1351.our-team .social-links li a:hover{ 1352Â Â Â Â text-decoration: none; 1353} 1354@media only screen and (max-width: 990px){ 1355Â Â Â Â .our-team{ margin-bottom: 20px; } 1356} 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373/*test2*/ 1374.press-effect { 1375 border: 0; 1376 outline: 0; 1377 color: #EC9706; 1378 padding: 5px; 1379 font-size: 25px; 1380 cursor: pointer; 1381 min-width: 120px; 1382 margin: 15px 5px; 1383 min-height: 80px; 1384 font-weight: 900; 1385 line-height: 30px; 1386 text-align: center; 1387 border-radius: 5px; 1388 text-decoration: none; 1389 background-color: #fff; 1390 font-family: monospace; 1391 border-bottom: 4px solid #d9d9d9; 1392 box-shadow: 0px 5px 10px #333; 1393 -webkit-transition: all 0.3s; 1394 transition: all 0.3s; 1395} 1396 1397.press-effect:active { 1398 box-shadow: 0px 8px 16px #333; 1399 -webkit-transform: scale(0.98); 1400 transform: scale(0.98); 1401} 1402 1403 1404 1405 1406 1407 1408 1409 1410.people{ 1411 box-sizing: border-box; 1412 1413 1414width: 300px; 1415} 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439/*flipping card(flipbook for announcements)*/ 1440.maincard{ 1441 width:300px; 1442 height:400px; 1443 position:absolute; 1444 top:50%; 1445 left:50%; 1446 transform:translate(-50%,-50%)perspective(2000px); 1447 background:#fff; 1448 transform-style:preserve-3d; 1449 box-shadow:inset 300px 0 50px rgba(0,0,0,.5),0 20px 100px rgba(0,0,0,.5); 1450 transition:1s; 1451} 1452.maincard:hover{ 1453 transform:translate(-50%,-50%) perspective(2000px) rotate(-10deg); 1454 box-shadow:inset 20px 0 50px rgba(0,0,0,.5),0 10px 100px rgba(0,0,0,.5); 1455} 1456.maincard:before{ 1457 content:''; 1458 position:absolute; 1459 top:-5px; 1460 left:0; 1461 width:100%; 1462 height:5px; 1463 background:#2196F3; 1464 transform-origin:bottom; 1465 transform:skewX(-45deg) 1466} 1467.maincard:after{ 1468 content:''; 1469 position:absolute; 1470 top:0; 1471 right:-5px; 1472 width:5px; 1473 height:100%; 1474 background:#2196F3; 1475 transform-origin:left; 1476 transform:skewY(-45deg); 1477} 1478.maincard .imgBox img{ 1479 height:100%; 1480 width:100%; 1481} 1482 1483.maincard .imgBox{ 1484 width:100%; 1485 height:100%; 1486 position:relative; 1487 transform-origin:left; 1488 transition:1s cubic-bezier(.15,1.7,.84,.58); 1489} 1490.maincard:hover .imgBox{ 1491 transform:rotateY(-125deg) 1492} 1493.maincard .details{ 1494 position:absolute; 1495 top:0;left:0; 1496 box-sizing:boreder-box; 1497 padding:20px; 1498 z-index:-1; 1499} 1500 1501 1502 1503 1504 1505 1506/*Ip inner blocks*/ 1507 1508 1509.quotes { 1510 width: 80vw; 1511 min-height: 400px; 1512 display: flex; 1513 flex-wrap: wrap; 1514 justify-content: space-between; 1515 z-index: 2; 1516} 1517.quotes .card{
1518width:200px; 1519height:100px; 1520} 1521 1522.quotes .box { 1523 position: relative; 1524 width: 25vw; 1525 height: 50vh; 1526 min-height: 320px; 1527 background: #f2f2f2; 1528 overflow: hidden; 1529 transition: all 0.5s ease-in; 1530 z-index: 2; 1531 box-sizing: border-box; 1532 padding: 30px; 1533 box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3); 1534} 1535 1536.quotes .box::before { 1537 content: '\201C'; 1538 position: absolute; 1539 top: -20px; 1540 left: 5px; 1541 width: 100%; 1542 height: 100%; 1543 font-size: 120px; 1544 opacity: 0.2; 1545 background: transparent; 1546 pointer-events: none; 1547} 1548 1549.quotes .box::after { 1550 content: '\201D'; 1551 position: absolute; 1552 bottom: -10%; 1553 right: 5%; 1554 font-size: 120px; 1555 opacity: 0.2; 1556 background: transparent; 1557 filter: invert(1); 1558 pointer-events: none; 1559} 1560 1561.quotes .box p { 1562 margin: 0; 1563 padding: 10px; 1564 font-size: 1.2rem; 1565} 1566 1567.quotes .box h2 { 1568 position: absolute; 1569 margin: 0; 1570 padding: 0; 1571 bottom: 10%; 1572 right: 10%; 1573 font-size: 1.5rem; 1574} 1575 1576.quotes .box:hover { 1577 color: #f2f2f2; 1578 box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5); 1579} 1580 1581.quotes .bg { 1582 position: absolute; 1583 top: 0; 1584 left: 0; 1585 z-index: 1; 1586 opacity: 0; 1587 transition: all 0.5s ease-in; 1588 pointer-events: none; 1589 width: 100%; 1590 height: 200%; 1591 overflow: hidden; 1592} 1593 1594.quotes .box.box1:hover, 1595.quotes .box.box1:hover~.bg { 1596 opacity: 1; 1597 background: #e2a9e5; 1598background: -moz-linear-gradient(-45deg, #e2a9e5 15%, #2b94e5 100%); 1599background: -webkit-linear-gradient(-45deg, #e2a9e5 15%,#2b94e5 100%); 1600background: linear-gradient(135deg, #e2a9e5 15%,#2b94e5 100%); 1601filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a9e5', endColorstr='#2b94e5',GradientType=1 ); 1602} 1603 1604.quotes .box.box2:hover, 1605.quotes .box.box2:hover~.bg { 1606 opacity: 1; 1607 background: #632c65; 1608background: -moz-linear-gradient(-45deg, #632c65 15%, #56a5e2 100%); 1609background: -webkit-linear-gradient(-45deg, #632c65 15%,#56a5e2 100%); 1610background: linear-gradient(135deg, #632c65 15%,#56a5e2 100%); 1611filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632c65', endColorstr='#56a5e2',GradientType=1 ); 1612} 1613 1614.quotes .box.box3:hover, 1615.quotes .box.box3:hover~.bg { 1616 opacity: 1; 1617 background: #4b384c; 1618background: -moz-linear-gradient(-45deg, #4b384c 15%, #da5de2 100%); 1619background: -webkit-linear-gradient(-45deg, #4b384c 15%,#da5de2 100%); 1620background: linear-gradient(135deg, #4b384c 15%,#da5de2 100%); 1621filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b384c', endColorstr='#da5de2',GradientType=1 ); 1622} 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632/*news ticker for vertical moment*/ 1633/* (A) STANDARD ROW HEIGHT */ 1634.vwrap, .vitem { 1635 height: 500px; /* Increased height */ 1636 line-height: 500px; /* Adjusted line-height for vertical centering */ 1637} 1638 1639/* Fixed Wrapper */ 1640.vwrap { 1641 overflow: hidden; 1642 background: #eee; 1643} 1644 1645/* Ticker Items */ 1646.vitem { text-align: center; } 1647 1648/* Animation - Move Items from Top to Bottom */ 1649.vmove { position: relative; } 1650@keyframes tickerv { 1651 0% { bottom: 0; } 1652 30% { bottom: 500px; } /* Adjusted for new height */ 1653 60% { bottom: 1000px; } 1654 90% { bottom: 1500px; } 1655 100% { bottom: 0; } 1656} 1657 1658.vmove { 1659 animation-name: tickerv; 1660 animation-duration: 10s; 1661 animation-iteration-count: infinite; 1662 animation-timing-function: cubic-bezier(1, 0, .5, 0); 1663} 1664 1665.vmove:hover { animation-play-state: paused; } 1666 1667 1668 1669 1670 1671/*news ticker for horizontal moment*/ 1672/* (A) FIXED WRAPPER */ 1673.hwrap { 1674 overflow: hidden; /* HIDE SCROLL BAR */ 1675 background: #eee; 1676} 1677 1678/* (B) MOVING TICKER WRAPPER */ 1679.hmove { display: flex; } 1680 1681/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */ 1682.hitem { 1683 flex-shrink: 0; 1684 width: 100%; 1685 box-sizing: border-box; 1686 text-align: center; 1687} 1688 1689/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */ 1690/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */ 1691@keyframes tickerh { 1692 0% { transform: translate3d(100%, 0, 0); } 1693 100% { transform: translate3d(-400%, 0, 0); } 1694} 1695.hmove { animation: tickerh linear 25s infinite; } 1696.hmove:hover { animation-play-state: paused; } 1697 1698 1699 1700 1701 1702 1703sliderimg:hover { 1704 opacity: 0.3; 1705} 1706 1707 1708 1709 1710 1711 1712 1713/*people hover*/ 1714.contentpeople { 1715 position :relative; 1716 z-index: 1; 1717 border: 1px solid white; 1718 background-color: grey; 1719 width: 300px; 1720 height: 300px; 1721 margin: auto; 1722 overflow: hidden; 1723} 1724 1725.carte_button { 1726 right: 0px; 1727 position :absolute; 1728 z-index: 3; 1729 border: 1px solid white; 1730 background-color: yellow; 1731 width: 50px; 1732 height: 50px; 1733} 1734 1735.carte { 1736 position :relative; 1737 top: -3px;
1738 z-index: 2; 1739 border-bottom: 2px solid white; 1740 border-top: 2px solid white; 1741 background-color: green; 1742 width: auto; 1743 height: 0%; 1744 margin: auto; 1745 transition: height 500ms; 1746} 1747 1748.carte_button:hover + .carte { 1749 border-top: none; 1750 top: 50px; 1751 height: 300px; 1752} 1753 1754.carte:hover { 1755 top: 50px; 1756 height: 250px; 1757} 1758 1759 1760 1761 1762 1763 1764 1765.numberdiv{ 1766 1767background-image: url('/sites/default/files/numberdiv.jpg'); 1768 1769} 1770 1771 1772 1773 1774.centraldiv{ 1775 1776background-image: url('/sites/default/files/facility.jpg'); 1777font weight:900; 1778 1779} 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798/* The overlay effect (full height and width) - lays on top of the container and over the image */ 1799.overlay { 1800 position: absolute; 1801 bottom: 0; 1802 left: 0; 1803 right: 0; 1804 background-color: #4A230D; 1805 overflow: hidden; 1806 width: 100%; 1807 height: 100%; 1808 transform: scale(0); 1809 transition: .3s ease; 1810} 1811 1812/* When you mouse over the container, the overlay text will "zoom" in display */ 1813.container:hover .overlay { 1814 transform: scale(1); 1815} 1816 1817/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */ 1818.text { 1819 color: white; 1820 font-size: 20px; 1821 position: absolute; 1822 top: 50%; 1823 left: 50%; 1824 transform: translate(-50%, -50%); 1825 text-align: center; 1826} 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839.quotes { 1840 width: 80vw; 1841 min-height: 400px; 1842 display: flex; 1843 flex-wrap: wrap; 1844 justify-content: space-between; 1845 z-index: 2; 1846} 1847 1848.quotes .box { 1849 position: relative; 1850 width: 25vw; 1851 height: 50vh; 1852 min-height: 320px; 1853 background: #f2f2f2; 1854 overflow: hidden; 1855 transition: all 0.5s ease-in; 1856 z-index: 2; 1857 box-sizing: border-box; 1858 padding: 30px; 1859 box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3); 1860} 1861 1862.quotes .box::before { 1863 content: '\201C'; 1864 position: absolute; 1865 top: -20px; 1866 left: 5px; 1867 width: 100%; 1868 height: 100%; 1869 font-size: 120px; 1870 opacity: 0.2; 1871 background: transparent; 1872 pointer-events: none; 1873} 1874 1875.quotes .box::after { 1876 content: '\201D'; 1877 position: absolute; 1878 bottom: -10%; 1879 right: 5%; 1880 font-size: 120px; 1881 opacity: 0.2; 1882 background: transparent; 1883 filter: invert(1); 1884 pointer-events: none; 1885} 1886 1887.quotes .box p { 1888 margin: 0; 1889 padding: 10px; 1890 font-size: 1.2rem; 1891} 1892 1893.quotes .box h2 { 1894 position: absolute; 1895 margin: 0; 1896 padding: 0; 1897 bottom: 10%; 1898 right: 10%; 1899 font-size: 1.5rem; 1900} 1901 1902.quotes .box:hover { 1903 color: #f2f2f2; 1904 box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5); 1905} 1906 1907.quotes .bg { 1908 position: absolute; 1909 top: 0; 1910 left: 0; 1911 z-index: 1; 1912 opacity: 0; 1913 transition: all 0.5s ease-in; 1914 pointer-events: none; 1915 width: 100%; 1916 height: 200%; 1917 overflow: hidden; 1918} 1919 1920.quotes .box.box1:hover, 1921.quotes .box.box1:hover~.bg { 1922 opacity: 1; 1923 background: #e2a9e5; 1924background: -moz-linear-gradient(-45deg, #e2a9e5 15%, #2b94e5 100%); 1925background: -webkit-linear-gradient(-45deg, #e2a9e5 15%,#2b94e5 100%); 1926background: linear-gradient(135deg, #e2a9e5 15%,#2b94e5 100%); 1927filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a9e5', endColorstr='#2b94e5',GradientType=1 ); 1928} 1929 1930.quotes .box.box2:hover, 1931.quotes .box.box2:hover~.bg { 1932 opacity: 1; 1933 background: #632c65; 1934background: -moz-linear-gradient(-45deg, #632c65 15%, #56a5e2 100%); 1935background: -webkit-linear-gradient(-45deg, #632c65 15%,#56a5e2 100%); 1936background: linear-gradient(135deg, #632c65 15%,#56a5e2 100%); 1937filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632c65', endColorstr='#56a5e2',GradientType=1 ); 1938} 1939 1940.quotes .box.box3:hover, 1941.quotes .box.box3:hover~.bg { 1942 opacity: 1; 1943 background: #4b384c; 1944background: -moz-linear-gradient(-45deg, #4b384c 15%, #da5de2 100%); 1945background: -webkit-linear-gradient(-45deg, #4b384c 15%,#da5de2 100%); 1946background: linear-gradient(135deg, #4b384c 15%,#da5de2 100%); 1947filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b384c', endColorstr='#da5de2',GradientType=1 ); 1948} 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); 1965#team { 1966 background: #eee !important; 1967} 1968 1969.btn-primary:hover, 1970.btn-primary:focus { 1971 background-color: #108d6f; 1972 border-color: #108d6f; 1973 box-shadow: none; 1974 outline: none; 1975} 1976 1977.btn-primary { 1978 color: #fff; 1979 background-color: #007b5e; 1980 border-color: #007b5e; 1981} 1982 1983section { 1984 padding: 60px 0; 1985} 1986 1987section .section-title { 1988 text-align: center; 1989 color: #007b5e; 1990 margin-bottom: 50px; 1991 text-transform: uppercase; 1992} 1993 1994#team .card { 1995 border: none; 1996 background: #ffffff; 1997} 1998
1999.image-flip:hover .backside, 2000.image-flip.hover .backside { 2001 -webkit-transform: rotateY(0deg); 2002 -moz-transform: rotateY(0deg); 2003 -o-transform: rotateY(0deg); 2004 -ms-transform: rotateY(0deg); 2005 transform: rotateY(0deg); 2006 border-radius: .25rem; 2007} 2008 2009.image-flip:hover .frontside, 2010.image-flip.hover .frontside { 2011 -webkit-transform: rotateY(180deg); 2012 -moz-transform: rotateY(180deg); 2013 -o-transform: rotateY(180deg); 2014 transform: rotateY(180deg); 2015} 2016 2017.mainflip { 2018 -webkit-transition: 1s; 2019 -webkit-transform-style: preserve-3d; 2020 -ms-transition: 1s; 2021 -moz-transition: 1s; 2022 -moz-transform: perspective(1000px); 2023 -moz-transform-style: preserve-3d; 2024 -ms-transform-style: preserve-3d; 2025 transition: 1s; 2026 transform-style: preserve-3d; 2027 position: relative; 2028} 2029 2030.frontside { 2031 position: relative; 2032 -webkit-transform: rotateY(0deg); 2033 -ms-transform: rotateY(0deg); 2034 z-index: 2; 2035 margin-bottom: 30px; 2036} 2037 2038.backside { 2039 position: absolute; 2040 top: 0; 2041 left: 0; 2042 background: white; 2043 -webkit-transform: rotateY(-180deg); 2044 -moz-transform: rotateY(-180deg); 2045 -o-transform: rotateY(-180deg); 2046 -ms-transform: rotateY(-180deg); 2047 transform: rotateY(-180deg); 2048 -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); 2049 -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); 2050 box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); 2051} 2052 2053.frontside, 2054.backside { 2055 -webkit-backface-visibility: hidden; 2056 -moz-backface-visibility: hidden; 2057 -ms-backface-visibility: hidden; 2058 backface-visibility: hidden; 2059 -webkit-transition: 1s; 2060 -webkit-transform-style: preserve-3d; 2061 -moz-transition: 1s; 2062 -moz-transform-style: preserve-3d; 2063 -o-transition: 1s; 2064 -o-transform-style: preserve-3d; 2065 -ms-transition: 1s; 2066 -ms-transform-style: preserve-3d; 2067 transition: 1s; 2068 transform-style: preserve-3d; 2069} 2070 2071.frontside .card, 2072.backside .card { 2073 min-height: 312px; 2074} 2075 2076.backside .card a { 2077 font-size: 18px; 2078 color: #912406 !important; 2079} 2080 2081.frontside .card .card-title, 2082.backside .card .card-title { 2083 color: #912406 !important; 2084} 2085 2086.frontside .card .card-body img { 2087 width: 180px; 2088 height: 180px; 2089 border-radius: 50%; 2090} 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101.expertdiv{ 2102 2103background-image: url('/sites/default/files/inline-images/grunge-diagonal-stripe-background_1409-1366.jpg'); 2104max-width: 100%; 2105height: auto; 2106 2107} 2108 2109 2110 2111 2112 2113 2114 2115figure { 2116 display: grid; 2117 border-radius: 1rem; 2118 overflow: hidden; 2119 cursor: pointer; 2120} 2121figure > * { 2122 grid-area: 1/1; 2123 transition: .4s; 2124} 2125figure figcaption { 2126 display: grid; 2127 align-items: end; 2128 font-family: sans-serif; 2129 font-size: 2.3rem; 2130 font-weight: bold; 2131 color: #0000; 2132 padding: .75rem; 2133 background: var(--c,#0009); 2134 clip-path: inset(0 var(--_i,100%) 0 0); 2135 -webkit-mask: 2136 linear-gradient(#000 0 0), 2137 linear-gradient(#000 0 0); 2138 -webkit-mask-composite: xor; 2139 -webkit-mask-clip: text, padding-box; 2140 margin: -1px; 2141} 2142figure:hover figcaption{ 2143 --_i: 0%; 2144} 2145figure:hover img { 2146 transform: scale(1.2); 2147} 2148@supports not (-webkit-mask-clip: text) { 2149 figure figcaption { 2150 -webkit-mask: none; 2151 color: #fff; 2152 } 2153} 2154 2155 2156 2157 2158/*12 category box format*/ 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168.containertest .boxtest { 2169 background-color: #d6620e; 2170 position: relative; 2171 width: 200px; 2172 height: 70px; 2173 float: left; 2174 margin: 5px; 2175 box-sizing: border-box; 2176 overflow: hidden; 2177 border-radius: 25px; 2178 2179} 2180 2181.containertest .boxtest .icontest { 2182 position: absolute; 2183 top: 0; 2184 left: 0; 2185 width: 100%; 2186 height: 100%; 2187 background-color: #d6620e; 2188 transition: 0.5s; 2189 z-index: 1; 2190 padding-top:5px; 2191 2192} 2193 2194.containertest .boxtest:hover .icontest { 2195 top: 10px; 2196 left: calc(0% - 80px); 2197 width: 80px; 2198 height: 80px; 2199 2200} 2201 2202 2203 2204.containertest .boxtest:hover .icontest .fas { 2205 font-size: 4px; 2206 color: #fff; 2207 2208} 2209 2210.containertest .boxtest .contenttest { 2211 position: absolute; 2212 box-sizing: border-box; 2213 top: 100%; 2214 height: 100%; 2215 text-align: center; 2216 padding: 10px; 2217 transition: 0.5s; 2218 opacity: 0; 2219 color: #fff; 2220 2221} 2222 2223.containertest .boxtest:hover .contenttest { 2224 top: 0px; 2225 opacity: 1;
2226} 2227 2228 2229.containertest .boxtest .icontest { 2230 text-align: center; 2231} 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247/* General Styling */ 2248 2249 2250/* Event Section */ 2251.event-section { 2252 max-width: 600px; 2253 margin: 20px auto; 2254 padding: 20px; 2255 background: #fff; 2256 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 2257} 2258 2259/* Section Heading */ 2260.event-section h2 { 2261 text-align: center; 2262 color: #333; 2263 margin-bottom: 20px; 2264} 2265 2266/* Individual Event */ 2267.event { 2268 display: flex; 2269 border-bottom: 1px solid #e0e0e0; 2270 padding: 10px 0; 2271} 2272 2273/* Event Date */ 2274.event-date { 2275 text-align: center; 2276 padding: 10px; 2277 background: #f2f2f2; 2278 margin-right: 20px; 2279 border-radius: 10px; 2280 flex-shrink: 0; 2281} 2282 2283.event-date .month { 2284 font-size: 16px; 2285 color: #333; 2286} 2287 2288.event-date .day { 2289 font-size: 28px; 2290 color: #444; 2291} 2292 2293/* Event Details */ 2294.event-details { 2295 flex-grow: 1; 2296} 2297 2298.event-details h3 { 2299 margin: 0; 2300 color: #333; 2301} 2302 2303.event-details p { 2304 margin: 5px 0; 2305 color: #666; 2306} 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317.hover1-container { 2318 position: relative; 2319 display: inline-block; 2320} 2321 2322.hidden1-div { 2323 2324 display: none; 2325 position: absolute; 2326 top: 0px; /* Adjust this value as needed */ 2327 left: 0; 2328 background-color: lightgrey; /* Optional styling */ 2329 padding: 10px; /* Optional styling */ 2330 border: 1px solid #ccc; /* Optional styling */ 2331 z-index: 1000; 2332} 2333 2334.hover1-container:hover .hidden1-div { 2335 display: block; 2336} 2337 2338 2339 2340 2341 2342 2343 2344 2345.view-filters { 2346 display: flex; 2347 flex-wrap: wrap; 2348 gap: 20px; /* Space between filter groups */ 2349} 2350 2351 2352 2353 2354p { 2355 text-align: justify; 2356 hyphens: none; 2357} 2358li { 2359 text-align: justify; 2360 hyphens: none; 2361} 2362 2363 2364 2365 2366/*Image keeping side by side*/ 2367.image-container { 2368 display: flex; 2369 justify-content: space-between; /* Space between images */ 2370} 2371.image-container img { 2372 max-width: 100%; /* Make sure images are responsive */ 2373 height: auto; 2374} 2375 2376 2377 2378 2379 2380/*slider*/ 2381#slider .home-slider .slider-img { 2382 height: auto; /* Adjust the height to your preference */ 2383 width: 100%; /* Make the slider full width */ 2384 object-fit: cover; /* Ensures the image covers the entire area without distortion */ 2385} 2386 2387#slider .home-slider { 2388 width: 100%; /* Make sure the slider container is full width */ 2389} 2390 2391.slider-item { 2392 padding: 0; /* Remove any padding that might add extra space around the slider */ 2393 margin: 0; /* Remove margin */ 2394 width: 100%; /* Ensure each slider item takes full width */ 2395} 2396 2397.owl-carousel .owl-item img { 2398 width: 100%; /* Ensure images inside the slider are full width */ 2399 height: 100%; /* Let the image height follow the container height */ 2400 object-fit: cover; /* Maintain image aspect ratio while covering the area */ 2401} 2402 2403 2404 2405 2406/*layout*/ 2407.layout { 2408 border: 2px solid #ccc; /* Light gray border */ 2409 padding: 15px; /* Padding inside the box */ 2410 margin-bottom: 20px; /* Space between each layout */ 2411 border-radius: 10px; /* Rounded corners */ 2412 background-color: #f9f9f9; /* Light background color */ 2413 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle box shadow */ 2414 transition: all 0.3s ease; /* Smooth transition for hover effects */ 2415} 2416 2417/* Add a glow effect and a stronger shadow on hover */ 2418.layout:hover { 2419 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 123, 255, 0.5); /* Stronger shadow and blue glow */ 2420 border-color: #222222; /* Change border color on hover */ 2421 background-color: #ffffff; /* Slightly lighter background on hover */ 2422} 2423 2424 2425 2426 2427 2428/*reducing size and putting gap between both blocks*/ 2429.layout--twocol-section { 2430 display: flex; 2431 justify-content: space-between; 2432 gap: 2%; /* Creates a gap between the two regions */ 2433} 2434 2435.layout__region--first, 2436.layout__region--second { 2437 flex: 1; /* Allows the regions to take up equal space */ 2438 max-width: 48%; /* Ensures the regions don't exceed this width */ 2439} 2440 2441/*filters*/ 2442.views-exposed-form { 2443 display: flex; 2444 flex-wrap: wrap; 2445 gap: 25px; /* Adjust the gap between dropdowns as needed */ 2446} 2447 2448.views-exposed-widgets { 2449 flex: 1; /* This ensures each dropdown takes up equal space */ 2450} 2451 2452/*Licensing Image*/ 2453 2454 2455.field--name-field-licensing-image { 2456 display: flex; 2457 justify-content: center; /* Centers the images within the container */ 2458 gap: 10px; /* Adds a gap between the images */ 2459} 2460 2461.field--name-field-licensing-image .field-item { 2462 flex-shrink: 0; /* Prevents shrinking of the images */ 2463} 2464 2465.field--name-field-licensing-image img { 2466 width: 400px; /* Sets the width of each image */ 2467 height: 200px; /* Sets the height of each image */ 2468 object-fit: cover; /* Ensures the image covers the specified dimensions without distortion */ 2469} 2470 2471 2472 2473/* Style for the image field to set a fixed size */ 2474.field--name-field-patent-image img { 2475 width: 450px; /* Set the width of the image */ 2476 height: 350px; /* Set the height of the image */ 2477 object-fit: contain; /* Preserve aspect ratio, adding space if needed */ 2478 border-radius: 8px; /* Optional: Add rounded corners */ 2479 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */ 2480 transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effects */ 2481} 2482 2483/* Add a zoom effect on hover */ 2484.field--name-field-patent-image img:hover { 2485 transform: scale(1.05); /* Slightly enlarge the image on hover */ 2486 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
2486 /* Stronger shadow on hover */ 2487} 2488 2489 2490/*title of Patent*/ 2491.field--name-field-patent-title .field-item { 2492 font-size: 24px; /* Increase the font size */ 2493 font-weight: bold; /* Make the text bold */ 2494 color: #000000; /* Change the color to a dark shade */ 2495 letter-spacing: 1px; /* Optional: Add some space between letters */ 2496 padding: 10px 0; /* Add some padding for spacing */ 2497 2498} 2499 2500/*patent image at center of the layout*/ 2501 2502 2503/*patent image at center of the layout*/ 2504.field--name-field-patent-image .field-item { 2505 display: flex; 2506 justify-content: center; 2507 align-items: center; 2508} 2509 2510.field--name-field-patent-image .image-field { 2511 max-width: 400px; /* Ensure the image fits within the container */ 2512 height: 250px; /* Maintain aspect ratio */ 2513} 2514 2515 2516 2517/*checkbox*/ 2518/* Targeting the checkboxes container */ 2519.form-checkboxes.bef-checkboxes { 2520 display: flex; 2521 flex-wrap: wrap; 2522} 2523 2524/* Styling each checkbox item */ 2525.form-item { 2526 margin-right: 15px; /* Add space between checkboxes */ 2527 display: inline-block; 2528} 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538/*menu over the slider*/ 2539/* Parent Container (if any) */ 2540.header, .menu-wrapper { 2541 position: relative; 2542 z-index: 1000; /* Ensure the menu container has higher z-index */ 2543} 2544 2545/* Menu Styling */ 2546.menu { 2547 position: relative; 2548 z-index: 1001; /* Higher than slider, but within the same context */ 2549} 2550 2551/* Slider Styling */ 2552.slider { 2553 position: relative; /* or absolute/fixed */ 2554 z-index: 1; /* Lower value to stay behind */ 2555} 2556 2557/* Check for overflow property */ 2558body, html { 2559 overflow: visible; /* Ensure that overflow isn't hiding content */ 2560} 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571/* General styling for the slider container */ 2572/* Ensure the outer container fits within the viewport */ 2573.tns-outer { 2574 max-width: 100%; 2575 margin: 0 auto; 2576 overflow: hidden; 2577} 2578 2579/* Ensure the inner slider is responsive */ 2580.tns-inner { 2581 width: 100%; 2582 overflow: hidden; 2583} 2584 2585/* Apply fixed dimensions to the slider items */ 2586.tns-item { 2587 width: 100%; /* Each item takes up full width */ 2588 text-align: center; /* Center-align images */ 2589} 2590 2591/* Ensure the images are responsive, maintain aspect ratio, and have consistent dimensions */ 2592.tns-item img { 2593 width: 100%; /* Full width for responsiveness */ 2594 height: auto; /* Maintain aspect ratio */ 2595 max-height: 400px; /* Set a maximum height */ 2596 object-fit: cover; /* Ensures image covers the container without distortion */ 2597} 2598 2599/* Responsive adjustments for mobile */ 2600@media (max-width: 768px) { 2601 .tns-item img { 2602 max-height: 300px; /* Adjust height for smaller screens */ 2603 } 2604} 2605 2606@media (max-width: 480px) { 2607 .tns-item img { 2608 max-height: 200px; /* Further adjust height for very small screens */ 2609 } 2610} 2611 2612 2613 2614/*Research Gubbi article title bold*/ 2615.field--name-field-research-title { 2616 font-size: 24px; /* Adjust the size as needed */ 2617 font-weight: bold; 2618text-align: center; 2619} 2620 2621 2622 2623 2624/* if content is empty*/ 2625.layout__region { 2626 display: none; /* Hide all sections by default */ 2627} 2628 2629.layout__region:not(:empty) { 2630 display: block; /* Show only sections that are not empty */ 2631} 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648</style> 2649 </head> 2650 <body class="user-guest inner-page path-node page-type-page no-sidebar"> 2651 <div class="loader"></div> 2652 <a href="#main-content" class="visually-hidden focusable"> 2653 Skip to main content 2654 </a> 2655 2656 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 2657 <div class="header-top"> 2658 <div class="container"> 2659 <div class="header-top-container"> 2660 <div class="header-top-left header-top-block"> 2661 <div class="block-region region-header-top"> 2662 <div id="block-tarapro-iitb" class="block"> 2663 2664 2665 <div class="block-content"> 2666 2667 <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="sticky"><h6 href="https://www.iitb.ac.in/"><strong>Industrial Research And Consultancy Centre</strong></h6></div></div> 2668 2669 </div> 2670</div> <!--/.block-content --> 2671 2672 </div> 2673 2674 </div> <!--/.header-top-left --> 2675 <div class="header-top-right header-top-block"> 2676 <ul class="social-icons"> 2677 <li><a href="https://www.youtube.com/@Dean_RnD_IITBombay" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> 2678 </ul> </div> <!--/.header-top-right --> 2679 </div> <!--/.header-top-container --> 2680 </div> <!--/.container --> 2681</div> <!--/.header-top --> 2682<header class="header"> 2683 <div class="container"> 2684 <div class="header-container"> 2685 <div class="site-branding"> 2686 <div class="block-region region-site-branding"> 2687 <div id="block-tarapro-sitebranding" class="block"> 2688 2689 2690 <div class="block-content"> 2691 <div class="site-brand"> 2692 <div class="site-logo"> 2693 <a href="/index.php/" title="Home" rel="home"> 2694 <img src="/sites/default/files/logo.png" alt="Home" /> 2695 </a> 2696 </div>
2697 </div> 2698 </div> 2699</div> <!--/.block-content --> 2700 2701 </div> 2702 2703 </div> 2704 <div class="header-right"> 2705<!-- Start: primary menu region --> 2706<div class="mobile-menu"> 2707<i class="fa fa-bars" aria-hidden="true"></i> 2708</div> 2709<div class="primary-menu-wrapper"> 2710<div class="menu-wrap"> 2711<div class="close-mobile-menu"><i class="fa fa-times" aria-hidden="true"></i></div> 2712 <div class="block-region region-primary-menu"> 2713 <nav id="block-tarapro-mainnavigation" class="block block-menu navigation menu-main" aria-labelledby="block-tarapro-mainnavigation-menu" role="navigation"> 2714 2715 <h2 class="visually-hidden block-title" id="block-tarapro-mainnavigation-menu">Main navigation</h2> 2716 2717 2718 <ul class="main-menu"> 2719 <li class="main-menu-item expanded"> 2720 <a href="/">Home <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a> 2721 <ul class="submenu"> 2722 <li class="main-menu-item"> 2723 <a href="/about_us" data-drupal-link-system-path="node/4">About Us</a> 2724 </li> 2725 <li class="main-menu-item"> 2726 <a href="/ircc_team" data-drupal-link-system-path="node/451">IRCC Team </a> 2727 </li> 2728 <li class="main-menu-item"> 2729 <a href="/message_from_dean" data-drupal-link-system-path="node/7">Message from Dean (R&D)</a> 2730 </li> 2731 <li class="main-menu-item"> 2732 <a href="/awards" data-drupal-link-system-path="awards">Awards</a> 2733 </li> 2734 <li class="main-menu-item expanded"> 2735 <a href="/home" data-drupal-link-system-path="node/205">Opportunities </a> 2736 <ul class="submenu"> 2737 <li class="main-menu-item"> 2738 <a href="/jobs" data-drupal-link-system-path="node/1753">Job Opportunities</a> 2739 </li> 2740 <li class="main-menu-item"> 2741 <a href="/internship_ircc" data-drupal-link-system-path="node/2009">IITB Research Internship</a> 2742 </li> 2743 </ul> 2744 2745 </li> 2746 <li class="main-menu-item"> 2747 <a href="https://onlinesbi.sbi.bank.in/sbicollect/icollecthome.htm">Payment Gateway</a> 2748 </li> 2749 <li class="main-menu-item"> 2750 <a href="/contact_us" data-drupal-link-system-path="node/3">Contact Us</a> 2751 </li> 2752 </ul> 2753 2754 </li> 2755 <li class="main-menu-item expanded"> 2756 <a href="/home">Research & Industry <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a> 2757 <ul class="submenu"> 2758 <li class="main-menu-item"> 2759 <a href="/partner_with_us" data-drupal-link-system-path="node/42">Partner With Us</a> 2760 </li> 2761 <li class="main-menu-item"> 2762 <a href="/search_for_expertise" data-drupal-link-system-path="node/8" class="is-active">Search for Expertise</a> 2763 </li> 2764 <li class="main-menu-item"> 2765 <a href="/technology_innovation_landing_page" data-drupal-link-system-path="node/354">Search for Technologies</a> 2766 </li> 2767 <li class="main-menu-item"> 2768 <a href="https://rnd.iitb.ac.in/search_for_expertise#gsc.tab=0">Search by Academic Divisions</a> 2769 </li> 2770 <li class="main-menu-item"> 2771 <a href="/innovation_entrepreneurship" data-drupal-link-system-path="node/973">Innovation & Entrepreneurship</a> 2772 </li> 2773 <li class="main-menu-item"> 2774 <a href="/ip" title="Section has the ip policy document" data-drupal-link-system-path="node/429">IP Policy</a> 2775 </li> 2776 </ul> 2777 2778 </li> 2779 <li class="main-menu-item expanded"> 2780 <a href="/committees">Committees <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a> 2781 <ul class="submenu"> 2782 <li class="main-menu-item"> 2783 <a href="/advisory_committee" data-drupal-link-system-path="node/50">IRCC Advisory Committee</a> 2784 </li> 2785 <li class="main-menu-item"> 2786 <a href="/iec" data-drupal-link-system-path="node/972">Institute Ethics Committee</a> 2787 </li> 2788 <li class="main-menu-item"> 2789 <a href="/institute_review_board" data-drupal-link-system-path="node/329">Institutional Review Board</a> 2790 </li> 2791 <li class="main-menu-item"> 2792 <a href="/iaec" data-drupal-link-system-path="node/2168">Institute Animal Ethics Committee</a> 2793 </li> 2794 <li class="main-menu-item"> 2795 <a href="/ibsc" data-drupal-link-system-path="node/2144">Institute Biosafety Committee (IBSC)</a> 2796 </li> 2797 </ul> 2798 2799 </li> 2800 <li class="main-menu-item expanded"> 2801 <a href="/home">R&D Dissemination <span class="dropdown-arrow"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a> 2802 <ul class="submenu"> 2803 <li class="main-menu-item"> 2804 <a href="/resources" data-drupal-link-system-path="node/2684">Resources</a> 2805 </li> 2806 <li class="main-menu-item expanded"> 2807 <a href="/home" data-drupal-link-system-path="node/205">Events</a> 2808 <ul class="submenu"> 2809 <li class="main-menu-item"> 2810 <a href="/techconnect/">TechConnect</a> 2811 </li> 2812 <li class="main-menu-item"> 2813 <a href="/ircc_events" data-drupal-link-system-path="node/2094">Industry Day</a> 2814 </li> 2815 </ul> 2816 2817 </li> 2818 <li class="main-menu-item"> 2819 <a href="/glimpses" data-drupal-link-system-path="glimpses">Research Glimpses</a> 2820 </li> 2821 <li class="main-menu-item"> 2822 <a href="/news-block" data-drupal-link-system-path="news-block">News</a> 2823 </li> 2824 <li class="main-menu-item"> 2825 <a href="/mou" data-drupal-link-system-path="mou">MoU</a> 2826 </li> 2827 <li class="main-menu-item">
2828 <a href="/rnd_ecosystem" data-drupal-link-system-path="node/2687">R&D Ecosystem </a> 2829 </li> 2830 </ul> 2831 2832 </li> 2833 <li class="main-menu-item"> 2834 <a href="/technology_innovation_landing_page" data-drupal-link-system-path="node/354">Technologies for Licensing</a> 2835 </li> 2836 <li class="main-menu-item"> 2837 <a href="https://rnd.iitb.ac.in/">Agreements</a> 2838 </li> 2839 <li class="main-menu-item"> 2840 <a href="https://www.csif.iitb.ac.in/">Research Infrastructure</a> 2841 </li> 2842 </ul> 2843 2844 2845 2846 </nav> 2847 2848 </div> 2849 2850</div> 2851</div> 2852<!-- End: primary menu region --> 2853<div class="full-page-search"> 2854<div class="search-icon"><i class="fa fa-search" aria-hidden="true"></i></div> <!--/.search icon --> 2855<div class="search-box"> 2856 <div class="search-box-close"></div> 2857 <div class="search-box-content"> 2858 <div class="block-region region-search-box"> 2859 <div class="search-block-form block" data-drupal-selector="search-block-form" id="block-tarapro-search" role="search"> 2860 2861 2862 <div class="block-content"> 2863 <form action="/index.php/search/node" method="get" id="search-block-form" accept-charset="UTF-8"> 2864 <div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label"> 2865 <label for="edit-keys" class="visually-hidden">Search</label> 2866 <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" /> 2867 2868 </div> 2869<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" /> 2870</div> 2871 2872</form> 2873 2874 </div> 2875</div> <!--/.block-content --> 2876 2877 </div> 2878 2879 </div> 2880 <div class="search-box-close"></div> 2881</div><!--/search-box--> 2882</div> <!--/.full-page-search --> 2883 <!--/end if for page.search_box --> 2884 <div class="sliding-panel-icon"> 2885 <i class="fa fa-bars" aria-hidden="true"></i> 2886 </div> 2887 <!--/end if for animated_sidebar_option --> 2888</div> <!--/.header-right --> 2889 </div> <!--/.header-container --> 2890 </div> <!--/.container --> 2891</header><!-- /.header --> 2892<!-- End: Header --> 2893<!-- Start: Breadcrumb --> 2894<div id="breadcrumb"> 2895 <div class="container"> 2896 <div class="block-region region-breadcrumb"> 2897 <div id="block-tarapro-breadcrumbs" class="block"> 2898 2899 2900 <div class="block-content"> 2901 <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> 2902 <ol class="breadcrumb-items"> 2903 <li class="breadcrumb-item"> 2904 <a href="/">Home</a><i class="fa fa-angle-right breadcrumb-item-seperator" aria-hidden="true"></i> 2905 </li> 2906 <li class="breadcrumb-item"> 2907 Search For Expertise 2908 </li> 2909 </ol> 2910 </nav> 2911 2912 </div> 2913</div> <!--/.block-content --> 2914 2915 </div> 2916 2917 </div> <!--/.container --> 2918</div> 2919<!-- End: Breadcrumb --> 2920<div id="main-wrapper" class="main-wrapper"> 2921 <div class="container"> 2922 <div class="main-container"> 2923 <main id="main" class="page-content"> 2924 <a id="main-content" tabindex="-1"></a> <div class="block-region region-content"> 2925 <div data-drupal-messages-fallback class="hidden"></div><div id="block-tarapro-content" class="block"> 2926 2927 2928 <div class="block-content"> 2929 <article data-history-node-id="8" class="node node-view-mode-full"> 2930 2931 2932 2933 <div class="node-content"> 2934 2935 <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><p><a href="/consultancy"><button style="text-align:center;width:32%;">Consultancy Services</button></a> <a href="/local_search_engine"><button style="text-align:center;width:32%;">Search For Expertise</button>Â </a> <a class="button" style="text-align:center;width:32%;" href="https://docs.google.com/forms/d/e/1FAIpQLSfOMcIk0xthsgusJw4Zsp4A6D_jk51u5X2ly5iU7lXa-sQbjQ/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer">Contact Us</a></p><h5><strong>Â Â Academic Divisions</strong></h5><div class="items"><div class="box"><a href="https://www.aero.iitb.ac.in/home/research" target="_blank" rel="noopener noreferrer">Aerospace Engineering</a></div><div class="box">
2935<a href="https://www.bio.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Biosciences and Bioengineering</a></div><div class="box"><a href="https://www.che.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Chemical Engineering</a></div><div class="box"><a href="https://www.chem.iitb.ac.in/research-list" target="_blank" rel="noopener noreferrer">Chemistry</a></div></div><div class="items"><div class="box"><a href="https://www.civil.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Civil Engineering</a></div><div class="box"><a href="https://www.cse.iitb.ac.in/research/research.php" target="_blank" rel="noopener noreferrer">Computer Science & Engineering</a></div><div class="box"><a href="http://www.geos.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Earth Sciences</a></div><div class="box"><a href="https://www.economics.iitb.ac.in/projects.html" target="_blank" rel="noopener noreferrer">Economics</a></div></div><div class="items"><div class="box"><a href="https://www.ee.iitb.ac.in/web/researches/" target="_blank" rel="noopener noreferrer">Electrical Engineering</a></div><div class="box"><a href="https://www.ese.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Energy Science and Engineering</a></div><div class="box"><a href="https://www.esed.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Environmental Science and Engineering (ESED)</a></div><div class="box"><a href="https://www.hss.iitb.ac.in/research/grants-fellowships" target="_blank" rel="noopener noreferrer">Humanities & Social Sciences</a></div></div><div class="items"><div class="box"><a href="https://www.ieor.iitb.ac.in/index.php/research/research-topics" target="_blank" rel="noopener noreferrer">Industrial Engineering & Operations research</a></div><div class="box"><a href="https://www.math.iitb.ac.in/Research/fac_res.php" target="_blank" rel="noopener noreferrer">Mathematics</a></div><div class="box"><a href="http://www.me.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Mechanical Engineering</a></div><div class="box"><a href="https://www.iitb.ac.in/mems/en/research/research-areas" target="_blank" rel="noopener noreferrer">Metallurgical Engineering & Materials Science</a></div></div><div class="items"><div class="box"><a href="https://www.phy.iitb.ac.in/en/research" target="_blank" rel="noopener noreferrer">Physics</a></div><div class="box"><a href="https://www.climate.iitb.ac.in/?e-landing-page=research-fac" target="_blank" rel="noopener noreferrer">Climate Studies</a></div><div class="box"><a href="https://www.et.iitb.ac.in/research/publications/2022" target="_blank" rel="noopener noreferrer">Educational Technology</a></div><div class="box"><a href="https://www.ieor.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Industrial Engineering and Operations Research (IEOR)</a></div></div><div class="items"><div class="box"><a href="https://www.sc.iitb.ac.in/research.html" target="_blank" rel="noopener noreferrer">Systems and Control Engineering</a></div><div class="box"><a href="https://www.dsse.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Desai Sethi School of Entrepreneurship (DSSE)</a></div><div class="box"><a href="https://www.idc.iitb.ac.in/" target="_blank" rel="noopener noreferrer">IDC School of Design (IDC SoD)</a></div><div class="box"><a href="https://www.som.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Shailesh J. Mehta School of Management (SJMSoM)</a></div></div><div class="items"><div class="box"><a href="https://cle0.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Centre for Liberal Education (CLE)</a></div><div class="box"><a href="https://www.cps.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Ashank Desai Centre for Policy Studies (ADCPS)</a></div><div class="box"><a href="https://www.minds.iitb.ac.in/research" target="_blank" rel="noopener noreferrer">Centre for Machine Intelligence and Data Science (C-MinDS)</a></div><div class="box"><a href="http://www.csre.iitb.ac.in/researchAreas.php" target="_blank" rel="noopener noreferrer">Centre of Studies in Resources Engineering (CSRE)</a></div></div><div class="items"><div class="box"><a href="http://www.ctara.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Centre for Technology Alternatives for Rural Areas (CTARA)</a></div><div class="box"><a href="https://www.kcdh.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Koita Centre for Digital Health (KCDH)</a></div><div class="box"><a href="https://www.crnts.iitb.ac.in/">Centre for Research in Nanotechnology and Science (CRNTS)</a></div></div><h5><strong>Centres providing research and support facilities</strong></h5><div class="items"><div class="box"><a href="https://www.semix.iitb.ac.in/semix/" target="_blank" rel="noopener noreferrer">Centre for Semiconductor Technologies (SemiX)</a></div><div class="box"><a href="https://www.iitb.ac.in/mems/en/research/coest#:~:text=Indian%20Institute%20of%20Technology%20Bombay%20(IIT%20Bombay)%20establish%20a%20Centre,Board%20of%20Governors%2C%20IIT%20Bombay." target="_blank" rel="noopener noreferrer">Centre of Excellence in Steel Technology(CoEST)</a></div><div class="box"><a href="https://www.coeoge.iitb.ac.in/research-verticals" target="_blank" rel="noopener noreferrer">Centre of Excellence in Oil, Gas and Energy (CoE-OGE)</a></div><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">DRDO-Industry-Academia Centre of Excellence (DIA-CoE)</a></div></div><div class="items"><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">National Centre of Excellence in Technology for Internal Security (NCETIS)</a></div><div class="box"><a href="https://www.ncpre.iitb.ac.in/ncpre/research/research.php" target="_blank" rel="noopener noreferrer">National Centre for Photovoltaic Research and Education (NCPRE)</a></div><div class="box"><a href="https://www.betic.org/" target="_blank" rel="noopener noreferrer">Biomedical Engineering and Technology Incubation Centre (BETiC)</a></div><div class="box"><a href=" " target="_blank" rel="noopener noreferrer">Water Innovation Centre: Technology, Research and Education (WICTRE)</a></div></div><div class="items"><div class="box"><a href="https://www.tcaai.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Technocraft Centre for Applied Artificial Intelligence (TCAAI)</a></div><div class="box"><a href="http://www.tatacentre.iitb.ac.in/" target="_blank" rel="noopener noreferrer">Tata Centre for Technology and Design (TCTD)</a></div><div class="box"><a href="https://www.wrcb.in/technologies/" target="_blank" rel="noopener noreferrer">Wadhwani Research Centre for Bioengineering (WRCB)</a></div><div class="box"><a href="https://www.quicst.org/research/research-areas" target="_blank" rel="noopener noreferrer">Centre of Excellence in Quantum Information, Computing, Science and Technology (CoE-QuICST)</a></div></div><div class="items"><div class="box"><a href="https://www.desaltm.in/research" target="_blank" rel="noopener noreferrer">Centre of Excellence on Membrane Technologies for Desalination, Brine Management, and Water Recycling</a></div><div class="box"><a href="https://www.scan.iitb.ac.in/research/" target="_blank" rel="noopener noreferrer">Sunita Sanghi Centre of Ageing and Neurodegenerative Diseases (SCAN)</a></div></div></div> 2936 2937 </div> 2938</article> 2939 2940 </div> 2941</div> <!--/.block-content --> 2942 2943 </div> 2944 2945 </main> 2946 </div> </div> </div> <div class="sliding-sidebar animated-panel-from-right"> 2947 <div class="sliding-sidebar-container"> 2948 <div class="close-animated-sidebar"> 2949 <i class="fa fa-times-circle" aria-hidden="true"></i> 2950 </div> 2951 <div class="block-region region-sidebar-sliding"> 2952 <div id="block-tarapro-menu-2" class="block"> 2953 2954 2955 <div class="block-content"> 2956 2957 <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><p><a href="/tab_menu_mobile"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button"> 2958 <i class="fa fa-reorder"></i> 2959 </button></a></p><p><a href="/news-block"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button"> 2960 <i class="fa fa-newspaper-o"></i> 2961 </button></a></p><p><a href="/ircc_team"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button"> 2962 <i class="fa fa-group"></i> 2963 </button></a></p><p><a href="/contact_us"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button"> 2964 <i class="fa fa-phone"></i> 2965 </button></a></p><p><a href="/home"><button class="btn btn-navbar tb-megamenu-button" data-target=".nav-collapse" data-toggle="collapse" type="button"> 2966 <i class="fa fa-home"></i> 2967 </button></a></p></div> 2968 2969 </div> 2970</div> <!--/.block-content --> 2971 2972 </div> 2973 2974 </div> 2975<!-- /page.sidebar_sliding --> 2976</div> <!-- /..sliding-sidebar --> 2977<section id="last-section"></section> 2978<!-- Start: Footer --> 2979<footer id="footer"> 2980 <div class="footer"> 2981 <div class="container"> 2982 <!-- /footer-top --> 2983 <section class="footer-blocks"> 2984 <div class="footer-block"> 2985 <div class="block-region region-footer-first"> 2986 <nav id="block-tarapro-footer1" class="block block-menu navigation menu-footer1" aria-labelledby="block-tarapro-footer1-menu" role="navigation"> 2987 2988 <h2 class="block-title" id="block-tarapro-footer1-menu">Committees</h2> 2989 2990 2991 <ul class="menu"> 2992 <li class="menu-item menu-item-level-1"> 2993 <a href="/index.php/advisory_committee" data-drupal-link-system-path="node/50">IRCC Advisory Committee</a> 2994 2995 </li> 2996 <li class="menu-item menu-item-level-1"> 2997 <a href="/index.php/iec" data-drupal-link-system-path="node/972">Institute Ethics Committee</a> 2998 2999 </li> 3000 <li class="menu-item menu-item-level-1"> 3001 <a href="/index.php/institute_review_board" data-drupal-link-system-path="node/329">Institutional Review Board</a> 3002 3003 </li> 3004 <li class="menu-item menu-item-level-1"> 3005 <a href="/index.php/ibsc" data-drupal-link-system-path="node/2144">Institute Biosafety Committee</a> 3006 3007 </li> 3008 <li class="menu-item menu-item-level-1"> 3009 <a href="/index.php/iaec" data-drupal-link-system-path="node/2168">Institute Animal Ethics Committee</a> 3010 3011 </li> 3012 <li class="menu-item menu-item-level-1"> 3013 <a href="/index.php/past_present_dean" data-drupal-link-system-path="node/2298">Past and Present Dean</a> 3014 3015 </li> 3016 </ul> 3017 3018 3019 3020 </nav> 3021 3022 </div> 3023 3024 </div> 3025 <!--/footer-first --> 3026 <div class="footer-block"> 3027 <div class="block-region region-footer-second"> 3028 <nav id="block-tarapro-media" class="block block-menu navigation menu-media" aria-labelledby="block-tarapro-media-menu" role="navigation"> 3029 3030 <h2 class="block-title" id="block-tarapro-media-menu">Media</h2> 3031 3032 3033 <ul class="menu"> 3034 <li class="menu-item menu-item-level-1"> 3035 <a href="/index.php/videos" data-drupal-link-system-path="node/455">Department Videos</a> 3036 3037 </li> 3038 <li class="menu-item menu-item-level-1"> 3039 <a href="/index.php/gallery" data-drupal-link-system-path="gallery">Gallery</a> 3040 3041 </li> 3042 <li class="menu-item menu-item-level-1"> 3043 <a href="/index.php/news-block" data-drupal-link-system-path="news-block">IRCC News</a> 3044 3045 </li> 3046 <li class="menu-item menu-item-level-1"> 3047 <a href="/index.php/ircc_events" data-drupal-link-system-path="node/2094">IRCC Workshops</a> 3048 3049 </li> 3050 <li class="menu-item menu-item-level-1"> 3051 <a href="/index.php/media_coverage" data-drupal-link-system-path="node/39">Media Coverage</a> 3052 3053 </li> 3054 </ul> 3055 3056 3057 3058 </nav> 3059 3060 </div> 3061 3062 </div> 3063 <!--/footer-second --> 3064 <div class="footer-block"> 3065 <div class="block-region region-footer-third"> 3066 <nav id="block-tarapro-otherlinks" class="block block-menu navigation menu-other-links" aria-labelledby="block-tarapro-otherlinks-menu" role="navigation"> 3067 3068 <h2 class="block-title" id="block-tarapro-otherlinks-menu">Other Links</h2> 3069 3070 3071 <ul class="menu"> 3072 <li class="menu-item menu-item-level-1"> 3073 <a href="https://www.ircc.iitb.ac.in/webmail/">IRCC Webmail</a> 3074 3075 </li> 3076 <li class="menu-item menu-item-level-1"> 3077 <a href="https://drona.ircc.iitb.ac.in/">Drona</a> 3078 3079 </li> 3080 <li class="menu-item menu-item-level-1"> 3081 <a href="https://www.cep.iitb.ac.in/">Continuing Education</a> 3082 3083 </li> 3084 <li class="menu-item menu-item-level-1"> 3085 <a href="https://alumni.acr.iitb.ac.in/corporate-connect/">Donation/CSR</a> 3086 3087 </li> 3088 <li class="menu-item menu-item-level-1"> 3089 <a href="/index.php/modes_of_industry_interaction" data-drupal-link-system-path="node/2404">Modes of Industry Interaction</a> 3090 3091 </li> 3092 <li class="menu-item menu-item-level-1"> 3093 <a href="/index.php/innovation_entrepreneurship" data-drupal-link-system-path="node/973">Innovation & Entrepreneurship</a> 3094 3095 </li> 3096 <li class="menu-item menu-item-level-1"> 3097 <a href="/index.php/jobs" data-drupal-link-system-path="node/1753">Job Opportunities</a> 3098 3099 </li> 3100 <li class="menu-item menu-item-level-1"> 3101 <a href="https://www.iitb.ac.in/">IIT Bombay</a> 3102 3103 </li> 3104 </ul> 3105 3106 3107 3108 </nav> 3109 3110 </div> 3111 3112 </div> 3113 <!--/footer-third --> 3114 <div class="footer-block"> 3115 <div class="block-region region-footer-fourth"> 3116 <div id="block-tarapro-address" class="block"> 3117 3118 <h3 class="block-title">Address</h3> 3119 3120 <div class="block-content"> 3121 3122 <div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="footer-block"><div class="block-region region-footer-fourth"><div class="block" id="block-tarapro-footercontact"><div class="block-content"><div class="field field--name-body field--type-text-with-summary field--label-hidden field-item"><div class="section-small"><div class="flex gap"><div>Office of Dean(R&D)</div><div>2nd floor,</div><div>Rahul Bajaj Technology Innovation Centre (RBTIC)</div><div>Opp. VMCC, IIT Bombay,</div><div>Powai, Mumbai,</div><div>Maharashtra-400076</div></div></div></div></div></div></div></div></div> 3123 3124 </div> 3125</div> <!--/.block-content --> 3126 3127 </div> 3128 3129 </div> 3130 <!--/footer-fourth --> 3131 </section> <!--/footer-blocks --> 3132 <section class="footer-bottom-middle"> 3133 <div class="copyright"> 3134 © 2026 IITBombay, All rights reserved.
3135 <!-- end if copyright_text_custom --> 3136 </div><!-- /copyright --> 3137 <!-- end if for copyright --> 3138 <div class="footer-bottom-middle-right"> 3139 <ul class="social-icons"> 3140 <li><a href="https://www.youtube.com/@Dean_RnD_IITBombay" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> 3141 </ul> </div> 3142 <!-- end if social_icons_footer_option --> 3143 </section><!-- /footer-bottom-middle --> 3144 <!-- end condition if copyright or social icons --> 3145 <div class="footer-bottom"> 3146 <div class="block-region region-footer-bottom"> 3147 3148 </div> 3149 3150 </div> <!--/.footer-bottom --> 3151 <!-- end condition for footer_bottom --> 3152 </div><!-- /.container --> 3153 </div> <!--/.footer --> 3154</footer> 3155 <!-- Start Cookie Alert --> 3156<div class="cookiealert" role="alert"> 3157 <div class="container"> 3158 <p> 3159 This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. 3160 <button type="button" class="acceptcookies" aria-label="Close">I agree</button> 3161 </p> 3162 </div> 3163</div> 3164<!-- End Cookie Alert --> 3165<div class="scrolltop"><i class="fa fa-angle-up" aria-hidden="true"></i></div> 3166<!-- End: Footer --> 3167<style> 3168.im { 3169 display: none; 3170} 3171</style> 3172<style> 3173.fab { 3174 display: none; 3175} 3176</style> 3177<style> 3178.material-icons { 3179 display: none; 3180} 3181</style> 3182 3183 </div> 3184 3185 3186 3187
3187<script src="/sites/default/files/js/js_4MPmf38yOk-XZ0pQPaLh-48wMrNDw_PfIm9HCZhXZ_g.js?scope=footer&delta=0&language=en&theme=tarapro&include=eJwrSSxKLCjK18_IKtYpgbLT8_PTc1LT8vNKinPykxNzdIori0tSc_WTEotTEYpy8pMSc3SLSypzMvPSAfMiHAs"></script>
3187 3188
3189<script> 3190jQuery(window).on("load", function () { 3191 if (jQuery(window).width() > 767) { 3192 var footerheight = jQuery("#footer").outerHeight(true); 3193 jQuery("#last-section").css("height", footerheight); 3194 } 3195}); 3196</script>
3196 3197<style> 3198@media screen and (min-width: 768px) { 3199#footer { 3200 position: fixed; 3201 right: 0; 3202 bottom: 0; 3203 left: 0; 3204 z-index: 0; 3205} 3206} 3207</style>
3208<script type="text/javascript"> 3209 jQuery(document).ready(function() { 3210 jQuery(".loader").fadeOut( 'slow' ); 3211 }); 3212</script>
3212 3213 3214 </body> 3215</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.