@charset "utf-8"; /*====================================================================== Site Name: GSFC URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html Description: this site is developed by STTL Version: 1.0 Author: Web Team ------------------------------------------------------------------------ Base Color: #fff (White) Site Color: #062a4a (Dark Blue) Header Color: #062a4a (Dark Blue) Text Color: #393939 (Dark Grey) Title Color: #393939 (Dark Grey), #e65a15 (Orange) Footer Color: #393939 (Dark Grey) ------------------------------------------------------------------------ Layout WrefreshIconidth: 100% Container Width: 1170px Responsive Layout: Yes =======================================================================*/ /********* 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.dialog-buttons button, 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:none; color:#003879; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } a:focus { outline:thin dotted } a:hover, a:active { outline: 0; } a:hover { text-decoration:none; color:#333; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } b, strong, dt, th { font-weight: bold; } em, i { font-style:italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; } p { line-height:1.5em; } 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; } /********* 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, .resetBtn { line-height:20px; padding:8px 15px; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; height:42px; } input[type="reset"], input[type="cancel"], .resetBtn { background:#c6c6c6 !important; border-color:#666 !important; color:#000 !important; } input[type="reset"]:hover, input[type="cancel"]:hover, .resetBtn:hover { background:#000 !important; border-color:#000 !important; color:#fff !important; } 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, .rad.theme2 #content aioList:after, .radioList:before { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear:both } /**************************font face**************/ /****************font-face***********/ /*!* Font Awesome 4.6.3 */ @font-face { font-family:swiper-icons; src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight:400; font-style:normal } @font-face { font-family:'FontAwesome'; src:url('fonts/fontawesome-webfont.eot?v=4.6.3'); src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal } .fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .fa-lg { font-size:1.33333333em; line-height:.75em; vertical-align:-15% } .fa-2x { font-size:2em } .fa-3x { font-size:3em } .fa-4x { font-size:4em } .fa-5x { font-size:5em } .fa-fw { width:1.28571429em; text-align:center } .fa-ul { padding-left:0; margin-left:2.14285714em; list-style-type:none } .fa-ul>li { position:relative } .fa-li { position:absolute; left:-2.14285714em; width:2.14285714em; top:.14285714em; text-align:center } .fa-li.fa-lg { left:-1.85714286em } .fa-border { padding:.2em .25em .15em; border:solid .08em #eee; border-radius:.1em } .fa-pull-left { float:left } .fa-pull-right { float:right } .fa.fa-pull-left { margin-right:.3em } .fa.fa-pull-right { margin-left:.3em } .pull-right { float:right } .pull-left { float:left } .fa.pull-left { margin-right:.3em } .fa.pull-right { margin-left:.3em } .fa-spin { -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear } .fa-pulse { -webkit-animation:fa-spin 1s infinite steps(8); animation:fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fa-rotate-90 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .fa-rotate-180 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .fa-rotate-270 { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg) } .fa-flip-horizontal { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform:scale(-1, 1); -ms-transform:scale(-1, 1); transform:scale(-1, 1) } .fa-flip-vertical { -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform:scale(1, -1); -ms-transform:scale(1, -1); transform:scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter:none } .fa-stack { position:relative; display:inline-block; width:2em; height:2em; line-height:2em; vertical-align:middle } .fa-stack-1x, .fa-stack-2x { position:absolute; left:0; width:100%; text-align:center } .fa-stack-1x { line-height:inherit } .fa-stack-2x { font-size:2em } .fa-inverse { color:#fff } .fa-glass:before { content:"\f000" } .fa-music:before { content:"\f001" } .fa-search:before { content:"\f002" } .fa-envelope-o:before { content:"\f003" } .fa-heart:before { content:"\f004" } .fa-star:before { content:"\f005" } .fa-star-o:before { content:"\f006" } .fa-user:before { content:"\f007" } .fa-film:before { content:"\f008" } .fa-th-large:before { content:"\f009" } .fa-th:before { content:"\f00a" } .fa-th-list:before { content:"\f00b" } .fa-check:before { content:"\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content:"\f00d" } .fa-search-plus:before { content:"\f00e" } .fa-search-minus:before { content:"\f010" } .fa-power-off:before { content:"\f011" } .fa-signal:before { content:"\f012" } .fa-gear:before, .fa-cog:before { content:"\f013" } .fa-trash-o:before { content:"\f014" } .fa-home:before { content:"\f015" } .fa-file-o:before { content:"\f016" } .fa-clock-o:before { content:"\f017" } .fa-road:before { content:"\f018" } .fa-download:before { content:"\f019" } .fa-arrow-circle-o-down:before { content:"\f01a" } .fa-arrow-circle-o-up:before { content:"\f01b" } .fa-inbox:before { content:"\f01c" } .fa-play-circle-o:before { content:"\f01d" } .fa-rotate-right:before, .fa-repeat:before { content:"\f01e" } .fa-refresh:before { content:"\f021" } .fa-list-alt:before { content:"\f022" } .fa-lock:before { content:"\f023" } .fa-flag:before { content:"\f024" } .fa-headphones:before { content:"\f025" } .fa-volume-off:before { content:"\f026" } .fa-volume-down:before { content:"\f027" } .fa-volume-up:before { content:"\f028" } .fa-qrcode:before { content:"\f029" } .fa-barcode:before { content:"\f02a" } .fa-tag:before { content:"\f02b" } .fa-tags:before { content:"\f02c" } .fa-book:before { content:"\f02d" } .fa-bookmark:before { content:"\f02e" } .fa-print:before { content:"\f02f" } .fa-camera:before { content:"\f030" } .fa-font:before { content:"\f031" } .fa-bold:before { content:"\f032" } .fa-italic:before { content:"\f033" } .fa-text-height:before { content:"\f034" } .fa-text-width:before { content:"\f035" } .fa-align-left:before { content:"\f036" } .fa-align-center:before { content:"\f037" } .fa-align-right:before { content:"\f038" } .fa-align-justify:before { content:"\f039" } .fa-list:before { content:"\f03a" } .fa-dedent:before, .fa-outdent:before { content:"\f03b" } .fa-indent:before { content:"\f03c" } .fa-video-camera:before { content:"\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content:"\f03e" } .fa-pencil:before { content:"\f040" } .fa-map-marker:before { content:"\f041" } .fa-adjust:before { content:"\f042" } .fa-tint:before { content:"\f043" } .fa-edit:before, .fa-pencil-square-o:before { content:"\f044" } .fa-share-square-o:before { content:"\f045" } .fa-check-square-o:before { content:"\f046" } .fa-arrows:before { content:"\f047" } .fa-step-backward:before { content:"\f048" } .fa-fast-backward:before { content:"\f049" } .fa-backward:before { content:"\f04a" } .fa-play:before { content:"\f04b" } .fa-pause:before { content:"\f04c" } .fa-stop:before { content:"\f04d" } .fa-forward:before { content:"\f04e" } .fa-fast-forward:before { content:"\f050" } .fa-step-forward:before { content:"\f051" } .fa-eject:before { content:"\f052" } .fa-chevron-left:before { content:"\f053" } .fa-chevron-right:before { content:"\f054" } .fa-plus-circle:before { content:"\f055" } .fa-minus-circle:before { content:"\f056" } .fa-times-circle:before { content:"\f057" } .fa-check-circle:before { content:"\f058" } .fa-question-circle:before { content:"\f059" } .fa-info-circle:before { content:"\f05a" } .fa-crosshairs:before { content:"\f05b" } .fa-times-circle-o:before { content:"\f05c" } .fa-check-circle-o:before { content:"\f05d" } .fa-ban:before { content:"\f05e" } .fa-arrow-left:before { content:"\f060" } .fa-arrow-right:before { content:"\f061" } .fa-arrow-up:before { content:"\f062" } .fa-arrow-down:before { content:"\f063" } .fa-mail-forward:before, .fa-share:before { content:"\f064" } .fa-expand:before { content:"\f065" } .fa-compress:before { content:"\f066" } .fa-plus:before { content:"\f067" } .fa-minus:before { content:"\f068" } .fa-asterisk:before { content:"\f069" } .fa-exclamation-circle:before { content:"\f06a" } .fa-gift:before { content:"\f06b" } .fa-leaf:before { content:"\f06c" } .fa-fire:before { content:"\f06d" } .fa-eye:before { content:"\f06e" } .fa-eye-slash:before { content:"\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content:"\f071" } .fa-plane:before { content:"\f072" } .fa-calendar:before { content:"\f073" } .fa-random:before { content:"\f074" } .fa-comment:before { content:"\f075" } .fa-magnet:before { content:"\f076" } .fa-chevron-up:before { content:"\f077" } .fa-chevron-down:before { content:"\f078" } .fa-retweet:before { content:"\f079" } .fa-shopping-cart:before { content:"\f07a" } .fa-folder:before { content:"\f07b" } .fa-folder-open:before { content:"\f07c" } .fa-arrows-v:before { content:"\f07d" } .fa-arrows-h:before { content:"\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content:"\f080" } .fa-twitter-square:before { content:"\f081" } .fa-facebook-square:before { content:"\f082" } .fa-camera-retro:before { content:"\f083" } .fa-key:before { content:"\f084" } .fa-gears:before, .fa-cogs:before { content:"\f085" } .fa-comments:before { content:"\f086" } .fa-thumbs-o-up:before { content:"\f087" } .fa-thumbs-o-down:before { content:"\f088" } .fa-star-half:before { content:"\f089" } .fa-heart-o:before { content:"\f08a" } .fa-sign-out:before { content:"\f08b" } .fa-linkedin-square:before { content:"\f08c" } .fa-thumb-tack:before { content:"\f08d" } .fa-external-link:before { content:"\f08e" } .fa-sign-in:before { content:"\f090" } .fa-trophy:before { content:"\f091" } .fa-github-square:before { content:"\f092" } .fa-upload:before { content:"\f093" } .fa-lemon-o:before { content:"\f094" } .fa-phone:before { content:"\f095" } .fa-square-o:before { content:"\f096" } .fa-bookmark-o:before { content:"\f097" } .fa-phone-square:before { content:"\f098" } .fa-twitter:before { content:"\f099" } .fa-facebook-f:before, .fa-facebook:before { content:"\f09a" } .fa-github:before { content:"\f09b" } .fa-unlock:before { content:"\f09c" } .fa-credit-card:before { content:"\f09d" } .fa-feed:before, .fa-rss:before { content:"\f09e" } .fa-hdd-o:before { content:"\f0a0" } .fa-bullhorn:before { content:"\f0a1" } .fa-bell:before { content:"\f0f3" } .fa-certificate:before { content:"\f0a3" } .fa-hand-o-right:before { content:"\f0a4" } .fa-hand-o-left:before { content:"\f0a5" } .fa-hand-o-up:before { content:"\f0a6" } .fa-hand-o-down:before { content:"\f0a7" } .fa-arrow-circle-left:before { content:"\f0a8" } .fa-arrow-circle-right:before { content:"\f0a9" } .fa-arrow-circle-up:before { content:"\f0aa" } .fa-arrow-circle-down:before { content:"\f0ab" } .fa-globe:before { content:"\f0ac" } .fa-wrench:before { content:"\f0ad" } .fa-tasks:before { content:"\f0ae" } .fa-filter:before { content:"\f0b0" } .fa-briefcase:before { content:"\f0b1" } .fa-arrows-alt:before { content:"\f0b2" } .fa-group:before, .fa-users:before { content:"\f0c0" } .fa-chain:before, .fa-link:before { content:"\f0c1" } .fa-cloud:before { content:"\f0c2" } .fa-flask:before { content:"\f0c3" } .fa-cut:before, .fa-scissors:before { content:"\f0c4" } .fa-copy:before, .fa-files-o:before { content:"\f0c5" } .fa-paperclip:before { content:"\f0c6" } .fa-save:before, .fa-floppy-o:before { content:"\f0c7" } .fa-square:before { content:"\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content:"\f0c9" } .fa-list-ul:before { content:"\f0ca" } .fa-list-ol:before { content:"\f0cb" } .fa-strikethrough:before { content:"\f0cc" } .fa-underline:before { content:"\f0cd" } .fa-table:before { content:"\f0ce" } .fa-magic:before { content:"\f0d0" } .fa-truck:before { content:"\f0d1" } .fa-pinterest:before { content:"\f0d2" } .fa-pinterest-square:before { content:"\f0d3" } .fa-google-plus-square:before { content:"\f0d4" } .fa-google-plus:before { content:"\f0d5" } .fa-money:before { content:"\f0d6" } .fa-caret-down:before { content:"\f0d7" } .fa-caret-up:before { content:"\f0d8" } .fa-caret-left:before { content:"\f0d9" } .fa-caret-right:before { content:"\f0da" } .fa-columns:before { content:"\f0db" } .fa-unsorted:before, .fa-sort:before { content:"\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content:"\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content:"\f0de" } .fa-envelope:before { content:"\f0e0" } .fa-linkedin:before { content:"\f0e1" } .fa-rotate-left:before, .fa-undo:before { content:"\f0e2" } .fa-legal:before, .fa-gavel:before { content:"\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content:"\f0e4" } .fa-comment-o:before { content:"\f0e5" } .fa-comments-o:before { content:"\f0e6" } .fa-flash:before, .fa-bolt:before { content:"\f0e7" } .fa-sitemap:before { content:"\f0e8" } .fa-umbrella:before { content:"\f0e9" } .fa-paste:before, .fa-clipboard:before { content:"\f0ea" } .fa-lightbulb-o:before { content:"\f0eb" } .fa-exchange:before { content:"\f0ec" } .fa-cloud-download:before { content:"\f0ed" } .fa-cloud-upload:before { content:"\f0ee" } .fa-user-md:before { content:"\f0f0" } .fa-stethoscope:before { content:"\f0f1" } .fa-suitcase:before { content:"\f0f2" } .fa-bell-o:before { content:"\f0a2" } .fa-coffee:before { content:"\f0f4" } .fa-cutlery:before { content:"\f0f5" } .fa-file-text-o:before { content:"\f0f6" } .fa-building-o:before { content:"\f0f7" } .fa-hospital-o:before { content:"\f0f8" } .fa-ambulance:before { content:"\f0f9" } .fa-medkit:before { content:"\f0fa" } .fa-fighter-jet:before { content:"\f0fb" } .fa-beer:before { content:"\f0fc" } .fa-h-square:before { content:"\f0fd" } .fa-plus-square:before { content:"\f0fe" } .fa-angle-double-left:before { content:"\f100" } .fa-angle-double-right:before { content:"\f101" } .fa-angle-double-up:before { content:"\f102" } .fa-angle-double-down:before { content:"\f103" } .fa-angle-left:before { content:"\f104" } .fa-angle-right:before { content:"\f105" } .fa-angle-up:before { content:"\f106" } .fa-angle-down:before { content:"\f107" } .fa-desktop:before { content:"\f108" } .fa-laptop:before { content:"\f109" } .fa-tablet:before { content:"\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content:"\f10b" } .fa-circle-o:before { content:"\f10c" } .fa-quote-left:before { content:"\f10d" } .fa-quote-right:before { content:"\f10e" } .fa-spinner:before { content:"\f110" } .fa-circle:before { content:"\f111" } .fa-mail-reply:before, .fa-reply:before { content:"\f112" } .fa-github-alt:before { content:"\f113" } .fa-folder-o:before { content:"\f114" } .fa-folder-open-o:before { content:"\f115" } .fa-smile-o:before { content:"\f118" } .fa-frown-o:before { content:"\f119" } .fa-meh-o:before { content:"\f11a" } .fa-gamepad:before { content:"\f11b" } .fa-keyboard-o:before { content:"\f11c" } .fa-flag-o:before { content:"\f11d" } .fa-flag-checkered:before { content:"\f11e" } .fa-terminal:before { content:"\f120" } .fa-code:before { content:"\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content:"\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content:"\f123" } .fa-location-arrow:before { content:"\f124" } .fa-crop:before { content:"\f125" } .fa-code-fork:before { content:"\f126" } .fa-unlink:before, .fa-chain-broken:before { content:"\f127" } .fa-question:before { content:"\f128" } .fa-info:before { content:"\f129" } .fa-exclamation:before { content:"\f12a" } .fa-superscript:before { content:"\f12b" } .fa-subscript:before { content:"\f12c" } .fa-eraser:before { content:"\f12d" } .fa-puzzle-piece:before { content:"\f12e" } .fa-microphone:before { content:"\f130" } .fa-microphone-slash:before { content:"\f131" } .fa-shield:before { content:"\f132" } .fa-calendar-o:before { content:"\f133" } .fa-fire-extinguisher:before { content:"\f134" } .fa-rocket:before { content:"\f135" } .fa-maxcdn:before { content:"\f136" } .fa-chevron-circle-left:before { content:"\f137" } .fa-chevron-circle-right:before { content:"\f138" } .fa-chevron-circle-up:before { content:"\f139" } .fa-chevron-circle-down:before { content:"\f13a" } .fa-html5:before { content:"\f13b" } .fa-css3:before { content:"\f13c" } .fa-anchor:before { content:"\f13d" } .fa-unlock-alt:before { content:"\f13e" } .fa-bullseye:before { content:"\f140" } .fa-ellipsis-h:before { content:"\f141" } .fa-ellipsis-v:before { content:"\f142" } .fa-rss-square:before { content:"\f143" } .fa-play-circle:before { content:"\f144" } .fa-ticket:before { content:"\f145" } .fa-minus-square:before { content:"\f146" } .fa-minus-square-o:before { content:"\f147" } .fa-level-up:before { content:"\f148" } .fa-level-down:before { content:"\f149" } .fa-check-square:before { content:"\f14a" } .fa-pencil-square:before { content:"\f14b" } .fa-external-link-square:before { content:"\f14c" } .fa-share-square:before { content:"\f14d" } .fa-compass:before { content:"\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content:"\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content:"\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content:"\f152" } .fa-euro:before, .fa-eur:before { content:"\f153" } .fa-gbp:before { content:"\f154" } .fa-dollar:before, .fa-usd:before { content:"\f155" } .fa-rupee:before, .fa-inr:before { content:"\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content:"\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content:"\f158" } .fa-won:before, .fa-krw:before { content:"\f159" } .fa-bitcoin:before, .fa-btc:before { content:"\f15a" } .fa-file:before { content:"\f15b" } .fa-file-text:before { content:"\f15c" } .fa-sort-alpha-asc:before { content:"\f15d" } .fa-sort-alpha-desc:before { content:"\f15e" } .fa-sort-amount-asc:before { content:"\f160" } .fa-sort-amount-desc:before { content:"\f161" } .fa-sort-numeric-asc:before { content:"\f162" } .fa-sort-numeric-desc:before { content:"\f163" } .fa-thumbs-up:before { content:"\f164" } .fa-thumbs-down:before { content:"\f165" } .fa-youtube-square:before { content:"\f166" } .fa-youtube:before { content:"\f167" } .fa-xing:before { content:"\f168" } .fa-xing-square:before { content:"\f169" } .fa-youtube-play:before { content:"\f16a" } .fa-dropbox:before { content:"\f16b" } .fa-stack-overflow:before { content:"\f16c" } .fa-instagram:before { content:"\f16d" } .fa-flickr:before { content:"\f16e" } .fa-adn:before { content:"\f170" } .fa-bitbucket:before { content:"\f171" } .fa-bitbucket-square:before { content:"\f172" } .fa-tumblr:before { content:"\f173" } .fa-tumblr-square:before { content:"\f174" } .fa-long-arrow-down:before { content:"\f175" } .fa-long-arrow-up:before { content:"\f176" } .fa-long-arrow-left:before { content:"\f177" } .fa-long-arrow-right:before { content:"\f178" } .fa-apple:before { content:"\f179" } .fa-windows:before { content:"\f17a" } .fa-android:before { content:"\f17b" } .fa-linux:before { content:"\f17c" } .fa-dribbble:before { content:"\f17d" } .fa-skype:before { content:"\f17e" } .fa-foursquare:before { content:"\f180" } .fa-trello:before { content:"\f181" } .fa-female:before { content:"\f182" } .fa-male:before { content:"\f183" } .fa-gittip:before, .fa-gratipay:before { content:"\f184" } .fa-sun-o:before { content:"\f185" } .fa-moon-o:before { content:"\f186" } .fa-archive:before { content:"\f187" } .fa-bug:before { content:"\f188" } .fa-vk:before { content:"\f189" } .fa-weibo:before { content:"\f18a" } .fa-renren:before { content:"\f18b" } .fa-pagelines:before { content:"\f18c" } .fa-stack-exchange:before { content:"\f18d" } .fa-arrow-circle-o-right:before { content:"\f18e" } .fa-arrow-circle-o-left:before { content:"\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content:"\f191" } .fa-dot-circle-o:before { content:"\f192" } .fa-wheelchair:before { content:"\f193" } .fa-vimeo-square:before { content:"\f194" } .fa-turkish-lira:before, .fa-try:before { content:"\f195" } .fa-plus-square-o:before { content:"\f196" } .fa-space-shuttle:before { content:"\f197" } .fa-slack:before { content:"\f198" } .fa-envelope-square:before { content:"\f199" } .fa-wordpress:before { content:"\f19a" } .fa-openid:before { content:"\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content:"\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content:"\f19d" } .fa-yahoo:before { content:"\f19e" } .fa-google:before { content:"\f1a0" } .fa-reddit:before { content:"\f1a1" } .fa-reddit-square:before { content:"\f1a2" } .fa-stumbleupon-circle:before { content:"\f1a3" } .fa-stumbleupon:before { content:"\f1a4" } .fa-delicious:before { content:"\f1a5" } .fa-digg:before { content:"\f1a6" } .fa-pied-piper-pp:before { content:"\f1a7" } .fa-pied-piper-alt:before { content:"\f1a8" } .fa-drupal:before { content:"\f1a9" } .fa-joomla:before { content:"\f1aa" } .fa-language:before { content:"\f1ab" } .fa-fax:before { content:"\f1ac" } .fa-building:before { content:"\f1ad" } .fa-child:before { content:"\f1ae" } .fa-paw:before { content:"\f1b0" } .fa-spoon:before { content:"\f1b1" } .fa-cube:before { content:"\f1b2" } .fa-cubes:before { content:"\f1b3" } .fa-behance:before { content:"\f1b4" } .fa-behance-square:before { content:"\f1b5" } .fa-steam:before { content:"\f1b6" } .fa-steam-square:before { content:"\f1b7" } .fa-recycle:before { content:"\f1b8" } .fa-automobile:before, .fa-car:before { content:"\f1b9" } .fa-cab:before, .fa-taxi:before { content:"\f1ba" } .fa-tree:before { content:"\f1bb" } .fa-spotify:before { content:"\f1bc" } .fa-deviantart:before { content:"\f1bd" } .fa-soundcloud:before { content:"\f1be" } .fa-database:before { content:"\f1c0" } .fa-file-pdf-o:before { content:"\f1c1" } .fa-file-word-o:before { content:"\f1c2" } .fa-file-excel-o:before { content:"\f1c3" } .fa-file-powerpoint-o:before { content:"\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content:"\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content:"\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content:"\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content:"\f1c8" } .fa-file-code-o:before { content:"\f1c9" } .fa-vine:before { content:"\f1ca" } .fa-codepen:before { content:"\f1cb" } .fa-jsfiddle:before { content:"\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content:"\f1cd" } .fa-circle-o-notch:before { content:"\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content:"\f1d0" } .fa-ge:before, .fa-empire:before { content:"\f1d1" } .fa-git-square:before { content:"\f1d2" } .fa-git:before { content:"\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content:"\f1d4" } .fa-tencent-weibo:before { content:"\f1d5" } .fa-qq:before { content:"\f1d6" } .fa-wechat:before, .fa-weixin:before { content:"\f1d7" } .fa-send:before, .fa-paper-plane:before { content:"\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content:"\f1d9" } .fa-history:before { content:"\f1da" } .fa-circle-thin:before { content:"\f1db" } .fa-header:before { content:"\f1dc" } .fa-paragraph:before { content:"\f1dd" } .fa-sliders:before { content:"\f1de" } .fa-share-alt:before { content:"\f1e0" } .fa-share-alt-square:before { content:"\f1e1" } .fa-bomb:before { content:"\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content:"\f1e3" } .fa-tty:before { content:"\f1e4" } .fa-binoculars:before { content:"\f1e5" } .fa-plug:before { content:"\f1e6" } .fa-slideshare:before { content:"\f1e7" } .fa-twitch:before { content:"\f1e8" } .fa-yelp:before { content:"\f1e9" } .fa-newspaper-o:before { content:"\f1ea" } .fa-wifi:before { content:"\f1eb" } .fa-calculator:before { content:"\f1ec" } .fa-paypal:before { content:"\f1ed" } .fa-google-wallet:before { content:"\f1ee" } .fa-cc-visa:before { content:"\f1f0" } .fa-cc-mastercard:before { content:"\f1f1" } .fa-cc-discover:before { content:"\f1f2" } .fa-cc-amex:before { content:"\f1f3" } .fa-cc-paypal:before { content:"\f1f4" } .fa-cc-stripe:before { content:"\f1f5" } .fa-bell-slash:before { content:"\f1f6" } .fa-bell-slash-o:before { content:"\f1f7" } .fa-trash:before { content:"\f1f8" } .fa-copyright:before { content:"\f1f9" } .fa-at:before { content:"\f1fa" } .fa-eyedropper:before { content:"\f1fb" } .fa-paint-brush:before { content:"\f1fc" } .fa-birthday-cake:before { content:"\f1fd" } .fa-area-chart:before { content:"\f1fe" } .fa-pie-chart:before { content:"\f200" } .fa-line-chart:before { content:"\f201" } .fa-lastfm:before { content:"\f202" } .fa-lastfm-square:before { content:"\f203" } .fa-toggle-off:before { content:"\f204" } .fa-toggle-on:before { content:"\f205" } .fa-bicycle:before { content:"\f206" } .fa-bus:before { content:"\f207" } .fa-ioxhost:before { content:"\f208" } .fa-angellist:before { content:"\f209" } .fa-cc:before { content:"\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content:"\f20b" } .fa-meanpath:before { content:"\f20c" } .fa-buysellads:before { content:"\f20d" } .fa-connectdevelop:before { content:"\f20e" } .fa-dashcube:before { content:"\f210" } .fa-forumbee:before { content:"\f211" } .fa-leanpub:before { content:"\f212" } .fa-sellsy:before { content:"\f213" } .fa-shirtsinbulk:before { content:"\f214" } .fa-simplybuilt:before { content:"\f215" } .fa-skyatlas:before { content:"\f216" } .fa-cart-plus:before { content:"\f217" } .fa-cart-arrow-down:before { content:"\f218" } .fa-diamond:before { content:"\f219" } .fa-ship:before { content:"\f21a" } .fa-user-secret:before { content:"\f21b" } .fa-motorcycle:before { content:"\f21c" } .fa-street-view:before { content:"\f21d" } .fa-heartbeat:before { content:"\f21e" } .fa-venus:before { content:"\f221" } .fa-mars:before { content:"\f222" } .fa-mercury:before { content:"\f223" } .fa-intersex:before, .fa-transgender:before { content:"\f224" } .fa-transgender-alt:before { content:"\f225" } .fa-venus-double:before { content:"\f226" } .fa-mars-double:before { content:"\f227" } .fa-venus-mars:before { content:"\f228" } .fa-mars-stroke:before { content:"\f229" } .fa-mars-stroke-v:before { content:"\f22a" } .fa-mars-stroke-h:before { content:"\f22b" } .fa-neuter:before { content:"\f22c" } .fa-genderless:before { content:"\f22d" } .fa-facebook-official:before { content:"\f230" } .fa-pinterest-p:before { content:"\f231" } .fa-whatsapp:before { content:"\f232" } .fa-server:before { content:"\f233" } .fa-user-plus:before { content:"\f234" } .fa-user-times:before { content:"\f235" } .fa-hotel:before, .fa-bed:before { content:"\f236" } .fa-viacoin:before { content:"\f237" } .fa-train:before { content:"\f238" } .fa-subway:before { content:"\f239" } .fa-medium:before { content:"\f23a" } .fa-yc:before, .fa-y-combinator:before { content:"\f23b" } .fa-optin-monster:before { content:"\f23c" } .fa-opencart:before { content:"\f23d" } .fa-expeditedssl:before { content:"\f23e" } .fa-battery-4:before, .fa-battery-full:before { content:"\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content:"\f241" } .fa-battery-2:before, .fa-battery-half:before { content:"\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content:"\f243" } .fa-battery-0:before, .fa-battery-empty:before { content:"\f244" } .fa-mouse-pointer:before { content:"\f245" } .fa-i-cursor:before { content:"\f246" } .fa-object-group:before { content:"\f247" } .fa-object-ungroup:before { content:"\f248" } .fa-sticky-note:before { content:"\f249" } .fa-sticky-note-o:before { content:"\f24a" } .fa-cc-jcb:before { content:"\f24b" } .fa-cc-diners-club:before { content:"\f24c" } .fa-clone:before { content:"\f24d" } .fa-balance-scale:before { content:"\f24e" } .fa-hourglass-o:before { content:"\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content:"\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content:"\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content:"\f253" } .fa-hourglass:before { content:"\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content:"\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content:"\f256" } .fa-hand-scissors-o:before { content:"\f257" } .fa-hand-lizard-o:before { content:"\f258" } .fa-hand-spock-o:before { content:"\f259" } .fa-hand-pointer-o:before { content:"\f25a" } .fa-hand-peace-o:before { content:"\f25b" } .fa-trademark:before { content:"\f25c" } .fa-registered:before { content:"\f25d" } .fa-creative-commons:before { content:"\f25e" } .fa-gg:before { content:"\f260" } .fa-gg-circle:before { content:"\f261" } .fa-tripadvisor:before { content:"\f262" } .fa-odnoklassniki:before { content:"\f263" } .fa-odnoklassniki-square:before { content:"\f264" } .fa-get-pocket:before { content:"\f265" } .fa-wikipedia-w:before { content:"\f266" } .fa-safari:before { content:"\f267" } .fa-chrome:before { content:"\f268" } .fa-firefox:before { content:"\f269" } .fa-opera:before { content:"\f26a" } .fa-internet-explorer:before { content:"\f26b" } .fa-tv:before, .fa-television:before { content:"\f26c" } .fa-contao:before { content:"\f26d" } .fa-500px:before { content:"\f26e" } .fa-amazon:before { content:"\f270" } .fa-calendar-plus-o:before { content:"\f271" } .fa-calendar-minus-o:before { content:"\f272" } .fa-calendar-times-o:before { content:"\f273" } .fa-calendar-check-o:before { content:"\f274" } .fa-industry:before { content:"\f275" } .fa-map-pin:before { content:"\f276" } .fa-map-signs:before { content:"\f277" } .fa-map-o:before { content:"\f278" } .fa-map:before { content:"\f279" } .fa-commenting:before { content:"\f27a" } .fa-commenting-o:before { content:"\f27b" } .fa-houzz:before { content:"\f27c" } .fa-vimeo:before { content:"\f27d" } .fa-black-tie:before { content:"\f27e" } .fa-fonticons:before { content:"\f280" } .fa-reddit-alien:before { content:"\f281" } .fa-edge:before { content:"\f282" } .fa-credit-card-alt:before { content:"\f283" } .fa-codiepie:before { content:"\f284" } .fa-modx:before { content:"\f285" } .fa-fort-awesome:before { content:"\f286" } .fa-usb:before { content:"\f287" } .fa-product-hunt:before { content:"\f288" } .fa-mixcloud:before { content:"\f289" } .fa-scribd:before { content:"\f28a" } .fa-pause-circle:before { content:"\f28b" } .fa-pause-circle-o:before { content:"\f28c" } .fa-stop-circle:before { content:"\f28d" } .fa-stop-circle-o:before { content:"\f28e" } .fa-shopping-bag:before { content:"\f290" } .fa-shopping-basket:before { content:"\f291" } .fa-hashtag:before { content:"\f292" } .fa-bluetooth:before { content:"\f293" } .fa-bluetooth-b:before { content:"\f294" } .fa-percent:before { content:"\f295" } .fa-gitlab:before { content:"\f296" } .fa-wpbeginner:before { content:"\f297" } .fa-wpforms:before { content:"\f298" } .fa-envira:before { content:"\f299" } .fa-universal-access:before { content:"\f29a" } .fa-wheelchair-alt:before { content:"\f29b" } .fa-question-circle-o:before { content:"\f29c" } .fa-blind:before { content:"\f29d" } .fa-audio-description:before { content:"\f29e" } .fa-volume-control-phone:before { content:"\f2a0" } .fa-braille:before { content:"\f2a1" } .fa-assistive-listening-systems:before { content:"\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content:"\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content:"\f2a4" } .fa-glide:before { content:"\f2a5" } .fa-glide-g:before { content:"\f2a6" } .fa-signing:before, .fa-sign-language:before { content:"\f2a7" } .fa-low-vision:before { content:"\f2a8" } .fa-viadeo:before { content:"\f2a9" } .fa-viadeo-square:before { content:"\f2aa" } .fa-snapchat:before { content:"\f2ab" } .fa-snapchat-ghost:before { content:"\f2ac" } .fa-snapchat-square:before { content:"\f2ad" } .fa-pied-piper:before { content:"\f2ae" } .fa-first-order:before { content:"\f2b0" } .fa-yoast:before { content:"\f2b1" } .fa-themeisle:before { content:"\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content:"\f2b3" } .fa-fa:before, .fa-font-awesome:before { content:"\f2b4" } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0 } .sr-only-focusable:active, .sr-only-focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto } /********* Common Classes *********/ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:20px 0; padding:0 } body, button, input, select, textarea { color:#323232; font-family: 'Work Sans', sans-serif; font-size:100.0%; line-height:1.3; font-weight:normal; } body { background-color:#fff; } body.hindiDoc { line-height: 1.5; font-family:shruti, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1 { font-size:2.875em; } h2 { font-size: 2.05em; color: #00235e; margin-bottom: 25px; font-weight: 700; } h3 { font-size: 1.65em; color: #014181; margin-bottom: 15px; font-weight:500; } h4 { font-size: 1.563em; color: #ff6633; margin-bottom: 15px; } h5 { font-size: 1.438em; color: #777777; margin-bottom: 15px; } h6 { font-size: 1.313em; color: #777777; margin-bottom: 15px; } 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 { padding:2px 0 2px 15px; position:relative; margin-bottom:10px } ul.bulletText li:before { content:"\f105"; font-family:'FontAwesome'; font-size:1.000em; color:#19269d; position:absolute; left:0; top:1px; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; } 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:100%; height:38px; padding:5px 10px; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#00225d; color:#fff; border:0 none; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#f37021; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn, input[type="submit"].resetBtn { background-color:#888; } input[type="submit"].cancelBtn:hover, input[type="button"].cancelBtn:hover, input[type="reset"].cancelBtn:hover, input[type="submit"].resetBtn:hover { background-color:#535252; color:#fff; } .button.smallhBtn { height: 33px; padding-top:5px; padding-bottom:5px; } .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:0.750em; 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; } .width100p { width:100%; } .width90p { width:90%; } .width80p { width:80%; } .width70p { width:70%; } .width60p { width:60%; } .width50p { width:50%; } .width40p { width:40%; } .width30p { width:30%; } .width20p { width:20%; } .width10p { width:10%; } .fileSize, .pdfSize { font-size:12px !important; display:inline-block; vertical-align:middle; margin-left:3px; } .extIcon { vertical-align:middle; margin-left:3px; } .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; } .bold { font-weight:bold; } .italic { font-style:italic; } .longWord, .wordBreak { word-wrap: break-word; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; 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; 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-loading.mfp-figure { display: none; } .mfp-hide { display: none; } .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; box-shadow: none; /*touch-action: manipulation;*/ } 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; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: 'Work Sans', sans-serif; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .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; display:none; } button.mfp-arrow { position: absolute; opacity:1; margin: 0; top: 50%; margin-top: -25px; padding: 0; width:50px; height:50px; -webkit-tap-highlight-color: transparent; background:url(assets/images/arrow.svg) left top no-repeat; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; background-size:100%; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; display:none; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left:30px; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right:30px; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { 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; 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-arrow-left { transform:rotate(180deg); -webkit-transform:rotate(180deg); } button.mfp-arrow:hover { opacity:0.7; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { /*.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);} .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;} .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}*/ .mfp-container { padding-left: 6px; padding-right: 6px; } } /*smoke external css popup*/ .smoke-base { position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; } .smoke-base.smoke-visible { opacity: 1; visibility: visible; } .smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .smoke-base .dialog { position: absolute; } .dialog-prompt { margin-top: 15px; text-align: center; } .dialog-buttons { margin: 20px 0 5px 0 } .smoke { text-align: center; font-size: 1.0em; line-height: 150%; } .dialog-buttons button { display: inline-block; vertical-align: baseline; cursor: pointer; font-style: normal; text-decoration: none; border: 0; margin: 0 5px; -webkit-background-clip: padding-box; font-size: 13px; line-height: 13px; font-weight: normal; padding: 9px 12px; } .dialog-prompt input { margin: 0; border: 0; font-family: 'Work Sans', sans-serif; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: 1.065em; padding: 8px; } .smoke-base { background: rgba(0, 0, 0, .6); } .smoke-base .dialog { top:40%; width: 700px; left: 50%; margin-left: -350px; } .smoke-base .dialog-inner { padding: 15px; color: #202020; } .smoke { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 8px #666; } .dialog-buttons button { background-color: #003879; border-radius: 0; color: #fff; } .dialog-buttons button.cancel { background-color: rgba(0, 0, 0, .40); } .awardsDetails ul, .view-id-awards ul { list-style:none; padding:0; margin:0; } .awardsDetails ul li, .view-id-awards ul li { padding:0; margin:0; }/********** 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; } table table, .tableData table { margin:0 } th, td, .tableData th, .tableData td { border:none; padding:5px 10px; border-bottom:1px solid #ececed; border-right:1px solid #ececed; } table tr:nth-child(odd) td, .tableRowOdd { background-color:#f7f7f7; } caption, th, td { font-weight: normal; background:#fff } th, .tableData th { background:#003879; color:#fff; line-height:20px; } .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 -15px; } .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 *********/ /* commented babula .topMenu { margin:0; position:relative; clear:both; z-index:9; float:left; } .toggleMenu { display:none; padding:10px; text-decoration:none } .toggleMenu .mobileMenu { font-size:1.250em; color:#fff; } .toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(../../../images/mobile-menu.png) no-repeat center center; } #nav, #nav ul { list-style:none; margin:0; padding:0; } #nav li { margin:0; padding:0; position:relative; display:inline; float:left; } #nav li a { padding:13px 14px; color:#323232; display:inline-block; text-decoration:none; font-size:1.000em; line-height:1.500em; text-transform:none; position:relative; font-weight:normal; } #nav li:last-child a:before { display:none; } #nav ul { width:250px; top:100%; padding:0; left:0; position:absolute; background:#003879; } .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; font-size:0.938em; line-height:24px; color:#fff; border:none; border-top:1px solid rgba(255, 255, 255, 0.25); padding:8px 15px 8px 15px; text-align:left; font-weight:400; } #nav ul ul { top:0; left:300px } */ /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/ /* commented babula #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#fff } #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 { color:#fff; text-decoration:none; background-color:#003879; } #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:#f37021; color:#323232 } #nav ul li.focus > a { background-color:#e9e9e9; color:#060613; display:block; } #nav .menuIcon { display:none; position:absolute; right:5px; top:20px; width:9px; height:9px; } #nav li .menuIcon { background:url(../../../images/down-arrow.gif) no-repeat right center; z-index:10 } #nav li li .menuIcon { display:block; background:url(../../../images/right-arrow-white.png) 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); } .noJS #nav ul a:focus { width:200px; } .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:hover > ul li:nth-child(1) { transition-delay: 0.08s; -webkit-transition-delay: 0.08s; } #nav li:hover > ul li:nth-child(2) { transition-delay: 0.16s; -webkit-transition-delay: 0.16s; } #nav li:hover > ul li:nth-child(3) { transition-delay: 0.24s; -webkit-transition-delay: 0.24s; } #nav li:hover > ul li:nth-child(4) { transition-delay: 0.32s; -webkit-transition-delay: 0.32s; } #nav li:hover > ul li:nth-child(5) { transition-delay: 0.40s; -webkit-transition-delay: 0.40s; } #nav li:hover > ul li:nth-child(6) { transition-delay: 0.48s; -webkit-transition-delay: 0.48s; } #nav li:hover > ul li:nth-child(7) { transition-delay: 0.56s; -webkit-transition-delay: 0.56s; } #nav li:hover > ul li:nth-child(8) { transition-delay: 0.64s; -webkit-transition-delay: 0.64s; } #nav li:hover > ul li:nth-child(9) { transition-delay: 0.72s; -webkit-transition-delay: 0.72s; } #nav li:hover > ul li:nth-child(10) { transition-delay: 0.80s; -webkit-transition-delay: 0.80s; } .noJS #nav > li:hover > a { background-color:#003879; color:#fff; } #wrapperNav .container { position:relative; } */ /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; text-align: center; } .swiper-slide-invisible-blank { visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective:1200px; perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x } .swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; } .swiper-button-lock { display:none } .swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; background:#fff; opacity:.4; margin-right:10px; } button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-bullet-active { opacity:1; background:#fff; } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform; transition:.2s top, .2s -webkit-transform; -o-transition:.2s transform, .2s top; transition:.2s transform, .2s top; transition:.2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform; transition:.2s left, .2s -webkit-transform; -o-transition:.2s transform, .2s left; transition:.2s transform, .2s left; transition:.2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform; transition:.2s right, .2s -webkit-transform; -o-transition:.2s transform, .2s right; transition:.2s transform, .2s right; transition:.2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff } .swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000 } .swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 } .swiper-pagination-lock { display:none } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-scrollbar-lock { display:none } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain } .swiper-slide-zoomed { cursor:move } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-position:50%; background-size:100%; background-repeat:no-repeat } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position:absolute; left:0; top:0; opacity:0; z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } .swiper-container-fade .swiper-slide { -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide { } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { } .swiper-container-cube { overflow:visible } .swiper-container-cube .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% } .swiper-container-cube .swiper-slide .swiper-slide { } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {; visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 } .swiper-container-flip { overflow:visible } .swiper-container-flip .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide { } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px } .swiper-slide img { width:100%; } /* ******** Index Slider ******** */ .indexBanner { position:relative; } .indexBanner .sliderBanner .item { height:532px; } .noJS .indexBanner { height:532px; overflow:hidden } .customSelectLang a { display:inline-block !important; vertical-align:middle; } .customSelectLang input { display:inline-block; vertical-align:middle; padding:2px 5px; }/********** custom tabs **********/ .customTab { position: relative; border:1px solid #00c5ad; } .customTab .customTabNav { margin:0; padding: 0; list-style:none } .customTab .customTabNav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; } .customTab .customTabNav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 0.875em; font-weight: bold; color: #fff; } .customTab .customTabNav .active a { color: #00c5ad; text-shadow: none; background-color: white; } .customTab .customTabContent { padding: 15px; display:none; } .customTab .active { display: block; } .customTab .customTabNav .r-tabs-state-disabled { opacity: 0.5; } .customTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; } .customTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00c5ad; text-shadow: none; } .customTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .noJS .customTab .tabContainer { height:150px; overflow:hidden } .noJS .customTab .customTabContent { display:block; height:150px } .customTab .tabAccTitle { display:none; } /********* Back to Top **********/ #backtotop { cursor:pointer; display:none; height:40px; width:40px; overflow:hidden; position:fixed; right:10px; bottom:40px; z-index:999; display:none; font-size:26px; color:#fff; background: #014181; border-radius:3px; -webkit-border-radius:3px; text-align:center; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; background-size:200%; background-position:right top; } #backtotop:hover { background:#f37021; } /********* Accordion ******** */ #accordion { padding-top:0; } .accordion { margin-bottom:25px; } .accordion .accTrigger { padding:15px 40px 15px 20px; cursor:pointer; font-weight:600; color:#014181; background-color: #e5eef6; margin:0 0 10px 0; border: 1px solid #dfdfdf; font-size: 19px; border-radius: 15px; position:relative; } .accordion .accTrigger:before { position: absolute; right: 0; top: 5px; width:46px; text-align: center; font-size: 28px; font-weight:normal; font-family:'FontAwesome'; content:"\f105"; line-height:49px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .accordion .accTrigger.active:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .noJS .accordion .accTrigger { background:none; padding-left:0; } .accordion .accTrigger a { display:block; text-decoration:none; outline:0 } .accordion .accTrigger.active { background-color:#014181; border-radius:15px; color:#fff; margin:0; } .accordDetail { padding:10px 15px; display:none; border: 1px solid #dfdfdf; border-radius:15px; margin-top:-1px; margin-bottom:10px; } .noJS .accordDetail { display:block; padding:10px 0; } .noJS .accordion .accTrigger { background:none; } .noJS .accordDetail { display:block; padding:15px; } /*.accordion { margin-bottom:20px; } .accordion .accTrigger { background:url(../../../images/plus.png) left 5px no-repeat; padding-left:20px; cursor:pointer; font-weight:bold } .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 5px no-repeat !important; } .accordDetail { padding:10px 20px; display:none } .noJS .accordDetail { display:block; padding:10px 0 }*/ /********** Ticker *********/ .noJS .ticker .stop { display:none } .noJS .ticker ul { margin:0 } .noJS .ticker .tickerDivBlock { height:150px; overflow-y:scroll; overflow-x:hidden } /********* gmap3 - Google Map API *********/ .gmap3 { border: 1px dashed #C0C0C0; width: 100%; height: 400px; } .gmap3 img { max-width:inherit } .noJS .gmap3 { background:url(../../../images/map_bg.jpg) no-repeat; } /********* LiteBox v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; } @-webkit-keyframes liteboxLoader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes liteboxLoader { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes liteboxLoader { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes liteboxLoader { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes liteboxLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; } .litebox-overlay .litebox-text { font-size:1em; width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1em; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; } .litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../../../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; } .litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; } .litebox-overlay .litebox-prev { background: url(../../../images/litebox-prev.png) no-repeat center; left: 20px; } .litebox-overlay .litebox-next { background: url(../../../images/litebox-next.png) no-repeat center; right: 20px; } .litebox-overlay .litebox-container { position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; } .litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; } .litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; } .litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; background: #FFF; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; } .litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; } .litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; } @media only screen and (max-width: 479px) { .litebox-overlay .litebox-close { display: none; } } /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon { background-color:#003879; } .ui-datepicker th, .ui-state-highlight { background-color:#052847; } .ui-state-active, .ui-datepicker tbody a:hover { background-color:#ff672b; } .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color:#fff; font-family: 'Work Sans', sans-serif; font-size:13px; } .ui-datepicker { width:270px; padding: .2em .2em 0; display: none; box-shadow: 0 0 7px #8c8c8c; } .ui-datepicker .ui-datepicker-header { position: relative; padding:5px 0 7px 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 10px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; text-indent:-9999px; background: url(../../../images/date-pick-arrows.png) no-repeat 0 0; } .ui-datepicker .ui-datepicker-prev span { background-position:0 0; } .ui-datepicker .ui-datepicker-next span { background-position:100% 0; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:14px; margin:0 3px 0 0; padding:0; height:25px; background-color:#fff; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:48%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none; } .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color:transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color:transparent; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; } .calendarIcon { width:50px; height:52px; position:absolute; left:-50px; } .calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; } .calendarOut { padding:5px; } .calendarOut .ui-datepicker { width:100%; } .calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendarOut .button:hover { background-color:#173C84; } .ui-datepicker tbody a { color:#fff; } .ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; } .ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; } .ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; } .ui-datepicker-trigger, .ui-datepicker-trigger:hover { width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; padding:0; margin:0; position:absolute; right:4px; top:9px; background:url(../../../images/calendar-icon.png) no-repeat 0 0; } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .container { margin:0 auto; width:100%; max-width:1240px; } #content { min-height:450px; } .content { } .sidebar { } .fullWidth { } .noRecord { color:#F00; } /********** Top Links and Font Resize **********/ .topStrip { background:#003879; padding:10px 0; } .topLeft { float:left; } .rightLinks { float:right; } .topStrip ul { list-style:none; padding:0; margin:0 } .topStrip li { float:left; position:relative; } .topStrip a { color: #fff; display: block; font-size:0.813em; line-height:20px; text-decoration: none; } .topLeft span { display: block; } .topStrip li:before { background:#fff; position:absolute; height:13px; width:1px; left:0; top:50%; margin-top:-6px; content:""; } .topStrip a:hover { text-decoration:none; color:#fff; } .topStrip .topLeft ul li:first-child a, .topStrip ul.rightLink li:first-child a { padding-left:0; } .topStrip li:last-child { padding-right:0; } .topStrip .topLeft ul li:first-child:before, .topStrip ul.rightLinks li:first-child:before { display:none; } .topStrip .topLeft ul li { margin-top:2px; } .topStrip ul.rightLinks li.access a { display:block; line-height:35px; text-indent:-999em; overflow:hidden; } .topStrip ul.rightLinks li.access a:hover { text-decoration:none } .rightLinks a { line-height: 20px; } .topStrip .topLeft li a { padding:0 15px 0 15px; } .topStrip ul.rightLinks li a { padding:0 15px 0 15px; } .themeSetup { display:inline-block; margin-left:8px; margin-right:15px; float:left; position:relative; } .themeSetup:before { background:#fff; position:absolute; height:13px; width:1px; right:-12px; top:50%; margin-top:-6px; content:""; } /********** Access Control **********/ #accessControl input { height:20px; background:none; border:none; padding:0; width:22px; color:#fff; font-size:14px; vertical-align:middle; display:inline-block; } #accessControl input.font-normal { font-size:12px; width:15px; margin-left:10px; height:20px; line-height:20px; vertical-align:middle; } #accessControl input.font-large { font-size:14px; height:20px; line-height:20px; } #accessControl input.font-largest { font-size:16px; height:20px; line-height:20px; } #accessControl input:hover { color:#fff; } #accessControl .contrastChanger { width:19px; width:22px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; } #accessControl .contrastChanger.normal { background-image:url(../../../images/a-light.gif); margin-left:7px; } #accessControl .contrastChanger.wob { background-image:url(../../../images/a-dark.gif); } /********** CustomSelect **********/ .customSelectOuter { position:relative; background:#fff url(../../../images/drop-select-arrow.png) no-repeat right center; width:100%; padding:0; } .customSelect { font-size:12px; } .hasJS select.customSelect { position:absolute!important; width:100%!important; cursor:pointer; height:100%!important; left:0!important; top:0!important; border:0; background:#fff !important; padding:0; color: #5b5b5b !important; } span.customSelect.customSelectFocus { outline:1px dotted !important; } .hasJS select.customSelect option { padding:5px; font-size:14px; } span.customSelect { display:block; display:block!important; padding-right:20px; color:#5a5a5a; height:44px; line-height:44px; border:0 none; border-bottom:0 none; padding-left:0; font-size:16px; overflow:hidden; } .customSelectInner { display:block!important; width:auto!important; word-break:keep-all; overflow:hidden; } /********** From Page **********/ .formList { list-style:none; padding:0; margin:0; } .formList li { padding:0 0 15px; margin:0; } .required, .formList .error, .noData, .redText, .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; margin: 5px 0 0 10px; } .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; } .btnCenter { text-align:center; } /******************common css*****************/ .commonBtn { padding:17px 26px; color:#2d2d2d; font-size:1.000em; display:inline-block; background:#fdb933; text-decoration:none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; line-height:1; text-transform:uppercase; } .commonBtn:hover { color:#fff; background:#4c1084; } .commonBtn.fontBig { font-size:1.375em; font-weight:600; } .commonBtn.pdfIcon { padding-right:40px; } .commonBtn.pdfIcon span { display:block; position:relative; padding-right:10px; } .commonBtn.pdfIcon span:before { background:url(../../../images/pdf-icon.png) left top no-repeat; width:19px; height:17px; top:50%; left:100%; margin-top:-8px; content:""; position:absolute; } .padNone { padding:0 !important; } /***************Auto Complete***************/ .ui-autocomplete { width:266px; padding: 0; margin: 0; border: 1px solid #cccccc; background: #ffffff; z-index: 11111; list-style-type: none; max-height: 288px; overflow: auto; position:absolute !important; } .ui-autocomplete li { border-bottom: 1px solid #cccccc; font-size:13px; line-height:16px; } .ui-autocomplete li a { cursor:pointer; } .ui-autocomplete li a { display: block; color: #111; padding: 7px 10px; cursor: pointer; text-decoration: none; margin:0; background:#fff; } .ui-autocomplete li a:hover { text-decoration: none; background: #c4dbf5; } .ui-helper-hidden-accessible { display:none; } /*********************header***********/ #header { width:100%; } .logoRowWrap { padding:15px 0 15px; margin-top:0; } .logoRowWrap #logo { margin-bottom:0; text-align:center; position:relative; float:left; } .logoRowWrap #logo a { display:inline-block; } .menuWrapper { padding-right:30px; position:relative; margin-top:17px; } .searchBoxWrap { width:40px; position:absolute; left:0; top:12px; } .searchBox { font-size:18px; float:right; max-width:215px; width:100%; border-bottom:1px solid #ccc; margin-top:25px; position:absolute; z-index:1; display:none; } .searchBoxWrap a { color:#000000; font-size:20px; width:40px; height:40px; text-align:center; padding:5px; background:#f37021; border-radius:50%; display:inline-block; line-height:30px; } .search.active, .search.active:hover { color:#6b55fe; } .topLeftDepartSearch { float:left; max-width:185px; width:100%; margin-top:18px; position:relative; z-index:1; } .loginBtnWrap { float:left; } .searchBoxWrap input[type="text"] { background:#fff; height:34px; border:0 none; font-size:16px; width:100%; padding:5px 40px 5px 0 } .searchBoxWrap input[type="submit"] { background:url(../../../images/search-icon-blue.png) center center no-repeat; border:0 none; height:30px; width:30px; position:absolute; right:5px; top:0; text-indent:-999px; overflow:hidden; } .searchBoxWrap input[type="submit"]:hover { opacity:0.7; } .menuWrapper { float:right; } .searchBoxToggle { position:absolute; background:#003879; padding:8px; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 15px 32px rgba(34, 25, 90, 0.20); -webkit-box-shadow:0 15px 32px rgba(34, 25, 90, 0.20); right:-5px; top:50px; width:300px; z-index:1111; display:none; } .searchBoxToggle:before { border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #003879; content:""; top:-10px; right:15px; position:absolute; } .searchBoxToggle input[type="text"] { background:#fff; height:34px; font-size:15px; border:0 none; width:100%; padding:5px 40px 5px 10px } .searchBoxToggle input[type="submit"] { background:url(../../../images/search-icon.png) left top no-repeat !important; border:0 none; height:22px; width:22px; position:absolute; right:0; top:50%; text-indent:-999px; overflow:hidden; margin-top:-11px; color:#000 !important } .searchBoxToggle input[type="submit"]:hover { opacity:0.7; } .searchToggleWrap { position:relative; } .ui-helper-hidden-accessible { display:none; } .topStrip li.lang { padding:0 11px; margin-left:10px; } .noJS select.customSelect { height:24px; } .lang .customSelectOuter { width:57px; background:url(../../../images/lang-arrow.png) no-repeat right center; } .lang .customSelect { font-size:13px; } .lang select.customSelect { padding:0; background:#fff; } .lang span.customSelect { padding:0; color:#fff; } .lang .customSelectInner { margin-right:8px; } .lang .customSelectOuter .goButton { display:none; } .noJS .lang .customSelectOuter .goButton { display:block; position:absolute; right:0; top:0; padding:0; } .noJS .lang .customSelectOuter { width:100px; padding-right:28px; } .lang span.customSelect { height:24px; line-height:24px; } .topStrip .rightLinks li.lang a { padding:0; } .lang select { width:auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../../../images/lang-arrow.png) no-repeat right center; height:20px; border:0 none; color:#fff; font-size:13px; padding:0; padding-right:10px; } .textResizeWrapper { padding-left:5px; } /*******************commonCSS***************/ .contentSection { padding:60px 0; } .padNone { padding:0; } .contentBlockOuter { margin:0 -15px; } .contentBlock { float:left; padding:0 15px; } .width58pt { width:58%; } .width42pt { width:42%; } .contentSection h2 { font-size:2.500em; color:#323232; padding-left:0; position:relative; margin-bottom:40px; font-weight:400; text-transform:none; } .contentSection h3 { font-size:1.375em; color:#323232; margin-bottom:20px; line-height:1.3; font-weight:400; } .colsBlockRow { margin:0 -15px; } .colsBlock { padding:0 15px; float:left; width:100%; } .colsBlockRow.twoCols .colsBlock { width:50%; } .colsBlockRow.threeCols .colsBlock { width:33.33%; } .textCenter { text-align:center; } .colsBlockRow.fourCols .colsBlock { width:25%; } .centerTitle { text-align:center; margin-bottom:55px; } .arrowBtn { color:#003879; padding-right:26px; position:relative; display:inline-block; margin-bottom:0; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .arrowBtn:before { background:url(../../../images/arrow-icon.png) left top no-repeat; position:absolute; right:0; top:50%; margin-top:-5px; width:17px; height:12px; content:""; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .arrowBtn:hover:before { right:-5px; } .topRightLink { position:absolute; right:0; top:-50px; } /*******************Banner*******************/ .indexBanner { width:100%; margin:0; padding:0; position:relative; background:#003879; } .indexBanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover; height:480px; position:relative; } .indexBanner .swiper-slide > img { opacity:0; visibility:hidden; } .bannerCaption { position:absolute; z-index:1; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-right:25px; width:100%; } .bannerCaption .caption { max-width:750px; } .hindiDoc .bannerCaption h2 { line-height: 1.3; } .hindiDoc .bannerCaption h2 span { margin-bottom: 10px; } .bannerCaption h2 { font-size:3.250em; color:#fff; margin-bottom:30px; font-weight:700; line-height:1.2; text-transform:none; } .bannerCaption h2 span { font-size:0.462em; display:block; font-weight:400; } .bannerCaption p { font-size:1.000em; color:#fff; margin-bottom:35px; } .bannerCaption .commonBtn { background:none; border:1px solid #fff; border-radius:4px; -webkit-border-radius:4px; color:#fff; } .bannerCaption .commonBtn:hover { background:#fff; color:#323232; } .sliderBanner .swiper-button-prev { background:rgba(0, 0, 0, 0.40); width:48px; height:48px; position:absolute; left:15px; top:50%; margin-top:-24px; } .sliderBanner .swiper-button-next { background:rgba(0, 0, 0, 0.40); width:48px; height:48px; position:absolute; right:15px; top:50%; margin-top:-24px; } .sliderBanner .swiper-button-prev:before, .sliderBanner .swiper-button-next:before { background:url(../../../images/arrow-icon.png) left bottom no-repeat; position:absolute; left:50%; top:50%; margin-top:-5px; width:17px; height:12px; content:""; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; margin-left:-8px; } .sliderBanner .swiper-button-prev:before { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .sliderBanner .swiper-button-next:hover, .sliderBanner .swiper-button-prev:hover { background:rgba(0, 0, 0, 0.75); } .noJSBannerNav { display:none; } .sliderBanner .pagination { display:none; } .noJS .noJSBannerNav, .noJS .sliderBanner .pagination { display:block; } /*******************aboutUs*******************/ .aboutUs { width:100%; } .aboutUs .homeAbtBlock { max-width:775px; width:100%; padding-right:60px; } .ministerBlockWrap { padding-left:60px; position:relative; } .deptheadRow { margin-bottom:30px; } .deptheadRow:last-child { margin-bottom:0; } .deptheadRow .ministerImg { width:75px; height:75px; border:3px solid #fff; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; float:left; box-shadow:0 0 27px rgba(0, 0, 0, 0.21); -webkit-box-shadow:0 0 27px rgba(0, 0, 0, 0.12); } .deptHedInfo { padding-left:85px; } .deptHedInfo h3 { font-size:1.000em; color:#323232; font-weight:600; margin-bottom:5px; } .deptHedInfo p { font-size:0.875em; margin-bottom:0; } .ministerBlockWrap:before { background:#ccc; height:100%; width:1px; position:absolute; left:-30px; top:0; content:""; } /*******************newsAndUpdate*******************/ .newsUpdate { background:#f8f8f8; } .newsBox { background:#fff; border:1px solid #e1e1e1; position:relative; padding:50px 25px 50px 95px; border-radius:4px; -webkit-border-radius:4px; min-height: 208px; } .newsBox h3 { font-size:1.125em; font-weight:600; color:#003879; } .newsBox .newsDate { position:absolute; background:#f37021; width:70px; height:70px; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; text-align:center; padding:12px 5px; left:0; top:50px; } .newsDate span { font-size:1.875em; display:block; margin-bottom:0; line-height:1; } .newsUpdate p { margin-bottom:0; } .newsSliderWrap { position:relative; } .newsSliderWrap .topRightLink { top:-90px; } .newsSliderWrap .redText { background:#efdfdf; padding:10px 15px; text-align:center; color:#de0000; border:1px solid #ff7575; } /*************schemeAndProgramme****************/ .schemePrgWrap { position:relative; margin:0 -15px; max-width:715px; } .schemeBoxWrap { float:left; width:50%; padding:0 15px; margin-bottom:30px; } .schemeBoxWrap:nth-child(2n+1) { clear:left; } .schemeBox { background:#fff; border:1px solid #e1e1e1; position:relative; padding:35px 55px 35px 40px; border-radius:4px; -webkit-border-radius:4px; min-height:217px; } .schemeBox h3 { font-size:1.125em; font-weight:600; color:#003879; } .schemeBox p { margin-bottom:0; font-size:0.938em; word-wrap: break-word; } .schemeBox .arrowLink { background:#f37021; position:absolute; width:30px; height:30px; right:-15px; bottom:40px; text-indent:-999px; overflow:hidden; } .schemeBox .arrowLink:before { background:url(../../../images/arrow-icon.png) left top no-repeat; position:absolute; left:50%; top:50%; width:17px; height:12px; content:""; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } .schemeBox .arrowLink:hover { background:#003879; } .schemeBox .arrowLink:hover:before { background-position:left bottom; } .homeQuickIcoLinks { background:#f0f0f0; border:1px solid #cacaca; border-radius:4px; -webkit-border-radius:4px; } .homeQuickIcoLinks ul { margin:0; padding:0; list-style:none; } .homeQuickIcoLinks li { width:50%; float:left; border-bottom:1px solid #cacaca; } .homeQuickIcoLinks li:nth-child(odd) { border-right:1px solid #cacaca; } .homeQuickIcoLinks li:nth-last-child(1), .homeQuickIcoLinks li:nth-last-child(2) { border-bottom:0 none; } .homeQuickIcoLinks li a { min-height:200px; padding:45px 15px 25px; text-align:center; display:block; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .homeQuickIcoLinks li span.quickIcon { width:60px; height:54px; background:url(../../../images/sprite-icon.png) left top no-repeat; margin-bottom:10px; display:inline-block; text-indent:-9999px; overflow:hidden; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .homeQuickIcoLinks li span.ActsRulesIc { background-position:6px 0; } .homeQuickIcoLinks li span.quickIcon.TenderIc { background-position:-130px 0; width:46px; } .homeQuickIcoLinks li span.quickIcon.NewsUpdateIc { background-position:-66px top; width:51px; } .homeQuickIcoLinks li span.quickIcon.RightToInformationIc { background-position:-192px top; width:24px; } .homeQuickIcoLinks li span.quickIcon.CitizenCharterIc { background-position:-234px top; width:63px; } .homeQuickIcoLinks li span.quickIcon.GovernmentResolutionsIc { background-position:-317px top; width:52px; } .btnText { display:block; } .homeQuickIcoLinks li a:hover { background:#003879; color:#fff; } .homeQuickIcoLinks li a:hover span.ActsRulesIc { background-position:6px bottom; } .homeQuickIcoLinks li a:hover span.quickIcon.TenderIc { background-position:-130px bottom; width:46px; } .homeQuickIcoLinks li a:hover span.quickIcon.NewsUpdateIc { background-position:-66px bottom; width:50px; } .homeQuickIcoLinks li a:hover span.quickIcon.RightToInformationIc { background-position:-192px bottom; width:24px; } .homeQuickIcoLinks li a:hover span.quickIcon.CitizenCharterIc { background-position:-234px bottom; width:63px; } .homeQuickIcoLinks li a:hover span.quickIcon.GovernmentResolutionsIc { background-position:-317px bottom; width:52px; } .schemePrgWrap .topRightLink { top:-70px; right:15px; } /*******************socialIcon*******************/ .sticSocialIcon { position:fixed; right:0; top:40%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#fff; border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; z-index:111; box-shadow:-3px 0 8px rgba(0, 0, 0, 0.10); -webkit-box-shadow:-3px 0 8px rgba(0, 0, 0, 0.10); overflow:hidden; } .sticSocialIcon ul { margin:0; padding:0 0; list-style:none; } .sticSocialIcon li { width:100%; } .sticSocialIcon li a { font-size:1.250em; padding:2px 5px; text-align:center; width:35px; display:block; } .sticSocialIcon li a.twitter { color:#55acee; } .sticSocialIcon li a.facebook { color:#3b5998; } .sticSocialIcon li a.youtube { color:#d8362a; } .sticSocialIcon li a.instagram { color:#982e9b; } .sticSocialIcon li a.twitter:hover { color:#fff; background:#55acee; } .sticSocialIcon li a.facebook:hover { color:#fff; background:#3b5998; } .sticSocialIcon li a.youtube:hover { color:#fff; background:#d8362a; } .sticSocialIcon li a.instagram:hover { color:#fff; background:#982e9b; } /*******************footer*******************/ .logoStrip { display: none; flex-direction: row; justify-content: space-between; } .footer { margin:0; padding:30px 0; position:relative; background:#003879; color:#fff; font-size:0.938em; } .footerLeft { width:68%; float:left; } .footerRight { width:32%; float:left; } .footer p { margin-bottom:0; font-size:14px; } .socialLinks { margin:0; padding:0; list-style:none; } .socialLinks li { margin-bottom:10px; } .socialIconWrap { margin-top:-15px; } .socialIocns { padding-left:52px; background:url(../../../images/social-icon-spirte.png) left top no-repeat; font-family: 'Work Sans', sans-serif; color:#2d2d2d; line-height:40px; height:40px; display:inline-block; } .socialIocns:hover { color:#111; opacity:0.8; } .socialIocns.youtube { background-position:left -53px; } .socialIocns.twitter { background-position:left -107px; } .socialIocns.blogger { background-position:left -160px; } .chatBoxImg { position:absolute; right:40px; bottom:61px; z-index:111; } .footer p > span:first-child { margin-left:8px; } .footer p > span { display:inline-block; padding:0 8px; position:relative; } .footer p > span:before { background:#fff; height:15px; width:1px; position:absolute; left:-1px; top:50%; margin-top:-7px; content:""; } .footer p > span.visitorCounter:before { display:none; } .socialIconWrap { float:right; } .socialIconWrap > span, .socialIconWrap > div { display:inline-block; vertical-align:middle; } .socialIconWrap > span { margin-right:10px; color:rgba(255, 255, 255, 0.9); font-size:12px; } .footerRight p { text-align: right; margin-top:5px; } /****************inner Page Common Class************/ #innerBannerTemplate { background:#283467 url(../../../images/inner-banner-img.jpg) center top no-repeat; background-size:cover; width:100%; position:relative; min-height:302px; } .pageTitle { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; left:0; } .pageTitle h1 { /*font-size:2.500em; font-weight:700;*/ color:#fff; text-transform:none; margin-bottom:0; /*padding:34px 0;*/ margin-bottom:0; float:left; } #content.innerPageContent { background:#fff; min-height:420px; padding:40px 0; line-height:1.5; position:relative; } #innerBannerTemplate .breadcrumbs { margin:0; padding:0; list-style:none; position:absolute; bottom:15px; left:0; width:100%; } .breadcrumbs li .PathSeparator { padding-left:0 !important; } #innerBannerTemplate img { opacity:0; visibility:hidden; } /**************breadCum*******/ .breadcrumbs { padding:10px 0; } .breadcrumbs ul { margin:0; padding:0; list-style:none; } .breadcrumbs li { display:inline-block; margin:0; padding:0; font-size:0.813em; color:#fff; } .breadcrumbs li span:first-child a { padding-left:0; } .breadcrumbs li span { display:inline-block; } .breadcrumbs li span a { color:#fff; position:relative; display:inline-block; padding:0 15px; text-decoration:none; margin-right:12px; } .breadcrumbs li span a:hover { text-decoration:underline; } .breadcrumbs li span a:after { background:#fff; height:13px; width:1px; position:absolute; right:-5px; top:50%; margin-top:-6px; content:""; display:none; } .breadcrumbs li span a:before { content:"\f105"; position:absolute; right:3px; top:50%; margin-top:-11px; font-size:14px; position:absolute; font-family:'FontAwesome'; color:#fff; font-weight:100; } .breadcrumbs li span:last-child { padding:0 0 0 15px; } .breadcrumbs li span:last-child span { padding:0; } /**************innerPage content**************/ #content.innerPageContent { padding:35px 0; } .innerPageContent h2 { font-size:1.475em; font-weight:700; margin-bottom:20px; color:#000; } .innerPageContent h3 { font-size:1.300em; font-weight:700; margin-bottom:20px; color:#000; } .innerPageContent h4 { font-size:1.250em; } .innerPageContent p { font-size:1.000em; color:#323232; } p.bigFontText { font-size:1.313em; line-height:1.5; color:#003879; font-weight:300; } .leftContPart { max-width:840px; } .contentViedoWrapper { margin-bottom:45px; box-shadow:0 9px 24px rgba(0, 0, 0, 0.20); -webkit-box-shadow:0 9px 24px rgba(0, 0, 0, 0.20); } .contentViedoWrapper { position:relative; padding-bottom:53.25%; /* 16:9 */ padding-top:25px; height:0; width:100%; border-radius:15px; -webkit-border-radius:15px; overflow:hidden; } .contentViedoWrapper iframe, .contentViedoWrapper video, .contentViedoWrapper object { position:absolute; top:0; left:0; width:100%; height:100%; } .contentViedoWrapper video { width:100%; height:auto; } .bigBulletList { margin:0 0 30px; padding:0; list-style:none; } .bigBulletList li { margin-bottom:30px; padding-left:43px; position:relative; } .bigBulletList li h3 { margin-bottom:0px; } .bigBulletList li:before { position:absolute; width:31px; height:31px; position:absolute; left:0; top:5px; content:""; background:#f37021 url(../../../images/arrow-icon.png) center 10px no-repeat; } .incumBencyList { margin:0 -10px; padding:0; list-style:none; } .incumBencyList li { width:25%; float:left; width:25%; padding:0 10px; margin-bottom:20px; } .incumbencyChart { padding-top:70px; border-top:1px solid #d1d1d1; } .incumbencyChart h2 { margin-bottom:40px; } .officerList { text-align:center; } .officerList .duretaion { background:#e4e2e2; padding:8px 10px; color:#444444; font-size:0.875em; text-transform:uppercase; display:block; margin-bottom:20px; border-radius:20px; -webkit-border-radius:20px; text-align:center; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; position:relative; } .officerImg { width:152px; height:152px; border:10px solid #f3f3f3; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; display:inline-block; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; box-shadow:none; -webkit-box-shadow:none; } .officerDetail p { font-size:0.938em; color:#666666; } .officerDetail p strong { color:#222222; font-size:1.063em; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .officerList:hover .duretaion { background:#f37021; margin-top:-15px; font-weight:600; margin-bottom:35px; } .officerList .duretaion:before { border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f37021; position:absolute; left:50%; top:100%; margin-left:-8px; content:""; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; opacity:0; visibility:hidden; } .officerList:hover .duretaion:before { opacity:1; visibility:visible; } .officerList:hover .officerImg { box-shadow:0 11px 46px rgba(0, 0, 0, 0.22); -webkit-box-shadow:0 11px 46px rgba(0, 0, 0, 0.22); } /**************sidebarMenu************/ .sideRightMenu .heading { display:none; } .sideRightMenu ul { margin:0; padding:0; list-style:none; } .sideRightMenu li { display:block; font-size:1.000em; color:#555; border-bottom:1px solid #d3d3d3; } .sideRightMenu li a { display:block; position:relative; padding:18px 5px 18px 45px; color:#555; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .sideRightMenu li a:hover, .sideRightMenu li a.active { font-weight:600; } .sideRightMenu li a:before { background:#e8e8e8 url(../../../images/samll-arrow-gray.png) center no-repeat; width:25px; height:25px; position:absolute; left:4px; top:19px; content:""; border-radius:3px; -webkit-border-radius:3px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .sideRightMenu li a:hover:before, .sideRightMenu li a.active:before { background:#f37021 url(../../../images/small-arrow-blue.png) center no-repeat; } /********Module Search***********/ .moduleSearchOuter { padding:20px; margin-bottom:35px; background:#f1f1f1; } .moduleSearchOuter .buttonRow { display:inline-block; vertical-align:middle; margin-top:28px; } .moduleSearchOuter .buttonRow input { height:40px; border-radius:3px; -webkit-border-radius:3px; } .moduleSearchOuter .buttonRow input:first-child { margin-right:10px; } .moduleSearch { background:none; padding:0 0; display:inline-block; margin-bottom:0; vertical-align:middle; } .moduleSearch li { float:left; width:auto; list-style:none; padding-right:15px; } .moduleSearch li:last-child { width:auto; } .moduleSearch li label, .moduleSearch li .label { padding:0 15px 0 0; display:block; margin-bottom:5px; vertical-align:middle; } .moduleSearch li .inputCol { display:inline-block; position:relative; width:200px; vertical-align:middle; } .moduleSearch li .inputCol .note { position:absolute; left:0; bottom:0; } .moduleSearch li:first-child .inputCol { width:500px; } .moduleSearch li input[type="text"], .moduleSearch li select { width:100%; background:#fff; border:1px solid #c6cad5; height:40px; border-radius:3px; -webkit-border-radius:3px; } .moduleSearch li .customSelectOuter { cursor:pointer; background:#ffffff url(../../../images/select-arrow.png) no-repeat right center; border-radius:3px; -webkit-border-radius:3px; } .moduleSearch li .customSelect { height:40px !important; line-height:20px; padding:10px 35px 10px 15px; border:0 none; } .moduleSearch li .btnSearchReset input { line-height:34px; padding:0 15px; height:40px; } .moduleSearch .ui-datepicker-trigger, .moduleSearch .ui-datepicker-trigger:hover { top:7px !important; } .moduleSearch.grDocument li .inputCol { width:300px; } /*****************misc CSS****************/ .addressDiv h4 { margin-bottom:10px; font-size:1.250em; font-weight:700; } /*******************feedback Form*************/ .feedbackForm { background:#ededed; padding:35px; } .feedbackForm ul { margin:0 -15px; padding:0; list-style:none; } .feedbackForm li { width:50%; float:left; padding:0; } .feedbackForm li .fieldCol { width:50%; float:left; padding:0 15px; margin-bottom:30px; } .feedbackForm input[type="text"], .feedbackForm select, .feedbackForm input[type="email"], .feedbackForm input[type="tel"], .feedbackForm textarea { width:100%; border:1px solid #cfcfcf; background:#fff; height:46px; } .feedbackForm textarea { height:141px; } .fieldsRequired { margin-top:10px; text-align:right; } .feedbackForm li:nth-child(8), .feedbackForm li:nth-child(8) .fieldCol { width:100%; } .feedbackForm li:nth-child(10) .fieldCol { width:100%; } .captchaWrap { position:relative; padding-right:190px; } .captchaWrap .captchaImg { width:180px; position:absolute; right:0; top:0; border:1px solid #c6cad5; } .feedbackForm .title2 { font-size:26px; } .feedbackForm .successMsg { color:#1c4700; } .feedbackForm .fieldCol { margin-bottom:20px; } .checkFeild { display:inline-block; } .feedbackForm input[type="file"] { border: 1px solid #cfcfcf; background:#fff; padding: 9px 10px; height:46px; color: #323232; width:100%; } .width40 { max-width:550px; } .captchaWrap, .feedbackForm .captchaWrap { padding-right: 240px; } .captchaWrap .captchaImg, .feedbackForm .captchaWrap .captchaImg { right: 45px; } .captchaWrap .captchaRefresh, .feedbackForm .captchaWrap .captchaRefresh { position: absolute; right: 0; top: 0; width: 45px; height: 45px; text-align: center; line-height: 45px; font-size:22px; } /*****************sitemap*****************/ .sitemapBtnExport { margin-bottom:30px; float:right; } .sitemapDiv { margin-bottom:30px; float:left; width:25%; } .sitemapDiv ul { padding:0; margin:0; list-style:none; } .sitemapDiv > a { font-size:1.000em; color:#283467; padding-left:20px; margin-bottom:10px; font-weight:600; margin-left:0; position:relative; } .sitemapDiv > a:before { content:"\f105"; font-family:'FontAwesome'; color:#283467; position:absolute; left:0; top:-4px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .sitemapDiv li a { color:#283467; position:relative; padding-left:20px; margin-left:20px; } .sitemapDiv li a:before { content:"\f105"; font-family:'FontAwesome'; color:#58595b; position:absolute; left:0; top:-4px; transition:all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } /**********Photo Gallery**********/ .records { float:left; } .records .txt, .records select { float:left; font-size:0.929em; line-height:1.615em; } .records .txt { margin-top: 3px; } .records .goBtn { margin-left:7px; padding:3px 5px 1px; color:#fff; font-size:0.929em; line-height:1.231em; vertical-align:middle; } .records.go { float:right; } .paging { float:none; padding:0 136px 0 180px; line-height:normal; text-align:center; } .paging table { width:auto; border:0; display:inline-block; vertical-align:middle; margin:0; } .paging table tr td { background:none; border:0; padding:0 5px; } .pagingbar { padding:10px 15px 8px; border:1px solid #dadada; background:#f1f2f2; } .pagingbar select { font-size:0.929em; padding:0; border:1px solid #bbb; background:#fff; width:auto; height:26px; min-width:50px; } .pagingbar .txt { font-size:14px; margin:0; padding-right:10px; line-height:30px; } .paging input { color:#fff; display:inline-block; vertical-align:middle; padding:0 5px; cursor:pointer; } .paging input.aspNetDisabled, .paging input.aspNetDisabled:hover { background:#ccc; } .paging input.prevBtn { background:url(../../../images/previous-gallery.png) no-repeat scroll center center; height: 26px; text-indent: -999em; width: 24px; border:none; } .paging input.prevBtn:hover { background: url(../../../images/previous-gallery-hover.png) no-repeat scroll center center; } .paging input.nextBtn { background: url(../../../images/next-gallery.png) no-repeat center center; height: 26px; text-indent: -999em; width: 24px; border:none; } .paging input.nextBtn:hover { background: url(../../../images/next-gallery-hover.png) no-repeat scroll center center; } .paging input:hover { background:#F7941D; } .photoGallery, .videoGallery { position:relative; } .photoGallery .backBtn, .videoGallery .backBtn { position:absolute; right:0; top:0; } .gallery { margin:20px 0; padding:0; list-style-type:none; height:auto } .gallery li { float:left; width:25%; position:relative; padding:5px; } .gallery li .galleryBox, .gallery li .imageHolder { box-shadow:0 0 5px #cccccc; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .gallery li .galleryBox.image, .gallery li .imageHolder image { padding:0; box-shadow:0 0 0 #cccccc; } .gallery li .galleryBox:hover { background:#f6f6f6; } .gallery .galleryBox:hover .albmText, .gallery .photoInner:hover .albmText, .gallery .photoInner:hover .imgZoom, .gallery .photoInner:hover .playVideo { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform:translateX(0%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .gallery .galleryBox input[type="image"] { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .photoGallery .albumTitle { font-size: 1.7em; padding-right:180px; } /*.gallery .galleryBox:hover input[type="image"] { transform: scale(1.1); -webkit-transform: scale(1.1); }*/ .gallery .galleryBox .img, .gallery li .imageHolder { position:relative; overflow:hidden; padding:10px; border-bottom:2px solid #e5e5e5; } .gallery .galleryBox .img, .gallery .galleryBox .bord, .gallery li .imageHolder { position:relative; /*height:170px;*/ overflow:hidden; } .gallery .galleryBox .bord img { /*width:auto; max-width:inherit;*/ } .gallery .galleryBox .bord .zoom { position:absolute; visibility:hidden; opacity:0; text-align:center; color:#fff; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); transition: all 0.3s ease 0ms; } .gallery .galleryBox .bord .zoom img { width:auto; max-width:inherit; } .gallery .galleryBox .bord .zoom span { display:block; } .gallery .galleryBox.image h3 { display:none; } .gallery .galleryBox:hover .bord .zoom { visibility:visible; opacity:1; } .gallery .galleryBox .img .viewAlbum { /*background:url(../../../images/folder.png) no-repeat 0 0;*/ display:block; height:170px; display:table-cell; vertical-align:middle; } .gallery .galleryBox h3 { font-size:1.000em; margin:0; padding:10px; text-align:center; line-height:22px; height:86px; overflow:hidden; } .gallery .img input[type="image"], .gallery .photoInner .imgThumb { display: block; float: left; position: relative; top: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width:100%; } /*.gallery .img input[type="image"]{background:url(../../../images/view-album-icon.png) no-repeat scroll center center;}*/ .gallery .photoAlbName { position:absolute; left:0; top:0; height:100%; width:100%; } .gallery .folder { background-image:url(../../../images/folder.png); background-position:center 40%; background-repeat:no-repeat; } .gallery .photoZoom { background-image:url(../../../images/photo-zoom.png); background-position:center 40%; background-repeat:no-repeat; } .gallery .photoAlbName { color:#fff; text-decoration:none; float: left; width: 100%; height:100%; position: absolute; top:0; left: 0; background-color:#004185; z-index: 10; text-align: center; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height:18px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } /*.gallery .galleryBox:hover .photoAlbName { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform:translateX(0%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }*/ .gallery .photoAlbName h3 { margin:0; } .gallery .photoAlbName a { color:#fff; font-size:1.000em; display:block; padding:10px; } .gallery .photoAlbName a:hover { color:#95c3f3; } .gallery .photoAlbName .photoName, .gallery .videoName, .gallery .size { display:block; padding-top:10px; } .gallery .bord img { width:100%; } .gallery .totalVideos, .gallery .size { font-size:0.875em; display:block; } .photoGallery .pagingbar .customSelectOuter, .videoGallery .pagingbar .customSelectOuter { display:inline-block; background: #ffffff url(../../../images/select-arrow.png) no-repeat scroll right 10px; border:1px solid #ccc; cursor: pointer; width:auto; height:30px; } .photoGallery .pagingbar .customSelectOuter span.customSelect, .videoGallery .pagingbar .customSelectOuter span.customSelect { padding:2px 35px 2px 10px; height:30px; } .photoGallery .pagingbar .customSelectOuter .customSelectInner, .videoGallery .pagingbar .customSelectOuter .customSelectInner { line-height:23px; } .videoList a, .videoList a:hover { color:#fff; } /********************contact us pages**************/ .mapWrap { width:50%; height:auto; position:absolute; right:0; top:0; bottom:0; overflow:hidden; } .mapWrap img { max-width:none; width:100%; height:auto; } .contactUsWrap { max-width:50%; width:50%; padding-right:40px; padding-top:30px; padding-bottom:30px; } .contactLogo { margin-bottom:40px; } .contactUsWrap h2 { font-size:1.313em; color:#003879; margin-bottom:25px; font-weight:600; } .contactUsWrap p { font-weight:600; } .contactList { margin:0; padding:0; list-style:none; } .contactList li { font-size:0.938em; margin-bottom:15px; padding-left:23px; position:relative; } .contactList li:before { background:url(../../../images/contact-icon.jpg) left top no-repeat; width:18px; height:18px; position:absolute; left:0; top:3px; content:""; } .contactList li.fax:before { background-position:left -41px; } .contactList li.email:before { background-position:left -84px; height:16px; } /************commonListing ***********/ .commonListing { margin:0; padding:0; list-style:none; } .commonListing li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dadada; } .commonListing li span { display:inline-block; font-size:1.125em; margin-right:7px; } .commonListing li p { margin-bottom:0; } .commonListing .thumbDate, .commonListing .dateMonth { color:#1e4f89; font-size:14px; margin-bottom:5px; } .commonListing .thumbTitle { font-size:1em; font-weight:600; color:#003879; margin-bottom:5px; } .commonNewsListing .thumbImg { /* hide temporary */ display:none; width:150px; border:1px solid #dadada; padding:0; float:left; margin-right:10px; height:110px; overflow:hidden; } .commonNewsListing .thumbImg img { max-height:100%; min-height:132px; min-width:100%; height:auto; } .commonNewsListing .thumbDesc { /*padding-left:180px;*/ /* comment temporary */ } /**************detail Description*************/ .deatilDescription h2 { margin-bottom:10px; color:#1e4f89; } .deatilDescription .newsDate, .deatilDescription .date { color:#1e4f89; font-size:1.000em; margin-bottom:0; margin-bottom:15px; } .deatilDescription .newsDate span { display:inline-block; font-size:1.125em; margin-right:7px; } .deatilDescription .newsDetailImg { margin-bottom:30px; margin-right:30px; float:left; max-width:500px; border:1px solid #dadada; } .eventDate > div { display:inline-block; margin-right:10px; } .tenderListing .thumbTitle { margin-bottom:15px; } /*************Advanced Search*************/ .advancedSearch { text-align:left; padding:20px; margin:0 auto; background:#fff; box-shadow: 0 0 5px #cccccc; } .advancedSearch ul.bulletText { margin:10px 0 0 0; } .advancedSearch hr { border-color:#e8e8e8; } .pagingWrapper { display:table; width:100%; margin-top:15px; } .pagingCount { float:left; padding:5px 0; } .photoGallery .pagingNo, .videoGallery .pagingNo { float:none; } .pagingNo { float:right; } .pagingNo ul { margin:0; padding:0; list-style:none; } .pagingNo ul li { float:left; } .pagingNo ul li span { float:left; padding:0 2px; } .pagingNo input { background: #094174 none repeat scroll 0 0; color: #fff; font-size:14px; margin: 0 2px; height:30px; width:30px; float:left; line-height:25px; padding:0 5px; } .pagingNo input.prevBtn, .pagingNo input.nextBtn { width:100%; margin:0; } .pagingNo input:hover { background:#e35840; } .pagingNo input.aspNetDisabled { cursor:default; background:#d6d6d6; color:#727272; } .pagingWrapper { text-align:center; } .advancedSearch .totalResult { margin-bottom:10px; } .advancedSearch input[type="text"] { width:320px; background:#fff; } .advancedSearch table td input, .advancedSearch table td label { float: left; font-weight: normal; padding: 0; background:none; line-height:14px; } .advancedSearch table tr td { background: none !important; padding:0 10px 0 0; } .advancedSearch table, .advancedSearch table tr td { border:0; width:auto; margin:0; } .advancedSearch table td label { margin-right:5px; } .advancedSearch h4 { font-size: 1.000em; margin-bottom:10px; color:inherit; display:inline-block; } .advancedSearch label { margin-right:5px; font-size:0.967em; } .advancedSearch hr { margin:0 0 10px 0; } .advancedSearch .dateRange { margin-bottom:20px; } .advancedSearch .dateRange .formGroup { width:50%; float:left; } .advancedSearch .dateBlock { position:relative; display:inline-block; } .advancedSearch fieldset { display:inline-block; margin:0 0 0 10px; position:relative; top:2px; } .advancedSearch .keyword { padding-bottom:10px; } .advancedSearch p { margin:0; } .advancedSearch ul.bulletText a { text-decoration:none; } .rightInfoTable.tableData td a { word-break:break-all; display:block; } .paymentText { display:block; width:100%; font-size:12px; clear:both; text-align:right; color:rgba(255, 255, 255, 0.7); margin-bottom:0; padding-top:3px; } .paymentText img { vertical-align:middle; display:inline-block; margin-left:5px; } /**********Wob**********/ .wob .required, .wob .formList .error, .wob .noData, .wob .redText, .wob .error { color:#fea1a1; } .wob #content a { color:#ff0; } .wob #content a:hover { color:#80ff00; } .wob .topStrip, .wob .searchBoxToggle, .wob .indexBanner, .wob .newsUpdate, .wob .footer, .wob .ui-datepicker, .wob .eventCalOut, .wob .calendarIcon { background:#222; } .wob .logoRowWrap, .wob .newsBox, .wob .schemeBox, .wob .homeQuickIcoLinks, .wob .sticSocialIcon, .wob .pagingbar, .wob .gallery li .galleryBox:hover, .wob .feedbackForm { background:#333; } .wob .aboutUs, .wob .schemeAndProgramme, .wob #content.innerPageContent, .wob .bannerContent { background:#000; } .wob #logo { background:url(../../../images/logo-white.png) left top no-repeat; background-size:contain; } .wob #logo img { visibility:hidden; opacity:0; } .hindiDoc.wob #logo { background:url(../../../images/logo-guj-white.png) left top no-repeat; background-size:contain; } .hindiDoc.wob #logo img { visibility:hidden; opacity:0; } .wob #nav li a, .wob .searchBoxWrap a, .wob .contentSection h2, body.wob, .wob .deptHedInfo h3, .wob p.bigFontText, .wob .innerPageContent p, .wob .innerPageContent h2, .wob .innerPageContent h3, .wob .officerDetail p strong, .wob .sideRightMenu li a, .wob ul.bulletText li:before, .wob .sticSocialIcon a, .wob .commonListing .thumbDate, .wob .commonListing .dateMonth, .wob .deatilDescription .newsDate, .wob .deatilDescription .date, .wob .sitemapDiv li.sitemapTitle a:before, .wob .sitemapDiv li.sitemapTitle a, .wob .sitemapDiv li a:before, .wob .sitemapDiv li a, .wob .commonListing .thumbTitle, .wob .fileSize, .wob .pdfSize { color:#fff; } .wob .searchBoxToggle:before { border-bottom:10px solid #222; } .wob #nav > li > a:hover, .wob #nav > li.hover > a, .wob #nav > li.focus > a, .wob #nav > .highlight > a { background:#222; color:#fff; } .wob #nav ul { background:#222; } .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:#fff000; color:#000; } .wob .indexBanner .swiper-slide:before { background:rgba(0, 0, 0, 0.6); left:0; top:0; right:0; bottom:0; position:absolute; content:""; z-index:1; } .wob .paging input.prevBtn, .wob .paging input.prevBtn:hover { background:url(../../../images/previous-gallery-c.png) no-repeat scroll center center; } .wob .paging input.nextBtn, .wob .paging input.nextBtn:hover { background: url(../../../images/next-gallery-c.png) no-repeat scroll center center; } .wob .gallery .photoAlbName, .wob .gallery .galleryBox { background:#000; } .wob .gallery .photoAlbName a:hover { color:#80ff00; } .wob .ui-autocomplete, .wob .ui-autocomplete li a { background:#000; color:#fff; border-color:#444; } .wob .ui-autocomplete li { border-color:#444; } .wob .ui-autocomplete li a:hover { color:#000; background:#ffff00; } .wob .ui-tooltip { background:#ffff00; color:#000; border-color:#ffff00; } .wob .ui-tooltip:before { border-bottom:7px solid #ffff00; } .wob #backtotop, .wob #backtotop > span { background:#ffff00; color:#000; } .wob table, .wob .tableData, .wob th, .wob td, .wob .tableData th, .wob .tableData td, .wob table, .wob .tableData { border-color:#4b4b4b !important; } .wob th, .wob .tableData th, .wob caption, .wob th { background:#333; } .wob td { background:#3d3d3d; } .wob table tr:nth-child(2n+1) td, .wob .tableRowOdd { background-color:#444; } .wob .arrowBtn:before { background-position:left bottom; } .wob .newsBox, .wob .schemeBox, .wob .homeQuickIcoLinks, .wob .contentViedoWrapper, .wob .pagingbar { border:1px solid #7c7c7c; } .wob .newsBox .newsDate { color:#000; } .wob .homeQuickIcoLinks li span.quickIcon.tenderIc { background-position:left bottom; } .wob .homeQuickIcoLinks li span.quickIcon.onlinePayment { background-position:-67px bottom; } .wob .homeQuickIcoLinks li span.quickIcon.actRulesIc { background-position:-133px bottom; } .wob .homeQuickIcoLinks li span.quickIcon.rightInfIc { background-position:-192px bottom; } .wob .homeQuickIcoLinks li span.quickIcon.citizenIc { background-position:-234px bottom; } .wob .homeQuickIcoLinks li span.quickIcon.govtResolutionsIc { background-position:-317px bottom; } .wob .homeQuickIcoLinks li a { background:#222; } .wob .largeSingleBanner { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .wob .sticSocialIcon a { color:#fff !important; } .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"] { background:#fff000; color:#000; } .wob .backBtn a { background:#fff000; color:#000 !important; } .wob input[type="submit"].cancelBtn, .wob input[type="button"].cancelBtn, .wob input[type="reset"].cancelBtn, .wob input[type="submit"].resetBtn { background:#575757; color:#fff; } .wob .searchBoxWrap a { background:#333 !Important; color:#fff !important; } .wob .contactLogo { background:url(../../../images/logo-white.png) left top no-repeat; } .wob .contactLogo > img { opacity:0; visibility:hidden; } .wob .ui-datepicker th, .wob .ui-state-highlight { background:#fff000; color:#000; } .wob .arrowLink { color:#000 !important; } .wob .advancedSearch { background:#333; } .successMsg { color:#4aa20f; } .wob #innerBannerTemplate img { opacity:1; visibility:visible; min-height:160px; } .wob .PayformWrap input[type="text"], .wob .PayformWrap input[type="email"], .wob .PayformWrap input[type="tel"], .wob .PayformWrap input[type="number"], .wob .PayformWrap input[type="url"], .wob .PayformWrap input[type="password"], .wob .PayformWrap input[type="search"], .wob .PayformWrap select, .wob .PayformWrap textarea { color:#fff !important; } .wob .schemeBox .arrowLink:hover { background:#f37021; } .wob .schemeBox .arrowLink:before { background-position: left top; }/***************************************payment Message******************/ .paymentBtnWrap { margin-top:40px; } .paymentBtnWrap a { margin-bottom:10px; } .paymentBtnWrap p { color:#003879; margin-bottom:5px; font-size:13px; } .paymentBtnWrap p span { display:block; font-size:13px; color:rgba(0, 0, 0, 0.6); } .wob #content .commonBtn { color:#000; background:#fff000; } .wob #content .commonBtn:hover { color:#333; background:#80ff00; } .wob .paymentBtnWrap p span { color:#fff; } .paymentBtnWrap .commonBtn { font-size:16px; font-weight:700; min-width:180px; text-align:center; } .paymentBtnWrap .commonBtn i { margin-left:5px; } .PayformWrap .btnRow { padding-top: 20px; } /*.paymentBtnWrap p{display:inline-block; vertical-align:middle; margin-left:15px; margin-top:15px;}*/ .paymentBtnWrap .commonBtn { vertical-align:middle; } .paymentBtnWrap .commonBtn i { font-size:15px; } .PayformWrap .fieldCol { margin-bottom:20px; } .PayformWrap .btnRow { margin-top:10px; } .PayformWrap .capchaWrap { position:relative; padding-right:170px; } .PayformWrap .captchImg { position:absolute; right:0; top:0; height:38px; border:1px solid #e6e6e6; padding-right:30px; } .PayformWrap .captchImg img { height:38px; } .PayformWrap .captchImg a { position:absolute; right:8px; top:50%; transform:translateY(-50%); white-space:nowrap; } .paymentBtnWrap h3 { border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:20px; } /************************no jS*********************/ .noJS .indexBanner { background:url(../../../images/banner-img.jpg) center top no-repeat !important; background-size:cover; } .noJS .newsSlider .swiper-slide { width:33.33%; float:left; padding:0 10px; } .noJS .newsSlider .swiper-wrapper { margin:0 -10px; } .noJS .searchBoxWrap a { display:none; } .noJS .menuWrapper { padding-right:0; } .noJS .searchBoxToggle { display:block; } .noJS .searchBoxToggle:before { display:none; } .schemePrgWrapSlider { display:none; } /***************contrast changes**********/ .contrastChanger.theme1 { background:#B2563D !important; border:1px solid rgba(255, 255, 255, 0.3) !important; } .contrastChanger.theme2 { background:#38640f !important; border:1px solid rgba(255, 255, 255, 0.3) !important; } .contrastChanger.original { background:#003879 !important; border:1px solid rgba(255, 255, 255, 0.3) !important; } /**************theme 1**************/ .theme1 p.bigFontText { color:#B2563D; } .theme1 #content a { color:#B2563D; } .theme1 #content a:hover { color:#8a3119; } .theme1 .topStrip, .theme1 .searchBoxToggle, .theme1 .indexBanner, .theme1 .ui-datepicker, .theme1 .eventCalOut, .theme1 .calendarIcon { background:#B2563D; } .theme1 .searchBoxToggle:before { border-bottom:10px solid #a7452b; } .theme1 .footer { background:#a7452b; } .theme1 #nav > li > a:hover, .theme1 #nav > li.hover > a, .theme1 #nav > li.focus > a, .theme1 #nav > .highlight > a { background:#B2563D; color:#fff; } .theme1 #nav ul { background:#B2563D; } .theme1 #nav li ul li a:hover, .theme1 #nav li ul li > a.selected, .theme1 #nav ul a:hover, .theme1.noJS #nav ul a:focus, .theme1 #nav ul a.selected, .theme1 #nav ul > .highlight > a { background:#a7452b; color:#fff; } .theme1 table, .wob .tableData, .theme1 th, .theme1 td, .theme1 .tableData th, .theme1 .tableData td { border-color:#ccc; } .theme1 th, .theme1 .tableData th, .theme1 caption, .theme1 th { background:#B2563D; } .theme1 td { background:#fff; } .theme1 .schemeBox .arrowLink { background:#B2563D; } .theme1 #content .schemeBox .arrowLink { color:#fff; } .theme1 .homeQuickIcoLinks li span.quickIcon, .theme1 .homeQuickIcoLinks li span.btnText { color:#963116; } .theme1 .paymentText { color:#fff; } .theme1 .sideRightMenu li a:hover::before, .theme1 .sideRightMenu li a.active::before { background-color:#d96e51; } .theme1 .commonListing .thumbDate, .theme1 .commonListing .dateMonth, .theme1 .deatilDescription h2, .theme1 .deatilDescription .newsDate, .theme1 .deatilDescription .date { color:#B2563D; } .theme1 input[type="submit"], .theme1 input[type="button"], .theme1 input[type="reset"], .theme1 button, .theme1 .button { background:#B2563D; color:#fff !important; } .theme1 input[type="submit"]:hover, .theme1 input[type="button"]:hover, .theme1 input[type="reset"]:hover, .theme1 button:hover, .theme1 .button:hover { background:#8a3119; color:#fff; } .theme1 .paging input.prevBtn { background: url(../../../images/previous-gallery.png) no-repeat scroll center center; } .theme1 .paging input.nextBtn { background: url(../../../images/next-gallery.png) no-repeat center center; } .theme1 .sitemapDiv li a::before { color:#B2563D; } .theme1 .homeQuickIcoLinks li span.quickIcon { background: url(../../../images/sprite-icon-theme1.png) left top no-repeat; } .theme1 .homeQuickIcoLinks li span.quickIcon.tenderIc { background-position:left top; width:46px; } .theme1 .homeQuickIcoLinks li span.quickIcon.onlinePayment { background-position:-67px top; width:50px; } .theme1 .homeQuickIcoLinks li span.quickIcon.actRulesIc { background-position:-133px top; width:39px; } .theme1 .homeQuickIcoLinks li span.quickIcon.rightInfIc { background-position:-192px top; width:24px; } .theme1 .homeQuickIcoLinks li span.quickIcon.citizenIc { background-position:-234px top; width:63px; } .theme1 .homeQuickIcoLinks li span.quickIcon.govtResolutionsIc { background-position:-317px top; width:52px; } .theme1 .homeQuickIcoLinks li a:hover { background:#B2563D; color:#fff; } .theme1 .homeQuickIcoLinks li a:hover span.quickIcon, .theme1 .homeQuickIcoLinks li a:hover span.btnText { color:#fff !important; } .theme1 .schemeBox .arrowLink::before { background-position:left bottom; } .theme1 .arrowBtn::before { background-image:url(../../../images/arrow-icon-theme1.png); } .theme1 .newsBox .newsDate { background:#f7ad99; } .theme1 .bigBulletList li:before { background-color:#d96e51; } body.theme1 #content .galleryBox .litebox { color:#fff; } .theme1 .dialog-buttons button { background-color: #B2563D; border-radius: 0; color: #fff; }/**************theme 2**************/ .theme2 p.bigFontText { color:#38640f; } .theme2 #content a { color:#356608; } .theme2 #content a:hover { color:#498e08; } .theme2 .topStrip, .theme2 .searchBoxToggle, .theme2 .indexBanner, .theme2 .ui-datepicker, .theme1 .eventCalOut, .theme2 .calendarIcon { background:#38640f; } .theme2 .searchBoxToggle:before { border-bottom:10px solid #38640f; } .theme2 .footer { background:#38640f; } .theme2 #nav > li > a:hover, .theme2 #nav > li.hover > a, .theme2 #nav > li.focus > a, .theme2 #nav > .highlight > a { background:#38640f; color:#fff; } .theme2 #nav ul { background:#38640f; } .theme2 #nav li ul li a:hover, .theme2 #nav li ul li > a.selected, .theme2 #nav ul a:hover, .theme2.noJS #nav ul a:focus, .theme2 #nav ul a.selected, .theme2 #nav ul > .highlight > a { background:#498e08; color:#fff; } .theme2 table, .wob .tableData, .theme2 th, .theme1 td, .theme2 .tableData th, .theme2 .tableData td { border-color:#ccc; } .theme2 th, .theme2 .tableData th, .theme2 caption, .theme2 th { background:#38640f; } .theme2 td { background:#fff; } .theme2 .schemeBox .arrowLink { background:#38640f; } .theme2 #content .schemeBox .arrowLink { color:#fff; } .theme2 .homeQuickIcoLinks li span.quickIcon, .theme2 .homeQuickIcoLinks li span.btnText { color:#356608; } .theme2 .paymentText { color:#fff; } .theme2 .sideRightMenu li a:hover::before, .theme2 .sideRightMenu li a.active::before { background-color:#c3ef9b; } .theme2 .commonListing .thumbDate, .theme2 .commonListing .dateMonth, .theme2 .deatilDescription h2, .theme2 .deatilDescription .newsDate, .theme2 .deatilDescription .date { color:#38640f; } .theme2 input[type="submit"], .theme2 input[type="button"], .theme2 input[type="reset"], .theme1 button, .theme2 .button { background:#38640f; color:#fff !important; } .theme2 input[type="submit"]:hover, .theme2 input[type="button"]:hover, .theme2 input[type="reset"]:hover, .theme2 button:hover, .theme2 .button:hover { background:#498e08; color:#fff; } .theme2 .paging input.prevBtn { background: url(../../../images/previous-gallery.png) no-repeat scroll center center; } .theme2 .paging input.nextBtn { background: url(../../../images/next-gallery.png) no-repeat center center; } .theme2 .sitemapDiv li a::before { color:#B2563D; } .theme2 .homeQuickIcoLinks li span.quickIcon { background: url(../../../images/sprite-icon-theme2.png) left top no-repeat; } .theme2 .homeQuickIcoLinks li span.quickIcon.tenderIc { background-position:left top; width:46px; } .theme2 .homeQuickIcoLinks li span.quickIcon.onlinePayment { background-position:-67px top; width:50px; } .theme2 .homeQuickIcoLinks li span.quickIcon.actRulesIc { background-position:-133px top; width:39px; } .theme2 .homeQuickIcoLinks li span.quickIcon.rightInfIc { background-position:-192px top; width:24px; } .theme2 .homeQuickIcoLinks li span.quickIcon.citizenIc { background-position:-234px top; width:63px; } .theme2 .homeQuickIcoLinks li span.quickIcon.govtResolutionsIc { background-position:-317px top; width:52px; } .theme2 .homeQuickIcoLinks li a:hover { background:#38640f; color:#fff; } .theme2 .homeQuickIcoLinks li a:hover span.quickIcon, .theme2 .homeQuickIcoLinks li a:hover span.btnText { color:#fff !important; } .theme2 .schemeBox .arrowLink::before { background-position:left bottom; } .theme2 .arrowBtn::before { background-image:url(../../../images/arrow-icon-theme2.png); } .theme2 .newsBox .newsDate { background:#c3ef9b; } .theme2 .bigBulletList li:before { background-color:#c3ef9b; } body.theme2 #content .galleryBox .litebox { color:#fff; } .footerLogoText p { display:inline-block; width:auto; vertical-align:middle; margin-bottom:5px; margin-left:10px; } .footerLogoText { clear:both; text-align:right; padding-top:10px; } .theme2 .dialog-buttons button { background-color: #38640f; border-radius: 0; color: #fff; } #accessControl input:focus { outline:thin dotted #fff; }/********tableClasses****************/ .width120 { width:120px; } .width140 { width:140px; } .width70 { width:70px; } .displayBlock { display:block; } .PayformWrap .captchImg a { width:14px; overflow:hidden; } .newsSliderWrap .playPause { position:absolute; right:102px; top: -90px; border-right: 1px solid #ccc; padding-right: 15px; } .wob .newsSliderWrap .playPause { color:#fff; } .mainSliderControls { position:absolute; width:100%; bottom:80px; z-index:1; color:#fff; font-size:28px; } .mainSliderControls .container > div, .mainSliderControls .container > a { display:inline-block; vertical-align:middle; margin-right:5px; width:15px; cursor:pointer; } .mainSliderControls .container > a { font-size:18px; color:#fff; } .hindiDoc .topStrip li:before { margin-top:-8px; } .hindiDoc .footerLinks li:before, .hindiDoc .footer p > span:before { margin-top:-10px; } .hindiDoc .breadcrumbs li span a:before { margin-top:-14px; } .hindiDoc .arrowBtn:before { margin-top:-10px; } .noJS .newsSliderWrap .playPause { display:none; } .ministerRow .soicalIcons { margin-top:5px; } .ministerRow .soicalIcons a { font-size:22px; display:inline-block; } .ministerRow .soicalIcons a.facebook { color:#3b5998 !important; margin-right:3px; } .ministerRow .soicalIcons a.twitter { color:#55acee !important; } .wob .ministerRow .soicalIcons a { color:#fff !important; } .hindiDoc .topStrip li { padding-top:5px; } .topStrip li.fontResize { margin-left:5px; } .hindiDoc .topStrip li.fontResize, .hindiDoc .topStrip li.lang { padding-top:0; } .hindiDoc .customSelectLang { font-family: 'Work Sans', sans-serif; } .hindiDoc .topStrip li.lang:before { margin-top:-6px; } .hindiDoc .customSelectLang { margin-top:-3px; } .helpCont p a { font-weight:700; } .fontResize form { padding-left: 12px; } .fontResize form p { margin:0; font-size:14px; } .fontResize form .btn { padding: 2px 10px; height: auto; font-size: 14px; } /*********************popup Forms****************/ .popupFormWrap { padding:15px 20px 20px; } .loginPopup { max-width:550px; width:550px; max-height:600px; overflow-y: auto; } .mfp-ajax-holder .mfp-content { background-color: #ffffff; width: auto; } .popupFormWrap h2 { font-size:26px; color:#003879; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #ccc; font-weight:700; } .popupFormWrap .commonForms .feildRow .feildCol { margin-bottom:20px; } .popupFormWrap .commonForms input[type="text"], .popupFormWrap .commonForms input[type="email"], .popupFormWrap .commonForms input[type="tel"] { height:42px; width:100%; } .popupFormWrap .captchaFeild { position:relative; } .popupFormWrap .captchaFeild .captchaImg { position:absolute; right:0; top:0; width:130px; border:1px solid #ccc; } .popupFormWrap .captchaFeild .captchaImg img { height:40px; width:100%; } .btnRow { margin-top:25px; } .popupFormWrap .error { font-size:12px; } .registrationPopup { max-width:1050px; width:1050px; } .xdsoft_datetimepicker { z-index: 99999 !important; } .feildRow { clear:left; } .feildRow.twoCols, .feildRow.threeCol { margin:0 -15px; } .feildRow.twoCols .feildCol { width:50%; float:left; padding:0 15px; } .feildRow.threeCol .feildCol { width:33.33%; float:left; padding:0 15px; } .feildCol.oneThirdWidth { width:66.66% !important; } .feildCol.fullWidth { width:100% !important; } .popupFormWrap .mandetoryText { float:right; margin-top:-15px; color:#777; font-size:13px; } .popupFormWrap label { color:#545454; } .popupFormWrap label.fullWidth { display:block; width:100%; } .fSingleRow { margin-bottom:15px; } .mfp-container { overflow-y:auto; } .registrationPopup textarea { min-height:198px; } .uploadPhotoWrap .userphoto { width:105px; float:right; max-height:80px; overflow:hidden; } .uploadPhotoWrap .userphoto img { border:1px solid #ddd; max-height:80px; width:100%; } .uploadPhotoWrap .fileUploadControl { padding-right:115px; } .uploadPhotoWrap .fileUploadControl input { width:100%; } .note { margin-top:5px; display:block; } .fileUploadControl.regUploadControl { position:relative; } .fileUploadControl.regUploadControl input[type="file"] { visibility:hidden; opacity:0; position:absolute; left:0; top:0; } .fileUploadControl.regUploadControl label { background-color:#00225d; color:#fff; text-align:center; padding:5px 10px; width:100%; } .popupFormWrap .btnRow { clear:both; } .mrgt70px { margin-top:-60px; } .interestRow label, .radiWrap label { margin-right:15px; } #spnErrorMsg { display:block; margin-bottom:20px; } .successMessage { display:block; margin-top:20px; } .tenderDetails { padding-top: 15px; } .tenderDetails .addendum { display:none; } .titleRow { position: relative; padding-top: 40px; } .titleRow .titleRightLink { position: absolute; right:0; top:6px; } .text-right { text-align: right; } /**************Photo Video Gallery**************/ .photoVideoList { margin: 0 -10px; padding: 0; list-style:none; } .photoVideoList li { float: left; width: 25%; padding: 10px; } .photoVideoCard { box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); background-color:#fff; border-radius:20px; overflow:hidden; } .photoVideoCard .imgHolder { height: 200px; overflow: hidden; background:#fff; position:relative; } .photoVideoCard .imgHolder img { transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .photoVideoCard:hover .imgHolder img { transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.8; } .photoVideoCard .imgHolder img, .photoVideoCard .imgHolder video { width:100%; } .photoVideoCard .videoPhotoDate { display:none; } .photoVideoCard .videoPhotoTitle { padding: 10px; font-weight: 500; font-size: 15px; min-height: 65px; text-align:center; } .photoVideoCard .videoPhotoTitle a { display:block; color: #003879; font-weight: 500; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; font-size: 15px; } .photoVideoCard .videoPhotoTitle a:hover { color: #333; } .videoCard .imgHolder, .videoCard .imgHolder video { height: 178px; } .photoVideoCard .imgHolder .fa { z-index: 1; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.7); font-family: 'FontAwesome'; content: "\f07c"; color: #003879; line-height: 60px; font-size: 25px; text-align: center; margin: -30px 0 0 -30px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; transform: scale(0); -webkit-transform: scale(0); } .photoVideoCard:hover .imgHolder .fa { transform: scale(1); -webkit-transform: scale(1); } /**************pagination**************/ .pagination { margin-top:25px; padding: 15px; background:#f1f1f1; } .pagination .pagingLeft { float:left; } .pagination .pagingRight { float:right; } .pagination label, .pagination select { display: inline-block; vertical-align: middle; } .pagination label { padding: 0; margin: 0; } .pagination select { width:100px; padding: 0 5px; height:30px; margin: 0 10px; background-color:#fff; } ul.pagination { margin: 0; padding: 0; list-style:none; background:none; float:right; } ul.pagination li { display: inline-block; vertical-align:middle; min-width: 25px; margin-left:5px; } ul.pagination li.active, ul.pagination li a, ul.pagination li a:hover { background-color:#003879; color:#fff; text-align:center; line-height: 18px; padding: 3px 5px; border-radius:4px; background-color:#003879; border:1px solid #003879; font-size:14px; } ul.pagination li a { display: block; text-decoration:none; background-color:#fff; color:#333; border-color:#b0b0b0; } .paginationWrap .pageCount, .paginationWrap .pagination-container { display: inline-block; vertical-align: middle; } .paginationWrap .pagination-container { float: right; } .forumDetail .eventDate { margin-bottom: 15px; color: #717171; } h3.smallTitle { font-size: 1.100em; font-weight: 600; margin-bottom:15px; color: #1e4f89; } .tagListContainer .tagContainer { padding:4px 9px; border-radius:3px; margin-right:5px; background-color:#e3e3e3; } /**************Comments**************/ .commentList, .commentList ul { margin: 0; padding: 0; list-style:none; } .commentList { margin-bottom: 17px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .commentBox { position: relative; padding-left:60px; min-height: 55px; } .commentBox .userPhoto { position: absolute; left:0; top:0; width:50px; z-index:1; height:50px; overflow:hidden; border-radius:50%; } .commentBox .userPhoto img { width:100%; height: auto; } .commentBox .userName { font-size: 14px; font-weight: 600; } .commentBox .userName, .commentBox .commentDate { display: inline-block; vertical-align:middle; margin-bottom: 5px; } .commentBox .commentDate { color:#777; padding-left:10px; font-size: 14px; } .commentBox .commnetDetail { margin-bottom: 0; font-size: 15px; } .commentBox .replylink a { font-size: 14px; } .commentBox .replylink .replyCount text { display:none; } .commentBox .replylink .replyCount { padding: 3px 6px; background: #a2a2a2; color: #fff; border-radius: 3px; line-height: 12px; display: inline-block; font-size: 13px; font-weight: 700; margin-left: 5px; } .commentList ul { margin-left:60px; } .commentList ul .commentBox { padding: 15px 15px 0 60px; } .commentList ul .userPhoto { top:15px; } .commentFormContainer ul { margin: 0; padding: 0; list-style:none; } .commentFormContainer ul li { margin-bottom:15px; } .grievanceDtlBox { padding: 20px; background:#e4f0ff; margin-bottom:25px; } .grievanceDtlBox h2 { color:#003879; font-size:1.1em; margin-bottom:10px; } .grievanceDtlBox ul { margin: 0; padding: 0; list-style: none; } .grievanceDtlBox ul li { margin:5px 0; font-size:15px; } .grievanceDtlBox label { font-weight:600; width: 110px; color: #003879; } .grievanceStatus { margin: 0; padding: 15px; list-style:none; } .grievanceStatus:nth-child(odd) { background-color:#f1f1f1; } .grievanceStatus li { margin: 1px 0; } .grievanceStatus li label { font-weight:600; width: 110px; color: #003879; } .grievanceStatus li .date label { display:none; } .grievanceStatus li .date { color:#777; padding-left:110px; display:block; font-size:14px; position: relative; top: -3px; } #aGotoEditPage { background: #5d8ee3; color:#fff; padding: 8px 15px; width:100%; display:block; text-align:center; } .loginBtnContainer { margin-top: 25px; } .commentFormContainer { padding: 15px; background: #f1f1f1; margin-top: 25px; } .commentFormContainer textarea { background:#fff; } .replyFormContainer { padding: 15px; background: #f1f1f1; margin-top: 15px; } .replyFormContainer textarea { background:#fff; } .replyFormContainer ul { margin:0 0 15px 0; } .redColor { color:#F00; } /* Babula added */ /* Header Starts */ .header { width:100%; margin:0; padding:0; } .logoSection { padding:10px 0; } .logo { float:left; } .logo h1 { margin:0; padding:0; } .headerRight { float:right; } .socialSection, .isoSection { float:left; } .socialSection ul, .isoSection ul { list-style:none; margin:0; padding:0; } .socialSection li, .isoSection li { display:inline-block; } .socialTitle { font-weight:400; font-size:17px; } .isoSection { margin:0 20px; padding:10px 20px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; } .positionRelative { position:relative; } .bannerCaptions { text-align:left; /*position:absolute; left:0; top:100px; z-index:10; text-align:left;*/ } .bannerCaptions h2 { font-family: 'Work Sans', sans-serif; font-weight:500; font-size:56px; color:#fff; line-height:56px; margin-bottom:20px; padding:0; } .bannerCaptions h2 .subline { font-weight:400; font-size:16px; display:block; line-height:16px; } .bannerBtn { padding:15px 20px; background:#fff; border-radius:30px; line-height:16px; font-size:16px; color:#f37021; font-weight:500; text-decoration:none; display:inline-block; position:absolute; left:50px; bottom:-115px; z-index:100; } .bannerBtn .fa { font-size:12px; } .owl-theme .owl-dots { z-index: 10; position: absolute; top: inherit; bottom: 50px; left: 7%; } /* Header Ends */ /* Middle Content */ .notify { float:left; width:100px; color:#f37021; font-weight:500; } .notifiSection { padding:10px 0; -webkit-box-shadow: 0px 3px 3px 0px #CCC; -moz-box-shadow: 0px 3px 3px 0px #CCC; box-shadow: 0px 3px 3px 0px #CCC; position:relative; z-index:1 } .marqueeWrap { padding:0 100px; } .notifyLink { float:right; width:100px; text-align:right; } .notifyLink a { color:#f37021; } .notifyLink a:hover { color:#666; } .btnMPause { width:20px; height:20px; border:1px solid #dcdcdc; text-indent:-100px; overflow:hidden; background:url(../../../images/play-pause.png) -1px -1px no-repeat; margin-right:10px; } .btnMPause.play { background-position:-1px -22px; } .marquee { margin:0; } .marquee ul, .marquee li { list-style:none; } .marqueeScrolling li { padding-right:25px; position:relative; } .marqueeScrolling li:after { content:" "; width:1px; background:#666; height:15px; position:absolute; right:0; top:2px; } .iconThumbs { background:#ededee; padding:20px 0; } .welcomeTitle { font-family: 'Work Sans', sans-serif; font-weight:500; font-size:36px; color:#323232; line-height:36px; margin:0; border-right:1px solid #dbdbdb; padding:0; margin:20px 0; } .welcomText { font-weight:500; font-size:20px; color:#323232; line-height:20px; margin:20px 0; } .iconList { margin:0 -10px; padding:0; list-style:none; } .iconList li { float:left; width:150px; height:150px; margin:15px; } .iconList li a { width:150px; height:150px; -webkit-box-shadow: 0px 0px 5px 8px #e6e6e6; -moz-box-shadow: 0px 0px 5px 8px #e6e6e6; box-shadow: 0px 0px 5px 8px #e6e6e6; background:#fff; color:#323232; text-align:center; padding:10px; display:block; border-radius:6px; text-decoration:none; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .iconList li a:hover { background:#014181; color:#fff; -webkit-box-shadow: 5px 5px 10px 5px rgba(175, 190, 206, 1); -moz-box-shadow: 5px 5px 10px 5px rgba(175, 190, 206, 1); box-shadow: 5px 5px 10px 5px rgba(175, 190, 206, 1); } .iconList li a .thumbIconText { font-weight:500; font-size:16px; line-height:16px; display:block; } .employeeCornerIco, .venderRegistrationIco, .ePaymentIco, .customerGrievanceIco, .gsfcGlanceIco, .greenInitativesIco, .tenderingIco, .agrinetPortalIco, .financialPerformanceIco, .groupVenturesIco, .publicationsIco, .productsIco, .compliancesIco, .marketingNetworkIco, .appDevIco, .usefulLinksIco, .anyComplaintsIco, .investorRelationIco { background:url(../../../images/iconThumb.png) 0 0 no-repeat; display:inline-block; margin-top:20px; transition: all 0.9s ease 0ms; -webkit-transition: all 0.9s ease 0ms; } .employeeCornerIco { background-position:0 0; width:51px; height:44px; } .venderRegistrationIco { background-position:0 -64px; width:44px; height:44px; } .ePaymentIco { background-position:0 -127px; width:31px; height:44px; } .customerGrievanceIco { background-position:0 -191px; width:59px; height:42px; } .gsfcGlanceIco { background-position:0 -253px; width:36px; height:62px; } .greenInitativesIco { background-position:0 -335px; width:45px; height:45px; } .tenderingIco { background-position:0 -400px; width:41px; height:41px; } .agrinetPortalIco { background-position:0 -461px; width:49px; height:40px; } .financialPerformanceIco { background-position:0 -522px; width:48px; height:46px; } .groupVenturesIco { background-position:0 -589px; width:49px; height:40px; } .publicationsIco { background-position:0 -649px; width:32px; height:40px; } .productsIco { background-position:0 -710px; width:47px; height:47px; } .compliancesIco { background-position:0 -778px; width:45px; height:44px; } .marketingNetworkIco { background-position:0 -842px; width:43px; height:43px; } .appDevIco { background-position:0 -1029px; width:37px; height:42px; } .usefulLinksIco { background-position:0 -1084px; width:25px; height:25px; } .anyComplaintsIco { background-position:0 -972px; width:37px; height:37px; } .investorRelationIco { background-position:0 -905px; width:47px; height:47px; } .iconList li a:hover .employeeCornerIco { background-position:100% 0; } .iconList li a:hover .venderRegistrationIco { background-position:100% -64px; } .iconList li a:hover .ePaymentIco { background-position:100% -127px; } .iconList li a:hover .customerGrievanceIco { background-position:100% -191px; } .iconList li a:hover .gsfcGlanceIco { background-position:100% -253px; } .iconList li a:hover .greenInitativesIco { background-position:100% -335px; } .iconList li a:hover .tenderingIco { background-position:100% -400px; } .iconList li a:hover .agrinetPortalIco { background-position:100% -461px; } .iconList li a:hover .financialPerformanceIco { background-position:100% -522px; } .iconList li a:hover .groupVenturesIco { background-position:100% -589px; } .iconList li a:hover .publicationsIco { background-position:100% -649px; } .iconList li a:hover .productsIco { background-position:99% -710px; } .iconList li a:hover .compliancesIco { background-position:99% -778px; } .iconList li a:hover .marketingNetworkIco { background-position:100% -842px; } .iconList li a:hover .appDevIco { background-position:100% -1029px; } .iconList li a:hover .usefulLinksIco { background-position:100% -1084px; } .iconList li a:hover .anyComplaintsIco { background-position:100% -972px; } .iconList li a:hover .investorRelationIco { background-position:100% -905px; } .newsLeft { float:left; width:30%; min-height:290px; background: rgba(224, 118, 19, 1); background: -moz-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224, 118, 19, 1)), color-stop(100%, rgba(254, 174, 36, 1))); background: -webkit-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -o-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -ms-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: linear-gradient(to right, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); position:relative; } .newsLeft:before { position:absolute; left:-200%; top:0; content:""; height:100%; width:200%; background:#e07613; } .newsLeft:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(254, 174, 36, 0); border-left-color: #feae24; border-width: 10px; margin-top: -10px; } .newsLeftInner { float:right; max-width:372px; width:100%; padding:50px 0 0 50px; font-weight:600; font-size:35px; line-height:35px; color:#fff; } .newsRightInner { float:left; max-width:868px; width:100%; padding:30px; } .newsRightInner .owlCarousel .item { /*display:table-cell; vertical-align:bottom;*/ } .newsRightInner .owlCarousel .item .newsBlock { /*display:table-cell; vertical-align:bottom;*/ transition: all 0.9s ease 0ms; -webkit-transition: all 0.9s ease 0ms; } .newsDate { font-size:14px; color:#f37021; font-weight:400; margin-bottom:10px; } .newsTitle { font-size:15px; color:#323232; font-weight:600; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .newsDesc { font-size:14px; color:#4f4f4f; font-weight:400; margin-bottom:10px; } .exploreBtn { padding:8px 20px; color:#fff; background:#014181; font-size:15px; font-weight:400; border-radius:25px; text-decoration:none; display:none; transition: all 0.9s ease 0ms; -webkit-transition: all 0.9s ease 0ms; } .exploreBtn:hover { background:#f37021; color:#fff; } .newsBlock:hover .exploreBtn { display:inline-block; } .newsRightInner .carouselBlock .owl-controls { position:absolute; left:-335px; bottom:75px; } .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-prev, .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-next { background:url(../../../images/news-arrows.png) 0 0 no-repeat; width:37px; height:37px; text-indent:-100px; overflow:hidden; } .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-prev { background-position:0 0; } .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-next { background-position:100% 0; } .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-prev:hover { background-position:0 -43px; } .newsRightInner .carouselBlock .owl-controls .owl-nav .owl-next:hover { background-position:100% -43px; } .newsRight { float:right; width:70%; } .tabbingSection { background:#014181; position:relative; } .tabbingSectionLeft { width:70%; float:left; } .tabbingSectionRight { width:30%; float:left; } .tabWrap { max-width:850px; width:100%; float:right; } .awardsWrap { position:relative; } .awardsWrap img { width:100%; height:auto; } .awardText { font-size:14px; line-height:14px; color:#323232; max-width:200px; width:100%; position:absolute; top:inherit; bottom:50px; left:15px; z-index:1; } .awardText h3 { font-size:34px; color:#323232; margin:0 0 10px; padding:0; line-height:34px; font-weight:500; } .mrgBNone { margin-bottom:0!important } .awardBtn { padding:8px 12px; background:#014181; border-radius:30px; line-height:14px; font-size:14px; color:#fff; font-weight:500; text-decoration:none; display:inline-block; } .awardBtn .fa { font-size:12px; } .tabImg { border-radius:10px; } .tabLineListing { margin:0 0 20px; padding:0; list-style:none; border-left:1px dotted #fff; } .tabLineListing li { position:relative; padding-left:20px; color:#fff; margin-bottom:10px; font-size:15px; } .tabLineListing li:before { width:8px; height:8px; background:#fff; content:" "; position:absolute; left:-4px; top:5px; border-radius:50%; } .tabbingBtn { padding:8px 12px; background:#fff; border-radius:30px; line-height:14px; font-size:14px; color:#f37021; font-weight:500; text-decoration:none; display:inline-block; } .tabbingBtn:hover, .awardBtn:hover, .bannerBtn:hover { background:#f37021; color:#fff; } .tabbingBtn .fa, .awardBtn .fa, .bannerBtn .fa { transition: all 0.9s ease 0ms; -webkit-transition: all 0.9s ease 0ms; } .tabbingBtn:hover .fa, .awardBtn:hover .fa, .bannerBtn:hover .fa { margin-left:10px; } .tabbingBtn .fa { font-size:12px; } #footer { background:#dedede; padding:20px 0; } .footerLinks, .LeftBottomFooter { list-style:none; margin:0 0 10px 0; padding:0; } .footerLinks li, .leftBottomFooter li { display:inline-block; margin-right:10px; padding-right:10px; position:relative; } .footerLinks li:after, .leftBottomFooter li:after { position:absolute; top:5px; right:0; background:#494949; width:1px; height:12px; content:" "; } .leftBottomFooter li:last-child:after { display:none; } .footerLinks li a, .leftBottomFooter li a { color:#494949; font-weight:400; font-size:12px; text-decoration:none; line-height:12px; } .leftBottomFooter li a:hover { color:#f37021; text-decoration:underline; } .copyright { color:#494949; font-weight:400; font-size:12px; }/********* Navigation *********/ .mainNavigation { margin:0; clear:both; position:relative; z-index:10; -webkit-transition:250ms ease; transition:250ms ease; background-color:#014181; border-bottom:2px solid #f99d1c; } .toggleMenu { display:none; padding:10px 20px; text-decoration:none } .toggleMenu .mobileMenu { color:#fff; font-size:19px; } .toggleMenu .iconBar { width:25px; height:25px; float:right; margin-top:2px; background:url(../../../images/mobile-menu.png) no-repeat center center; } .offMenu, .backMenu { display:none; } #nav, #nav ul { list-style:none; margin:0; padding:0; } #nav { margin-right:-10px; } #nav li { float:left; margin:0; padding:0; } #nav li a { display:block; margin:0; padding:10px 19px; line-height:36px; color:#fff; font-size:16px; text-decoration:none; position:relative; } #nav .megaMenu { /*width:650px; min-height:350px;*/ padding:15px; position:absolute; top:56px; z-index:5; background-color:#fff; -webkit-box-shadow: 0px 2px 5px 2px rgba(199, 199, 199, 0.5); -moz-box-shadow: 0px 2px 5px 2px rgba(199, 199, 199, 0.5); box-shadow: 0px 2px 5px 2px rgba(199, 199, 199, 0.5); } .hasJS #nav ul, .hasJS #nav .megaMenu { opacity:0; transition:opacity 350ms ease; -webkit-transition:opacity 350ms ease; z-index:2; } #nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; position:static; } #nav ul li a { margin:0; font-size:14px; line-height:16px; color:#222; border:none; padding:7px 0; text-align:left; } #nav ul ul { top:0; left:100%; } #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#222; } #nav ul, #nav:hover ul ul, #nav .hover ul ul, #nav .focus ul ul, #nav .megaMenu, #nav:hover .megaMenu .megaMenu, #nav .hover .megaMenu .megaMenu, #nav .focus .megaMenu .megaMenu { 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, #nav li:hover > .megaMenu, #nav li.hover > .megaMenu, #nav li.focus > .megaMenu, #nav a:focus + .megaMenu, #nav .megaMenu .megaMenu { margin-left:0; } #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, #nav ul li.focus > a { color:#fff; } .desktopNav .menuIcon, .mobileNav .menuIcon { position:absolute; right:5px; top:20px; width:20px; height:9px; } /**/ .desktopNav li .menuIcon, .mobileNav li .menuIcon { background:url(../../../images/down-arrow.gif) no-repeat right center; z-index:10 } .desktopNav li li .menuIcon, .mobileNav li li .menuIcon { display:block; background:url(../../../images/right-arrow.gif) no-repeat right center; top:17px; right:35px; z-index:11 } .desktopNav li li li .menuIcon, .mobileNav li li li .menuIcon { z-index:12 } .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul, .noJS #nav .megaMenu a:focus, .noJS #nav .megaMenu a:focus + .megaMenu { margin-left:9999px; } .noJS #nav ul a:active, .noJS #nav .megaMenu 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, .hasJS .menuPart #nav a:focus + .megaMenu, .hasJS .menuPart #nav li.focus > .megaMenu, .hasJS .menuPart #nav li.hover > .megaMenu, .hasJS .menuPart #nav li:hover > .megaMenu, .hasJS .menuPart #nav > .megaMenu > .megaMenu { opacity:1; } #nav li a:after, #nav li a.current:after { width:0%; height:100%; content:''; position:absolute; left:50%; bottom:0; -webkit-transition:350ms ease; transition:350ms ease; background:#063b6f; z-index:-1; } #nav li a:hover:after, #nav li a:focus:after, #nav li:hover > a:after { width:100%; left:0; } #nav li a:hover:after, #nav li a:focus:after, #nav li a.active:after, #nav li:hover > a:after { width:100%; } #nav li li a:after, #nav li.focus li a:after { border:none; } .megaMenuImg { width:462px; float:left; } .megaMenuNav { width:auto; float:left; } #nav .megaMenuNav > ul { width:170px; margin-left:0; opacity:1; position:relative; background-color:transparent; } #nav .megaMenuNav li a { background-color:transparent; } #nav .megaMenuNav li ul { position:absolute; } #nav .megaMenuNav > ul ul { width:450px; left:170px; z-index:1; background-color:#fff; } #nav .megaMenuNav > ul ul ul { left:220px; } #nav ul { height:100%; } #nav ul ul { border:none; } #nav ul ul ul { height:100%; border-left:1px solid #232d7b; } .megaMenuImg h2 { margin-bottom:15px; color:#fff; text-transform:uppercase; } .noJS #nav ul a:focus { width:100%; color:#fff; background-color:#222; } .noJS #nav ul { background-color:#fff; } #nav ul li li { width:50%; } #nav .megaMenuNav li a { border:1px solid #d1d1d1; margin-bottom:10px; padding-left:20px; } #nav .megaMenuNav li a:hover { background:#063b6f; color:#fff; } #nav .megaMenuNav li a:before { position:absolute; left:7px; top:7px; font-size:12px; content:"\f105"; color:#ef9c4d; font-family: 'FontAwesome'; } #nav .megaMenuNav li li a { border:none; margin-bottom:0; margin-left:10px; } #nav .megaMenuNav li li a:before { position:absolute; left:7px; top:7px; font-size:6px; content:"\f111"; color:#ef9c4d; font-family: 'FontAwesome'; } .megaMenu { border-top:4px solid #e67d15; } .megaMenu:after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(230, 125, 21, 0); border-bottom-color: #e67d15; border-width: 10px; margin-left: -10px; } #nav li { position:relative; } #nav li .menuIcon { position:absolute; right:5px; top:22px; width:10px; height:10px; background:url(../../../images/down-arrow.gif) no-repeat right center; z-index:10; } #nav li li .menuIcon { display:none; } /* Menu Position */ /*#nav li.MenuLi8 .megaMenu, #nav li.MenuLi5 .megaMenu { right:0; z-index:1; margin-right:-9999px; } #nav li.MenuLi8:hover .megaMenu, #nav li.MenuLi5:hover .megaMenu { margin-right:0; } #nav li.MenuLi8 .megaMenu:after, #nav li.MenuLi5 .megaMenu:after { right:10%; left:inherit; }*/ #nav li.MenuLi4 .megaMenu, #nav li.MenuLi6 .megaMenu { width:auto; min-height:auto; } #nav li.MenuLi4 li a, #nav li.MenuLi6 li a { /*border:none; margin-bottom:0;*/ } #nav li.parent li.firstMenuLi.parent ul { opacity:1; margin-left:0; } .wrapper { overflow:hidden; } .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, .header:before, .header:after, .notifiSection:before, .notifiSection:after, .indexBanner:before, .indexBanner:after, .tabbingSection:before, .tabbingSection:after, .newsSection:before, .newsSection:after { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .header:after, .notifiSection:after, .indexBanner:after, .tabbingSection:after, .newsSection:after { clear:both } /********** 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); } .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; background: url("owl.video.play.png") no-repeat; 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 { border-right:1px solid #ddd; height:230px; } .owl-theme .owl-controls { margin-top:10px; text-align:left; -webkit-tap-highlight-color:transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color:#fff; font-size:14px; margin:5px; padding:4px 7px; background:#d6d6d6; display:inline-block; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { /*background:#869791;*/ color:#fff; text-decoration:none } .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 7px; background:#d6d6d6; 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 } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .noJS .owl-dots .owl-dot.active a { background:#869791 } .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 .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; } .resTab .tabNav { margin:0; padding: 0; list-style:none; background:#023160; } .resTab .tabNav li { float:left; margin: 0; position: relative; background-color: #023160; } .resTab .tabNav li a { display: inline-block; padding: 15px 50px; text-decoration: none; font-size:32px; font-weight:400; color: #fff; opacity:0.5; } .resTab .tabNav .r-tabs-state-active a { color: #fff; text-shadow: none; background-color: #014181; opacity:1; } .resTab .tabContent { padding: 25px; 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; font-weight: bold; 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 } /********* 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% } .newsBlock .newsDate span { display:inline; font-size:inherit; } .pageTitle h1 { max-width:500px; width:100%; } .pageTitle h1 { font-size:56px; font-weight:600; } .pageTitle h1 span { font-size:16px; font-weight:400; display:block; } .bannerContent { } .searchBlock { float:left; position:relative; width:40px; } .innerContainer { padding:30px 0; min-height:350px; } .breadcrumbs { margin: 0; padding:10px 0; list-style: none; width: 100%; color: #000; font-weight:600; font-size: 14px; -webkit-box-shadow: 0px 5px 5px 0px rgba(199, 199, 199, 0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(199, 199, 199, 0.5); box-shadow: 0px 5px 5px 0px rgba(199, 199, 199, 0.5); } .breadcrumbs a { color: #323232; font-weight:400; position: relative; display: inline-block; text-decoration: none; font-size: 14px; } .breadcrumbs a:after { content: "/"; right: 3px; font-size: 14px; color: #323232; font-weight: 100; margin-left: 10px; margin-right: 10px; } .visitorCounter, .lastupdateDate { font-size:14px; } .subscriptionWrap { max-width:300px; width:100%; position:relative; } .subscriptionWrap input[type="text"] { border:1px solid #d1d1d1; background:#fff; height:43px; line-height:43px; border-radius:30px; outline:none; padding-right:110px; } .subscriptionWrap .SubscribeBtn { position:absolute; right:0; top:26px; bottom:inherit; border-radius:30px; width:auto; display:inline-block; } /*05-08-200 - New CSS About Us Start*/ /*About Us content*/ .yearButton { text-align: center; margin-bottom:50px; } .yearBtnOne { padding: 20px 40px; display: inline-block; vertical-align: middle; color: #fff; text-decoration: none; font-size: 2em; border-radius: 53px; background: #e9914a; border: 10px solid #ffc494; font-family: 'Work Sans', sans-serif; line-height: 30px; font-weight: 600; } .yearBtnTwo { padding: 20px 40px; display: inline-block; vertical-align: middle; color: #fff; text-decoration: none; font-size: 2em; border-radius: 53px; background: #e94a59; border: 10px solid #fca0a9; font-family: 'Work Sans', sans-serif; line-height: 30px; font-weight: 600; } .yearBtnThree { padding: 20px 40px; display: inline-block; vertical-align: middle; color: #fff; text-decoration: none; font-size: 2em; border-radius: 53px; background: #00bca4; border: 10px solid #a9e6de; font-family: 'Work Sans', sans-serif; line-height: 30px; font-weight: 600; } .aboutContentBox { margin-bottom:50px; } .aboutContentBox h2 { font-size:2.25em; color:#00235e; margin-bottom:25px; font-weight:700; } .aboutContentBox p { font-size:1em; color:#323232; margin-bottom:20px; line-height:1.4em; } .aboutContentBox .cols6 { padding:0 50px; } .aboutContentBox .row { margin:0 -50px; } .aboutContentBox .line1, .aboutContentBox .line2, .aboutContentBox .line3 { position:relative } .aboutContentBox .line1:after, .aboutContentBox .line2:after, .aboutContentBox .line3:after { position:absolute; right:0; top:-10%; height:120%; content:""; } .aboutContentBox .line1:after { border-right:10px dotted #ffc494; } .aboutContentBox .line2:after { border-right:10px dotted #fca0a9; } .aboutContentBox .line3:after { border-right:10px dotted #a9e6de; } a.readMoreLink { text-decoration:none; color:#e67b10; margin-bottom:10px; transition: 350ms ease; -webkit-transition: 350ms ease; font-weight:600; font-size:1.125em; } a.readMoreLink:hover { text-decoration:underline; color:#393939; } .aboutContentBox .imageBox { overflow: hidden; text-align: center; margin-bottom: 15px; height: auto; width: 100%; border-radius: 35px; } .aboutContentBox .imageBox img { width:100%; vertical-align:middle; border:0; } /*Board of Director content*/ .boardofDirectorsWrap { padding:70px 0; background: #c4e2ff; } .boardofDirectorsWrap h2 { font-size: 2.25em; color: #00235e; margin-bottom: 50px; font-weight:700; } /*.boardofDirectorsWrap .row .cols3 { padding:0; }*/ /*.boardofDirectorsWrap .row .cols9 { padding:0; }*/ .boardofDirectorsWrap .chairmanProfileBox { background:#efefef; padding:35px; box-shadow:0 0 15px rgba(0, 0, 0, 0.15); border-radius:15px; } .boardofDirectorsWrap .chairmanImageBox { overflow: hidden; text-align: center; margin-bottom: 25px; height: auto; width: 100%; border-radius: 15px; border: 2px solid #cdcdcd; } .chairmanName { font-size:1.120em; color:#050505; margin-bottom:5px; font-weight:bold; text-align:center; } .chairmanDesignation { font-size:1.125em; font-weight:normal; color:#151515; line-height:25px; text-align:center; } .boardofDirectorsWrap .row .cols8 { float:right; } .directorList { margin:0 -15px; list-style:none; padding:0; } .directorList li { float:left; width:25%; padding:0 15px; margin-bottom:20px; } .directorBox { overflow: hidden; text-align: center; margin-bottom:5px; height:180px; width: 100%; border-radius: 10px; } .directorName { font-size:1em; color:#050505; margin-bottom:0; font-weight:bold; text-align:center; } .directorDesignation { font-size:1em; font-weight:normal; color:#151515; line-height:25px; text-align:center; } .otherSeniorExecutiveBox { background:#014181; padding:65px 25px; height:180px; text-align:center; box-shadow:0 0 15px rgba(0, 0, 0, 0.15); border-radius: 10px; } .otherSeniorExecutiveBox a.otherDirectorLink { color:#fff; text-decoration:none; font-size:1.125em; font-weight:700; } /*Image Slider*/ .imageSlider { padding:50px 0; position: relative; margin-bottom:0; background:#e1422b; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1422b+0,f6863c+100 */ /* Old browsers */ background: -moz-linear-gradient(left, #e1422b 0%, #f6863c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e1422b 0%, #f6863c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e1422b 0%, #f6863c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1422b', endColorstr='#f6863c', GradientType=1 ); /* IE6-9 */ } .imageSlider .swiper-button-next, .imageSlider .swiper-button-prev { color:#fff; } .imageSlider .swiper-button-next:after, .imageSlider .swiper-button-prev:after { font-size:24px; font-weight:bold; } .imageSlider .swiper-button-next { right:0; } .imageSlider .swiper-button-prev { left:0; } .imageSlider img { border:5px solid #ffd899; } /*GSFC At Glance*/ .gsfcAtGlanceWrap { margin-bottom:40px; padding:60px 0 40px; background:#e6e6e6;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e6e6+0,f6f6f6+100 */ /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 0%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e6e6e6 0%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */; } .gsfcAtGlanceWrap h2 { font-size: 2.25em; color: #00235e; margin-bottom:25px; font-weight:700; } .gsfcAtGlanceWrap p { font-size:1em; color:#323232; margin-bottom:0; } /*.gsfcAtGlanceWrap .row .cols5 { padding-right:0; }*/ /*.gsfcAtGlanceWrap .row .cols7 { padding-left:0; }*/ .gsfcAtGlanceList { margin:0 -15px; list-style:none; padding:0; } .gsfcAtGlanceList li { float:left; width:50%; padding:0 15px; } .gsfcAtGlanceList li .gsfcAtGlanceListBox { padding:20px; background-color:#dedede; font-size:1.125em; font-weight:700; border-radius:10px; -webkit-border-radius:5px; margin-bottom:30px; } .gsfcAtGlanceList li .gsfcAtGlanceListBox a { text-decoration:none; color:#323232; } .gsfcAtGlanceList li .gsfcAtGlanceListBox a:hover { text-decoration:none; color:#014181; } /*six box section*/ .extraList { margin:0 -15px; list-style:none; padding:0; } .extraList li { float:left; width:16.66%; padding:0 15px; margin-bottom:20px; } .extraList li a { min-height:220px; background:#ededee; color:#323232; text-align:center; padding:10px; display:block; border-radius:6px; text-decoration:none; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .extraList li a:hover { background:#014181; color:#fff; -webkit-box-shadow: 0 0 10px 5px rgba(175, 190, 206, 1); -moz-box-shadow: 0 0 10px 5px rgba(175, 190, 206, 1); box-shadow: 0 0 10px 5px rgba(175, 190, 206, 1); } .extraList li a .extraListText { font-weight: 600; font-size: 1em; line-height: 26px; display: block; } .powerhouseIcon, .researchIcon, .firesafetyIcon, .awardIcon, .rcimsIcon, .townshipIcon { background:url(../../../images/use-fullink-sprite.png) 0 0 no-repeat; display:inline-block; margin:10px 0; transition: all 0.9s ease 0ms; -webkit-transition: all 0.9s ease 0ms; } .powerhouseIcon { background-position:-5px 10px; width:90px; height:100px; } .researchIcon { background-position:-136px 5px; width:90px; height:100px; } .firesafetyIcon { background-position:-269px 4px; width:90px; height:100px; } .awardIcon { background-position:-402px 4px; width:90px; height:100px; } .rcimsIcon { background-position:-532px 4px; width:90px; height:100px; } .townshipIcon { background-position:-665px 4px; width:90px; height:100px; } .extraList li a:hover .powerhouseIcon { background-position:-5px -150px; } .extraList li a:hover .researchIcon { background-position:-136px -155px; } .extraList li a:hover .firesafetyIcon { background-position:-268px -156px; } .extraList li a:hover .awardIcon { background-position:-402px -156px; } .extraList li a:hover .rcimsIcon { background-position:-532px -156px; } .extraList li a:hover .townshipIcon { background-position:-665px -157px; } /*About Section End*/ /*Agro Product - Major Fertilizers*/ .twoColumnWrap { width:100%; clear:both; } .twoColumnWrap .leftMenuBox { float:left; width:25%; } .twoColumnWrap .rightContentBox { float:right; width:71%; } .agroProductWrap { width:100%; clear:both; } .agroProductWrap .majorFertilizersBox { display: inline-block; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; } .agroProductWrap .majorFertilizersBox h2 { font-size: 2.25em; color: #00235e; margin-bottom: 15px; font-weight: 700; } .agroProductWrap .majorFertilizersBox h3 { font-size: 1.375em; color: #195c9f; margin-bottom: 10px; font-weight: 700; } .agroProductWrap .majorFertilizersBox .productDetailLeftDiv { float:left; width:65%; } .agroProductWrap .majorFertilizersBox .productDetailRightDiv { float:right; width:30%; } .agroProductWrap .majorFertilizersBox p { margin-bottom:10px; } .agroProductWrap .majorFertilizersBox ul { display: inline-block; padding: 0; margin: 0 0 10px; list-style: none; } .agroProductWrap .majorFertilizersBox ul li { position: relative; padding: 0; margin:0 0 7px; color: #333; text-decoration: none; line-height: normal; font-size: 1em; position:relative; padding-left:20px; } /*.agroProductWrap .majorFertilizersBox ul li a { color: #333; text-decoration: none; line-height: normal; font-size: 15px; position:relative; padding-left:15px; }*/ .agroProductWrap .majorFertilizersBox ul li:before { content: "\f111"; color:#195c9f; font-size:7px; font-family:'FontAwesome'; position: absolute; left: 0; top: 6px; line-height: normal; } .agroProductWrap .majorFertilizersBox .productDetailRightDiv .agroProductImageBox { background:#fff; border:1px solid #ccc; border-radius:15px; text-align:center; padding:35px 25px; margin-bottom:15px; } /*bottom pagination*/ .productPagination { display: inline-block; margin-top:25px; display:none; } .productPagination a { font-size:15px; color: black; margin:3px; padding: 12px 13px; text-decoration: none; border:1px solid #dadada; border-radius:50% 50%; } .productPagination a.active { background-color:#195c9f; color:#fff; } .productPagination a:hover:not(.active) { background-color: #dadada; color:#323232; } .productPagination .nextPageButton a { color:#fff; padding:10px 25px; margin-right:20px; border-radius:50px; border:0; background:#195c9f url(../../../images/right-angel-white.png) no-repeat right 20px center; padding-right:50px; } .productPagination .nextPageButton a:hover { background-color:#00235e; color:#fff; } /*Left menu accordian*/ .leftMenuBox #accordion { padding-top:0; } .leftMenuBox .accordion { margin-bottom:0; } .leftMenuBox .accordion .accTrigger { padding:15px 40px 15px 20px; cursor:pointer; font-weight:600; color:#195c9f; background-color: #e5eef6; margin:0; border: 1px solid #e5eef6; font-size: 19px; border-radius: 15px; position:relative; } .leftMenuBox .accordion .accTrigger:before { position: absolute; right: 0; top: 5px; width:46px; text-align: center; font-size: 28px; font-weight:normal; font-family:'FontAwesome'; content:"\f105"; line-height:49px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; } .leftMenuBox .accordion .accTrigger.active:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .leftMenuBox .noJS .accordion .accTrigger { background:none; padding-left:0; } .leftMenuBox .accordion .accTrigger a { display:block; text-decoration:none; outline:0 } .leftMenuBox .accordion .accTrigger.active { background-color:#195c9f; border-radius:15px; color:#fff; margin:0; border:1px solid #195c9f; } .leftMenuBox .accordDetail { padding:10px 15px; display:none; border: 1px solid #dfdfdf; border-radius:15px; margin-top:-1px; margin-bottom:10px; background:#fff; } .leftMenuBox .noJS .accordDetail { display:block; padding:10px 0; } .leftMenuBox .accordDetail p:last-child { margin-bottom: 0; } .leftMenuBox .noJS .accordion .accTrigger { background:none; } .leftMenuBox .noJS .accordDetail { display:block; padding:15px; } .leftMenuBox .accordDetail ul { padding:0; margin:0; } .leftMenuBox .accordDetail ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #ebebeb; } .leftMenuBox .accordDetail ul li:first-child a { /*font-weight:bold; color:#00235e;*/ } .leftMenuBox .accordDetail ul li:last-child { border-bottom:none; } .leftMenuBox .accordDetail ul li a { text-decoration:none; color:#000; font-size:1em; } .leftMenuBox .accordDetail ul li a:hover { text-decoration:none; color:#195c9f; } .aboutContentWrap h3 { color:#00235e; margin-bottom:25px; font-weight:700; font-size:1.250em; } /**/ /*common style*/ .grayColor { background-color: #e6f0f1; padding: 30px 0; } .grayBox { background:#fff; padding: 25px; margin-bottom: 30px; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .grayColor ul, .grayBox ul { margin-bottom:0; } .grayColor p, .grayBox p { margin-bottom:15px; } .rightImgBlk { float: right; margin: 0 0 20px 30px; padding: 10px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .columbiaBlue { background: #9BDDFF; } /*common style end*/ /*Product Detail*/ .goToProductInquiry { /*position: relative;*/ margin-bottom:25px; } /*.goToProductInquiry h2 { padding-right: 300px; margin-bottom: 15px; }*/ /*.productInquiry .inquiryBtn { position: absolute; right: 0; top: 0; }*/ .inquiryBtn { font-size:1.5em; color:#fff; background:#e94a59; border:5px solid #fdb4bb; padding:15px 35px; text-decoration:none; border-radius:40px; line-height:25px; transition: 350ms ease; -webkit-transition: 350ms ease; display:inline-block; } .inquiryBtn:hover { color:#fff; text-decoration:none; background:#d53044; } .flyersBtn { font-size: 1.5em; color: #fff; background: #f9ab29; border: 5px solid #e68523; padding: 15px 35px; text-decoration: none; border-radius: 40px; line-height: 25px; transition: 350ms ease; -webkit-transition: 350ms ease; display: inline-block; } .flyersBtn:hover { color:#fff; text-decoration:none; background:#e68523; } .productinquiry { float: left; margin-right: 10px; } .productDetail h2 { font-size: 2.25em; color: #323232; margin-bottom:15px; font-weight: 700; } .productDetail p { margin-bottom:15px; } .productSpecification { background:#f6f6f6; padding:45px 0 100px; } .productSpecification h3 { color:#014181; font-size:2em; font-weight:700; margin-bottom:15px; } .specificationWrap .specificationDetailLeft { float:left; width:55%; } .specificationWrap .specificationDetailLeft p { margin-bottom:15px; } .specificationWrap .specificationDetailRight { float:right; width:35%; } /*Specification Slider*/ .specificationSlider { position: relative; margin-bottom:30px; } .specificationSlider .swiper-container { border-radius:20px; } .specificationSlider .swiper-container .swiper-slide img { border-radius:20px; } .specificationSlider .sliderNav .swiper-button-next, .specificationSlider .sliderNav .swiper-button-prev { color:#fff; } .specificationSlider .sliderNav .swiper-button-next:after, .specificationSlider .sliderNav .swiper-button-prev:after { font-size:24px; font-weight:bold; } .specificationSlider .sliderNav .swiper-button-next { right:10px; } .specificationSlider .sliderNav .swiper-button-prev { left:10px; } /*Specification Tabing*/ .productDetailTabingSection { margin-top: -80px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 30px; height:auto; } .productDetailTabingSection .resTab { position: relative; } .productDetailTabingSection .resTab .tabNav { margin:0; padding: 0; list-style:none; background:none; } .productDetailTabingSection .resTab .tabNav li { float:left; margin: 0; position: relative; margin-right:15px; text-align:left; width:35%; background:none; } .productDetailTabingSection .resTab .tabNav li a { display: inline-block; padding: 20px 45px; text-decoration: none; font-size:2em; font-weight: 700; color: #222222; background-color: #f6f6f6; width:100%; border-radius:30px 30px 0 0; } .productDetailTabingSection .resTab .tabNav .r-tabs-state-active a { color: #014181; text-shadow: none; background-color:#fff; border-radius: 30px 30px 0 0; box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.15); } .productDetailTabingSection .resTab .tabContent { padding: 10px 25px; background: #fff; border-radius: 30px; } .productDetailTabingSection .resTab .r-tabs-panel .r-tabs-state-active { display: block; } .productDetailTabingSection .resTab .r-tabs-accordion-title { margin-bottom:10px; } .productDetailTabingSection .resTab .tabNav .r-tabs-state-disabled { opacity: 0.5; } .productDetailTabingSection .resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px 25px; background-color: #666; font-weight: normal; text-decoration: none; color: #fff; font-size: 24px; border-radius: 15px; } .productDetailTabingSection .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #014181; color: #fff; text-shadow: none; font-size: 24px; font-weight: normal; padding: 10px 25px; border-radius: 15px; } .productDetailTabingSection .resTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .productDetailTabingSection .noJS .resTab .tabContainer { height:150px; overflow:hidden } .productDetailTabingSection .noJS .resTab .tabContent { display:block; height:150px } /*Tabbing Content*/ ul.productDetailListing { padding:0; margin:0; } ul.productDetailListing li { list-style: none; padding: 15px 0; border-bottom: 1px solid #dadada; color:#323232; } .swiper-button-next:hover, .swiper-button-prev:hover { color: #fff; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; /*width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);*/ z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease-out; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; /*font-size: var(--swiper-navigation-size);*/ text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } /*Vision Mission*/ .visionMissionWrap { margin:0 -10px; padding: 0; list-style:none; } .visionMissionWrap li { width:100%; padding: 10px; float:left; margin-bottom:15px; } .visionMissionWrap .visionMissionBox { position: relative; box-shadow: 0 0 20px #ccc; border-radius: 20px; overflow: hidden; padding-left: 210px; } .visionMissionWrap .visionMissionIconHolder { position: absolute; left: 0; top: 0; height: 100%; width: 200px; text-align: center; padding: 40px; background: rgba(224, 118, 19, 1); background: -moz-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224, 118, 19, 1)), color-stop(100%, rgba(254, 174, 36, 1))); background: -webkit-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -o-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: -ms-linear-gradient(left, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); background: linear-gradient(to right, rgba(224, 118, 19, 1) 0%, rgba(254, 174, 36, 1) 100%); } .visionMissionWrap .visionMissionContent { padding: 30px; } /*.visionMissionWrap p.visionMissionTitle { font-size: 2em; font-weight:normal; margin-bottom:10px; color:#282058; margin-bottom:20px;}*/ .visionMissionWrap p.visionMissionTitle { font-weight: bold; color: #093779; position: relative; margin-bottom: 35px; font-size: 2em; } .visionMissionWrap p.visionMissionTitle:after { width: 60px; height: 3px; position: absolute; left: 0; bottom: -20px; content: ""; background: #f69e1f; } .visionMissionWrap p { margin-bottom: 0; text-align: left; font-size: 1.125em; line-height: 27px; color: #323232; } .visionMissionWrap ul.bulletText li { margin-bottom:5px !important; font-size:1.125em; } /*vision mission end*/ /*Six Prespects*/ .sixPrespectsWrap { background:#fff; padding: 0 0 60px 0; margin-top:-30px; margin-bottom:-30px; } .sixPrespectsWrap .sixPrespects ul { display: inline-block; padding: 0; margin:0; list-style: none; } .sixPrespectsWrap .sixPrespects ul li { text-align:left; float:left; position: relative; padding: 0; margin-bottom:20px; color: #00235e; text-decoration: none; line-height:1.5em; font-size: 1.25em; position:relative; background: #fff; padding: 25px 20px 25px 65px; width: 100%; display: inline-block; border-radius:10px; text-transform:uppercase; box-shadow: 0 0 10px #999; } .sixPrespectsWrap .sixPrespects ul li:last-child { margin-bottom:0; } .sixPrespectsWrap .sixPrespects ul li:before { content: "\f1d1 "; color:#00235e; font-size:25px; font-family:'FontAwesome'; position: absolute; left: 20px; top:24px; line-height:1.4em; } .sixPrespects { width: 1000px; margin: 0 auto; background: #ffe6be; padding: 75px; box-shadow:0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24); border-radius:35px; } .sixPrespectiveTitleStrip { font-size:2.5em; font-weight:600; color:#fff; letter-spacing:0.1em; text-transform:uppercase; text-align: center !important; padding: 60px 0 125px; margin-bottom:-75px; background: -webkit-linear-gradient(to right, #014181, #1488CC); background: linear-gradient(to right, #014181, #1488CC); } .sixPrespectiveTitleStrip img { display:block; padding-bottom:15px; } /*senior executive css start*/ .seniorExecutive { padding: 20px; margin-bottom:20px; background: #f7f5ec; text-align: center; overflow: hidden; position: relative; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); min-height:325px; } .seniorExecutive .pic { display: inline-block; width: 130px; height: 130px; margin-bottom:15px; z-index: 1; position: relative; } .seniorExecutive .pic:before { content: ""; width: 100%; height: 0; border-radius: 50%; background: #014181; position: absolute; bottom: 115%; right: 0; left: 0; /*opacity: 0.2*/ transform: scale(3); transition: all 0.3s linear 0s; z-index:-1; } .seniorExecutive:hover .pic:before { height: 100%; } .seniorExecutive .pic:after { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #E65A15; position: absolute; top: 0; left: 0; z-index: -1; } .seniorExecutive .pic img { width: 100%; height: auto; border-radius: 50%; transform: scale(1); transition: all 0.9s ease 0s; } .seniorExecutive:hover .pic img { box-shadow: 0 0 0 14px #f7f5ec; transform: scale(0.7); } .seniorExecutive .seniorExecutiveContent { margin-bottom: 10px; text-align: center; } .seniorExecutive .srExName { font-size: 1.25em; font-weight: 600; color: #00235e; margin-bottom: 5px; } .seniorExecutive .srExDesignation { display: block; font-size: 15px; color: #333; font-size:1.063em; margin-bottom:5px; font-weight:500; } .seniorExecutive .srExResponsibility { display: block; font-size: 15px; color: #4e5052; font-size:1em; margin-bottom:5px; } /*senior executive css end*/ /*gsfc ventures*/ .gsfcVenturesWrap { background: #e6f0f1; padding:60px 0; margin-bottom:-30px; margin-top:-30px; } .gsfcVenturesContentBox { background: #fff; margin-bottom: 30px; padding: 30px; border-radius: 15px; margin-left: 35px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.18); } .gsfcVenturesContentBox .row .cols3 { padding: 15px; border: 3px solid #f99d1c; border-radius: 15px; margin-left: -50px; background: #fff; } .gsfcVenturesContentBox .row .cols3 img { width: 100%; height: auto; } .gsfcVenturesContentBox .row .cols9 { margin-left: 25px; } .gsfcVenturesContentBox h2 { color: #00235e; font-size: 1.563em; margin-bottom: 10px; font-weight: bold; } .gsfcVenturesContentBox p { color: #323232; line-height: 1.4em; margin-bottom:15px; } .gsfcVenturesContentBox:last-child { margin-bottom:0; } /*gsfc ventures end*/ /*MD Message*/ .mdMessageWrap { margin:0; padding:0; } .mdInformationSection { background: -webkit-linear-gradient(to right, #014181, #1488CC); background: linear-gradient(to right, #014181, #1488CC); padding: 35px; border-radius:20px; margin-bottom:10px; } .mdInformationSection .mdPhoto { float: left; margin-right: 30px; } .mdInformationSection .mdPhoto img { border: 1px solid #e5e5e5; padding: 7px; } .mdInformationSection .meDetail { float: left; margin-top: 60px; } .mdMessageWrap .mdName { font-size: 2em; color: #fff; margin-bottom: 10px; font-weight:600; border-left: 5px solid #e37900; padding-left: 15px; } .mdMessageWrap .mdDesignation { font-size: 1.500em; color: #fff; margin-bottom: 25px; } .mdMessageWrap .mdMessageBox { padding: 35px; background: url(../../../images/quote-icon.png) no-repeat left 15px top 15px #e6f0f1; border-radius:20px; text-align:center; } .mdMessageWrap .messageText { font-size: 1.5em; margin-bottom: 15px; color:#00235e; } .mdMessageWrap .mdMessageBox p { font-size: 1.063em; color: #323232; line-height: 27px; margin-bottom: 15px; } /*MD Message End*/ /*Human Resource*/ .humanResourceWrap { } .firstTitleShape { background:#CD7F32; height: 55px; position: relative; width: 380px; margin-bottom:20px; } .firstTitleShape:before { background: #CD7F32 none repeat scroll 0 0; content: ""; height: 55px; position: absolute; right: -30px; transform: skew(-30deg); width:60px; } .secondTitleShape { background:#556B2F; height: 55px; position: relative; width: 380px; margin-bottom:20px; } .secondTitleShape:before { background: #556B2F none repeat scroll 0 0; content: ""; height: 55px; position: absolute; right: -30px; transform: skew(-30deg); width:60px; } .thirdTitleShape { background:#E34234; height: 55px; position: relative; width: 380px; margin-bottom:20px; } .thirdTitleShape:before { background: #E34234 none repeat scroll 0 0; content: ""; height:55px; position: absolute; right: -30px; transform: skew(-30deg); width:60px; } .forthTitleShape { background:#536878; height: 55px; position: relative; width: 380px; margin-bottom:20px; } .forthTitleShape:before { background:#536878 none repeat scroll 0 0; content: ""; height: 55px; position: absolute; right: -30px; transform: skew(-30deg); width:60px; } .humanResourceWrap h2 { color:#fff; padding: 15px; display: block; font-size: 1.4em; line-height: 1.2em; font-weight: 700; margin:0; } .humanResourceWrap h3 { font-size:1.65em; color:#323232; margin-bottom:15px; } .humanResourceWrap p { margin-bottom:10px; } .humanResourceWrap ul { margin-bottom:0; } /*Human Resource end*/ /*bod detail page*/ .bodWrap { background: #c4e2ff; padding:60px 0; margin-bottom:-30px; margin-top:-30px; } .bodContentBox { background: #fff; margin-bottom: 30px; padding: 30px; border-radius: 15px; margin-left: 35px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.18); } .bodContentBox .row .cols3 { padding: 15px; border: 6px solid #00235e; border-radius: 15px; margin-left: -50px; background: -webkit-linear-gradient(to right, #014181, #1488CC); background: linear-gradient(to right, #014181, #1488CC); text-align: center; width: 20%; } .bodContentBox .row .cols3 img { width: auto; height: auto; border-radius:15px; } .bodContentBox .row .cols9 { margin-left: 15px; width:80%; } .bodContentBox h2 { color: #00235e; font-size: 1.563em; margin-bottom: 10px; font-weight: bold; } .bodContentBox h3 { margin-bottom:15px; } .bodContentBox p { color: #323232; line-height: 1.4em; margin-bottom:10px; } .bodContentBox:last-child { margin-bottom:0; } /*bod detail page end*/ /*r & d activities*/ .activitiesWrap .row .cols6 { width: 50%; min-height: 300px; } .activitiesWrap h3 { border-bottom: 2px solid #ff6633; padding: 15px 0; margin-bottom:15px; } .productProcessWrap .grayColor { margin-bottom:-30px; } .fireSafetyBg { padding: 55px 15px; background: url("../../../images/Fire-Extinguishers-01.jpg"); background-repeat: repeat; background-size: auto; height: 525px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: right bottom; } .microIrrigationWrapBottom { margin-bottom: -30px; } .farmyouthTrainingProgrammeWrap { margin-bottom:-30px; } /*.fireSafetyWrap .boxs li { color:#fff; font-size: 1.4em; line-height: 1.2em; font-weight: 700; border:none; }*/ .pineGreen { background:#01796F; } .pastelRed { background:#ED0C0C; } .paleYellow { background:#d4aa15; } .sandDune { background:#08701E; } /*r & d activities end*/ /*Fire Safety*/ .fireSafetyWrap .boxs li { color: #fff; font-size: 1.4em; line-height: 1.2em; font-weight: 700; border: none; text-align: center; padding: 25px; border-radius: 15px; margin-bottom:25px; } .fireSafetyWrap .boxs li:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -4px; height: 4px; width: 60%; background-color: #00235e; } .fireSafetyWrap .boxs li { position:relative; } .fireSafetyWrap .row .cols6 { width: 50%; min-height: 290px; } .fireSafetyWrap h4 { border-bottom: 2px solid #ff6633; padding: 15px 0; margin-bottom:15px; font-size:1.40em; } .photoGalleryListing { margin: 0 -10px; padding: 0; list-style: none; } .photoGalleryListing li { float: left; width: 33.333%; padding: 10px; } .photoAlbum { display: block; position: relative; overflow: hidden; border-radius:20px; } .photoAlbum::before, .photoAlbum .photoTitleText, .photoAlbum .fa { z-index: 1; } .photoAlbum::before { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; content: ""; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(82, 146, 205, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(44%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(82, 146, 205, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(82, 146, 205, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(82, 146, 205, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 44%, rgba(82, 146, 205, 1) 100%); background: linear-gradient(to bottom, rgba(25, 92, 159, 0) 0%, rgba(25, 92, 159, 0) 44%, rgb(25, 92, 159, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5292cd', GradientType=0 ); } .photoAlbum .fa { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #00235e; color: #fff; font-size: 25px; text-align: center; line-height: 50px; transition: 350ms ease; -webkit-transition: 350ms ease; } .fa-search::before { content: "\f002"; color: #fff; } .photoAlbum .albumImgHolder, .photoAlbum .photoTitleText { display: block; } .photoAlbum .albumImgHolder img, .photoAlbum .albumImgHolder { width: 100%; transition: 350ms ease; -webkit-transition: 350ms ease; } .photoAlbum .photoTitleText { text-align: center; color: #f7f8fc; font-size: 17px; font-weight: 700; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; text-decoration: none; } /*Award CSS Start*/ .awardListing { margin: 0; padding: 0; list-style: none; } .awardListing li { min-height:220px; padding: 20px 10px; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; ; position: relative; width: 50%; float: left; } .awardListing li:before { position: absolute; left: 0; top: 13px; content: "\f091"; font-family: 'FontAwesome'; color: #00235e; font-size: 35px; } .awardListing .awardTitle { font-weight: 600; color: #00235e; margin-bottom: 5px; padding-left: 45px; font-size: 1.150em; } .awardListing li .awardDetail { font-size: 1em; line-height: 27px; margin: 0; padding-bottom: 10px; color: #393939; padding-left: 47px; } /*Award CSS End*/ /*Trading CSS Start*/ .tradingBg { padding: 85px 0; background: url("../../../images/trading-bg-01.jpg"); background-repeat: repeat; background-size: auto; height: 510px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: right bottom; } .tradingWrap p { font-size: 1.063em; color: #00235e; line-height: 1.5em; margin:0; } .tradingWrap { margin-bottom:-30px; margin-top:-30px; } /*Trading CSS End*/ /*Township Faclities Slider CSS Start*/ .tradingWrap .grayBox { margin-bottom:0; } .townshipFacilitiesSlider { position: relative; margin-bottom:30px; } .townshipFacilitiesSlider .swiper-container { border-radius:20px; } .townshipFacilitiesSlider .swiper-container .swiper-slide img { border-radius:30px; padding:15px; } .townshipFacilitiesSlider .slidernav .swiper-button-next, .specificationSlider .slidernav .swiper-button-prev { color:#fff; } .townshipFacilitiesSlider .slidernav .swiper-button-next:after, .townshipFacilitiesSlider .slidernav .swiper-button-prev:after { font-size:24px; font-weight:bold; } .townshipFacilitiesSlider .slidernav .swiper-button-next { right:25px; } .townshipFacilitiesSlider .slidernav .swiper-button-prev { left:25px; } /*Township Faclities Slider CSS End*/ /*CSR*/ .csrWrap { margin-bottom:30px; } .csrPhotos { margin:0 -15px; list-style:none; padding:0; } .csrPhotos li { float:left; width:16.66%; padding:0 15px; margin-bottom:20px; } .csrPhotos li img { padding: 3px; border: 6px solid #fff; background: #014181; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /*CSR End*/ /*Agrinet CSS Start*/ .agrinetWrap { margin-top:-30px; } .sardarAgrinetCell { text-align:center; } .sardarAgrinetCell .sardarAgrinetCellTitle { font-size: 2.05em; color: #00235e; margin-bottom:15px; font-weight: 700; } .sardarAgrinetCell .sardarAgrinetCellSubTitle { font-size: 1.75em; color: #014181; margin-bottom: 15px; font-weight: 600; position:relative; padding-bottom:20px; } .sardarAgrinetCell .sardarAgrinetCellSubTitle:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; height: 3px; width: 50%; background-color: #fff; } .sardarAgrinetCell .tollFreeNumber p { margin-bottom: 15px; font-size: 22px; } .sardarAgrinetCell .tollFreeNumber p .fa { padding-right:15px; font-size: 32px; color: #282058; vertical-align:middle; } .button.agrinetPortal { background: #fff; color: #00235e; font-size: 1.125em; border: 1px solid #00235e; text-decoration: none; text-transform: uppercase; display: inline-block; height: auto; padding: 12px 20px; border-radius: 10px; } .button.agrinetPortal:hover { background: #f37021; color: #fff; border-color: #f37021; } /*Agrinet CSS End*/ /*horticulture dept.*/ .institutionalAssociationList { margin: 0; list-style: none; padding: 0; } .institutionalAssociationList li { float: left; width: 33.33%; padding: 0 20px; margin-bottom: 15px; position:relative; font-size:1.125em; } .institutionalAssociationList li:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 1.000em; color: #19269d; position: absolute; left: 0; top: -1px; } /**/ /*employee corner css start*/ .employeeCornerWrap { padding:100px 0; background: url("../../../images/structured-finance_background-blue.jpg"); background-repeat: no-repeat; background-size: auto; height:auto; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: right bottom; margin:-30px 0; } .employeeCornerList { margin:0 -15px; list-style:none; padding:0; } .employeeCornerList li { margin-bottom:25px; float:left; width:33.33%; padding:0 15px; text-align: center; border-radius: 5px; } .employeeCornerList li a { border-radius:10px; font-size:1.3em; color:#00235e; text-decoration:none; line-height:1.5em; font-weight:500; padding:25px; min-height:120px; display:block; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease-in-out; } .employeeCornerList li a:hover { background:#508aec; color:#fff; } /*employee corner css end*/ /*Green Initiatives CSS Start*/ .greenPhotos { margin:15px -15px 0 -15px; list-style:none; padding:0; } .greenPhotos li { float:left; width:20%; padding:0 15px; margin-bottom:20px; } .greenPhotos li img { padding: 3px; border: 6px solid #fff; background: #014181; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /*Green Initiatives CSS End*/ /*Annual Report CSS Start*/ .annualReportListing { margin: 0 -10px 15px -10px; padding: 0; list-style:none; } .annualReportListing li { float:left; width:25%; padding: 10px; } .annualReportListing .annualReportBox { padding: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background-color:#fff; } .annualReportListing .annualReportBox .annualReportThumbImg { position: relative; overflow:hidden; } .annualReportListing .annualReportBox .annualReportThumbImg img { width:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .annualReportListing .annualReportBox:hover .annualReportThumbImg img { transform: scale(1.1); -webkit-transform: scale(1.1); } .annualReportListing .annualReportBox .annualReportTitle { padding: 10px 0; } .annualReportListing .annualReportBox .annualReportTitle a { text-decoration:none; font-weight:600; display:block; color:#014181; } .annualReportListing .annualReportBox .annualReportDate { position: absolute; left:0; bottom:10px; padding:5px 10px; color:#fff; background:#014181; font-size: 14px; } .annualReportListing .annualReportBox .annualReportDate a { color:#fff; } .annualReportListing .annualReportBox .annualReportDate img { width:auto; display: inline-block; vertical-align: middle; } .annualReportListing .annualReportBox:hover .annualReportDate img { transform: scale(1); -webkit-transform: scale(1); } /*Annual Report CSS End*/ /*Investor Relation CSS Start*/ .our-team .team-content { margin-bottom: 10px; text-align: left; } .our-team .officerName { font-size: 22px; font-weight: 500; color: #014181; letter-spacing: 1px; text-transform: capitalize; margin-bottom: 10px; } .our-team .officerDesignation { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; } .our-team .addressIcon { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; padding-left: 25px; background: url(../../../images/phone-icon.png) no-repeat left top; } .our-team .addressIcon { background: url(../../../images/address-icon.png) no-repeat left center; } .our-team .mobileIcon { background: url(../../../images/2-mobile-icon.png) no-repeat left center; } .our-team .mobileIcon { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; padding-left: 25px; background: url(../../../images/2-mobile-icon.png) no-repeat left top; } .our-team .phoneNumberIcon { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; padding-left: 25px; background: url(../../../images/phone-icon.png) no-repeat left top; } .our-team .phoneNumberIcon { background: url(../../../images/phone-icon.png) no-repeat left center; } .our-team .faxNumberIcon { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; padding-left: 25px; background: url(../../../images/phone-icon.png) no-repeat left top; } .our-team .faxNumberIcon { background: url(../../../images/fax-icon.png) no-repeat left center; } .our-team .emailIdIcon { display: block; font-size: 15px; color: #4e5052; text-transform: capitalize; font-size: 1.063em; margin-bottom: 10px; padding-left: 25px; background: url(../../../images/phone-icon.png) no-repeat left top; } .our-team .emailIdIcon { background: url(../../../images/email-icon.png) no-repeat left center; } .fourItemList { margin: 0; list-style: none; padding: 0; } .fourItemList li { float: left; width: 25%; padding: 0 20px; margin-bottom: 15px; position:relative; font-size:1.125em; } .fourItemList li:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 1.000em; color: #19269d; position: absolute; left: 0; top: 1px; } .applicationDevelopmentWrap .imageDiv { text-align:center; background:#c19a6b; padding:20px; border-radius:15px; margin:0 15px -15px 15px; } .applicationDevelopmentContentDiv { padding: 25px 15px 15px 15px; border: 1px solid #c19a6b; min-height: 475px; border-radius:15px 15px 0 0; } .valuedCustomersWrap .customerTitle { text-align: left; background: #d73b3e; padding: 20px; border-radius: 15px; color: #fff; font-size: 1.3em; line-height: normal; font-weight: 500; text-transform: uppercase; margin: 0 15px -15px 15px; } .valuedCustomersWrap .customerList { padding:30px 18px 0 20px; border: 1px solid #d73b3e; min-height: 435px; border-radius:15px; } /*Investor Relation CSS End*/ /*Future Project CSSS Start*/ .futureProject p { position: relative; padding-left: 35px; margin-bottom: 10px; font-size: 20px; text-align: left; color:#00235e; } .futureProject p .fa { position: absolute; left: 0; top: 5px; font-size: 20px; color: #00235e; } .futureProject .futureProjectContent { padding:15px; background: #DAD299; background: -webkit-linear-gradient(to left, #B0DAB9, #DAD299); background: linear-gradient(to left, #B0DAB9, #DAD299); border-left:10px solid #00235e; } .futureProject .row .cols4 { margin-bottom:25px; } .futureProject p:last-child { margin-bottom:0; } /*Future Project CSSS End*/ /*product css start*/ .productIntroWrap { padding: 25px; border-radius: 20px; background:#F7E7CE; } .productIntroWrap p { margin-bottom:15px; font-size:1.125em; line-height:1.5em; } .productIntroWrap p:last-child { margin-bottom:0; } /*product css end*/ /*Useful Links CSS Start*/ .usefulLinks ul.bulletText { list-style:none; padding:0; } .usefulLinks ul.bulletText li { font-weight: 500; font-size: 16px; margin: 10px 0; background-position: 0 10px; color: #00235e; float: left; width: 50%; position:relative; } .usefulLinks ul.bulletText li:before { content:"\f105"; font-family:'FontAwesome'; font-size:1.000em; color:#19269d; position:absolute; left:0; top:1px; } .usefulLinks ul.bulletText li span { display: block; font-weight: 400; } .usefulLinks ul.bulletText li a { text-decoration: none; } .usefulLinks ul.bulletText li a:hover { text-decoration: underline; color:#393939; } /*Useful Links CSS End*/ .agricultureFairWrap .row .cols6 { text-align:center; } .agricultureFairWrap .row .cols6 img { padding: 10px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .liquidFertilizerWrap .row .cols5 img { float:right; padding: 10px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .indProductsWrap .row .cols6 .grayBox { min-height:300px; } .accordion .accordDetail .our-team { margin-bottom: 25px; } /*download newsletters css start*/ .downloadNewsletters { padding: 20px; margin-bottom:20px; background: #f7f5ec; text-align: center; overflow: hidden; position: relative; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); min-height:325px; } .downloadNewsletters .pic { display: inline-block; width: 130px; height: 130px; margin-bottom:15px; z-index: 1; position: relative; } .downloadNewsletters .pic:before { content: ""; width: 100%; height: 0; border-radius: 50%; background: #d73b3e; position: absolute; bottom: 125%; right: 0; left: 0; /*opacity: 0.2*/ transform: scale(3); transition: all 0.3s linear 0s; z-index:-1; } .downloadNewsletters:hover .pic:before { height: 100%; } .downloadNewsletters .pic:after { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #014181; position: absolute; top: 0; left: 0; z-index: -1; } .downloadNewsletters .pic img { width: 100%; height: auto; border-radius: 50%; transform: scale(1); transition: all 0.9s ease 0s; } .downloadNewsletters:hover .pic img { box-shadow: 0 0 0 14px #f7f5ec; transform: scale(0.7); } .downloadNewsletters .downloadNewslettersContent { margin-bottom: 10px; text-align: center; } .downloadNewsletters .newsLetterName { font-size: 1.25em; font-weight: 600; color: #00235e; margin-bottom: 5px; } .downloadNewsletters .newsLetterDate { display: block; font-size: 15px; color: #333; font-size:1.063em; margin-bottom:5px; font-weight:500; } /*download newsletters css end*/ /*Unpaid Dividend List*/ .unpaidDividendList { list-style: none; padding: 0; margin: 0 -15px; } .unpaidDividendList li { float: left; width: 33.33%; padding: 0 0 0 15px; margin-bottom: 15px; font-size: 1.2em; position:relative; overflow:hidden; } .unpaidDividendList li a { text-decoration: none; color: #fff; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; padding:35px 20px; background: #014181; display: block; border-radius: 15px; } .unpaidDividendList li a:hover { text-decoration: none; color: #fff; background: #4975a2; } .unpaidDividendList li .fileSize { margin-left:0; font-size: 12px !important; margin-top: 10px; display: block; padding: 10px; border: 1px solid #4975a2; width: 110px; text-align: center; } .unpaidDividendList li:before { content: ''; background: url(../../../images/budget.png)no-repeat; background-size: auto; background-size: 100%; position: absolute; width: 125px; height: 125px; right: -25px; bottom: -15px; opacity: 0.2; transform: rotateZ(-25deg); transition: all 0.3s ease-out; } .unpaidDividendList li:hover:before { right: -15px; bottom: -5px; } /*unpaid divident list end*/ /* Contact one Page */ .contactd { float: left; background-color: #f4f4f4; width: 50%; padding: 30px; } .contactAddress p { margin-bottom: 15px; font-size: 1.5em; font-weight:600; color:#014181; } .location, .contactNumbers, .faxNumbers, .Email { font-size: 15px; color: #3f485d; padding-left:40px; margin-bottom:10px; } .contactm { width: 50%; float: left; padding: 20px; background: #dae3f9; } .tabWrap .tabContainer { color:#fff; } .location, .contactNumbers, .faxNumbers, .Email { position:relative; } .location:before, .contactNumbers:before, .faxNumbers:before, .Email:before { font-family:'FontAwesome'; position:absolute; left:0; top:0; } .location:before { content:"\f041"; font-size:22px; left:8px; top:-4px; } .faxNumbers:before { content:"\f1ac"; font-size:18px; left:8px; top:-2px; } .contactNumbers:before { content:"\f10b"; font-size:26px; left:9px; top:-6px; } .Email:before { content:"\f003"; font-size:20px; left:8px; top:-5px; } .marqueeWrap p { display:none; } .wd80 { width:80px; } .wd150 { width:150px; } .viewNews { float:right; margin-top:-35px; margin-right:20px; } a.resetBtn { line-height:28px; } .sliderCurvenavNext { text-align:right; } .visitorCounter { float:right; margin:0; padding:0; } #google_translate_element { float:left; } #google_translate_element select { background:#fff; height:28px; line-height:28px; border-radius:6px; } .button { border-radius:6px; } .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .imgNew, .newsDate { display:inline-block; } .imgNew img { width:25px!important; height:11px; } .sardar1 { float: left; width: 49%; text-align: center; margin-bottom: 30px; } .newsTitle img { width:9px!important; height:9px; } .yellow { background-color: yellow; } .logoMainTitle { font-size: 25px; } .logoMainTitle span { display: block; font-size: 20px; color: #323232; font-weight: normal; } .logoMainTitle { font-size: 22px; font-weight: 700; line-height: 1.1; text-align: right; text-align: left; height: 0; position: absolute; width: 29%; color: #323232; margin-left: 9px; margin-top: 3px; } .rightLogo { float: right; } .logo { width: 44%; padding: 0; margin: 0; } .logo h1 { line-height: 1.2; } body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; border:0; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '�'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative;/* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 33px; font-weight: 700; text-align: center; } .fancybox-share p { margin: 0; padding: 0; text-align: center; } .fancybox-share p:first-of-type { margin-right: -10px; } .fancybox-share_button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 10px 20px; border: 0; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); background: #fff; white-space: nowrap; font-size: 16px; line-height: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 140px; color: #707070; transition: all .2s; } .fancybox-share_button:focus, .fancybox-share_button:hover { text-decoration: none; color: #333; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .fancybox-share_button svg { margin-right: 5px; width: 20px; height: 20px; vertical-align: text-bottom; } .fancybox-share input { box-sizing: border-box; width: 100%; margin: 5px 0 0 0; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 3px; background: #ebebeb; color: #5d5b5b; font-size: 14px; outline: none; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } }