@charset "utf-8"; /*====================================================================== Site Name: Silver HTML Theme 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 Width: 100% Container Width: 1170px Responsive Layout: Yes =======================================================================*/ @font-face { font-family: 'open_sansregular'; src: url('fonts/opensans-regular_0.woff2') format('woff2'), url('fonts/opensans-regular_0.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('fonts/opensans-bold_0.woff2') format('woff2'), url('fonts/opensans-bold_0.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('fonts/opensans-light.woff2') format('woff2'), url('fonts/opensans-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('fonts/opensans-semibold.woff2') format('woff2'), url('fonts/opensans-semibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbold'; src: url('fonts/oswald-bold_0.woff2') format('woff2'), url('fonts/oswald-bold_0.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbook'; src: url('fonts/oswald-regular_0.woff2') format('woff2'), url('fonts/oswald-regular_0.woff') format('woff'); font-weight: normal; font-style: normal; } /************Font Awesome***********/ @font-face { font-family:'FontAwesome'; src:url('fonts/fontawesome-webfont.eot?v=4.7.0'); src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#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) } .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: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" } .fa-handshake-o:before { content:"\f2b5" } .fa-envelope-open:before { content:"\f2b6" } .fa-envelope-open-o:before { content:"\f2b7" } .fa-linode:before { content:"\f2b8" } .fa-address-book:before { content:"\f2b9" } .fa-address-book-o:before { content:"\f2ba" } .fa-vcard:before, .fa-address-card:before { content:"\f2bb" } .fa-vcard-o:before, .fa-address-card-o:before { content:"\f2bc" } .fa-user-circle:before { content:"\f2bd" } .fa-user-circle-o:before { content:"\f2be" } .fa-user-o:before { content:"\f2c0" } .fa-id-badge:before { content:"\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content:"\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content:"\f2c3" } .fa-quora:before { content:"\f2c4" } .fa-free-code-camp:before { content:"\f2c5" } .fa-telegram:before { content:"\f2c6" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content:"\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content:"\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content:"\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content:"\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content:"\f2cb" } .fa-shower:before { content:"\f2cc" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content:"\f2cd" } .fa-podcast:before { content:"\f2ce" } .fa-window-maximize:before { content:"\f2d0" } .fa-window-minimize:before { content:"\f2d1" } .fa-window-restore:before { content:"\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content:"\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content:"\f2d4" } .fa-bandcamp:before { content:"\f2d5" } .fa-grav:before { content:"\f2d6" } .fa-etsy:before { content:"\f2d7" } .fa-imdb:before { content:"\f2d8" } .fa-ravelry:before { content:"\f2d9" } .fa-eercast:before { content:"\f2da" } .fa-microchip:before { content:"\f2db" } .fa-snowflake-o:before { content:"\f2dc" } .fa-superpowers:before { content:"\f2dd" } .fa-wpexplorer:before { content:"\f2de" } .fa-meetup:before { content:"\f2e0" } .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 } /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0 } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { text-decoration:underline; color:#002353; transition:all 0.3s ease 0ms; } a:focus { outline:thin dotted } a:hover, a:active { outline: 0; } a:hover { text-decoration:none; color:#393939; } 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; } 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 { line-height:20px; padding:4px 10px; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; } textarea { overflow:auto; vertical-align: top; resize:vertical; height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px; } fieldset { border:0 none; margin:0; padding:0 } label { display:inline-block; padding-bottom:5px; font-weight:normal; } /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear:both } /********* 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:#393939; font-family: 'open_sansregular'; font-size:87.5%; /*font-size:14px;*/ line-height:1.5; } body { background-color:#fff; font-family: 'open_sansregular'; } h1 { font-size: 2.308em; } h2 { font-size: 2.000em; color:#1562a8; } h3 { font-size: 1.692em; } h4 { font-size: 1.538em; } h5 { font-size: 1.385em; } h6 { font-size: 1.231em; } ul { padding:0 0 0 15px; } ol { padding:0 0 0 20px } ul ul, ol ol { margin:10px 0 } ul.bulletText { list-style:none; padding:0; } ul.bulletText li { background:url(../../images/right-arrow.gif) no-repeat left 12px; padding:5px 0 5px 15px; } .governingBodiesBg{ background-color: #efefef; padding: 15px; margin-bottom: 15px; min-height: 300px;} 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 #ececec; width:100%; height:45px; line-height:45px; padding:0 10px; background:#f9f9f9; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus { box-shadow:0 0 2px rgba(0, 0, 0, 0.15); transition:all 0.3s ease 0ms; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#0a2957; font-size:14px; color:#fff; border:1px solid #0a2957; transition:all 0.3s ease 0ms; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#0a2957; border-color:#2a65af; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn, input[type="submit"].resetBtn, input[type="reset"].resetBtn { background-color:#888; border-color:#888; } input[type="submit"].cancelBtn:hover, input[type="button"].cancelBtn:hover, input[type="reset"].cancelBtn:hover, input[type="submit"].resetBtn:hover, input[type="reset"].resetBtn:hover { background-color:#1562a8; border-color:#1562a8; color:#fff; } .alignLeft { float:left } .alignRight { float:right; } .displayNone, .hasJS noscript, .hideThis { display:none!important; visibility:hidden } .jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none; } .mrgAuto { margin-right:auto; margin-left:auto; } .mrgT20 { margin-top:20px; } .mrgL20 { margin-left:20px; } .mrgR20 { margin-right:20px; } .mrgB20 { margin-bottom:20px; } .mrgT10 { margin-top:10px; } .mrgL10 { margin-left:10px; } .mrgR10 { margin-right:10px; } .mrgB10 { margin-bottom:10px; } .padL20 { padding-left:20px; } .padR20 { padding-right:20px; } .padB20 { padding-bottom:20px; } .padT20 { padding-top:20px; } .padL15 { padding-left:15px; } .padR15 { padding-right:15px; } .padB15 { padding-bottom:15px; } .padT15 { padding-top:15px; } .padL10 { padding-left:10px; } .padR10 { padding-right:10px; } .padB10 { padding-bottom:10px; } .padT10 { padding-top:10px; } .padTB10 { padding-top:10px; padding-bottom:10px; } .padTB15 { padding-top:15px; padding-bottom:15px; } .padTB20 { padding-top:20px; padding-bottom:20px; } .pad10 { padding:10px; } .pad15 { padding:15px; } .pad20 { padding:20px; } .pad25 { padding:25px; } .pad30 { padding:30px; } .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 { font-size:12px; 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; } /********** 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:8px 10px; border-bottom:1px solid #E9E9EA; border-right:1px solid #E9E9EA; } table tr:nth-child(odd) td, .tableRowOdd { background-color:#fff; } caption, th, td { font-weight: normal; background:#fff } th, .tableData th { background:#1562a8; color:#fff; border-bottom: 2px solid #fdb913; text-transform: uppercase; font-weight:bold; } .tableScroll { overflow-y:hidden; overflow-x:auto } .tableData tr:hover td { background-color: #fff9eb; } /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li { border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px } .row { margin:0 0 20px; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float:left; padding-left:15px; padding-right:15px; } .cols12 { width:100% } .cols11 { width:91.66666667% } .cols10 { width:83.33333333% } .cols9 { width:75% } .cols8 { width:66.66666667% } .cols7 { width:58.33333333% } .cols6 { width:50% } .cols5 { width:41.66666667% } .cols4 { width:33.33333333% } .cols3 { width:25% } .cols2 { width:16.66666667% } .cols1 { width:8.33% } .boxs { list-style:none; padding:0; margin:0; } .boxs2 { margin-left:-2%; } .boxs3 { margin-left:-2%; } .boxs4 { margin-left:-2%; } .boxs5 { margin-left:-2%; } .boxs6 { margin-left:-2%; } .boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; } .boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; } .boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; } .boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; } .boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; } .boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; } .boxBorder { padding:5px; border:1px solid #ccc; } .wrap25 { width:25% } .wrap33 { width:33.33% } .wrap50 { width:50%; } .wrap72 { width:72%; } .wrap75 { width:75% } .wrap25, .wrap33, .wrap50, .wrap75, .wrap72 { float:left } /********* Navigation *********/ .mainNavigation { background: #121a51 url("../../images/navigation-bg.jpg") no-repeat scroll center center; clear: both; height: 49px; margin: 0; position: relative; z-index: 222; } .mainNavigation::after { background: #ff0000 url("../../images/navigation-bottom-bg.jpg") no-repeat scroll center center; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%; z-index: -1; } .toggleMenu { display:none; padding:0; height:40px; text-decoration:none; background:#1562a8; position:relative; } .toggleMenu .mobileMenu { font-size:1.250em; color:#fff; } .toggleMenu .iconBar { position:absolute; top:50%; right:15px; margin-top:-12px; display:inline-block; text-indent:-9999px; 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 { float:left; margin:0 6px; padding:0; position:relative; display:inline } #nav li:first-child { margin-left:0; } #nav li:last-child { margin:0; } #nav li a { padding:0 23px; font-size:15px; font-family: 'open_sanssemibold'; line-height:47px; color:#fff; text-transform:uppercase; display:inline-block; text-decoration:none } #nav ul { width:300px; top:100%; padding:0; left:0; position:absolute; border-bottom:2px solid #1562a8; } .hasJS #nav ul { opacity:0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; } #nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nav ul li a { display:block; background-color:#fdb913; font-size:15px; line-height:30px; color:#002353; border:none; border-bottom:1px solid #dda110; padding:5px 20px; text-align:left; position:relative; text-transform:none; } #nav ul li:last-child a { border:0; } #nav ul li a:after { border-top:2px solid #fff; content: ""; left: 0; position: absolute; top: 50%; width: 0; transition: all 0.35s ease 0s; } #nav ul li a:hover::after, #nav ul li:hover > a:after { width:10px; } #nav ul ul { top:0; left:300px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/ #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#7fb6e9 } #nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px } #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#fdb913; color:#002353 } #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:#1562a8; color:#fff } #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.gif) no-repeat right center; top:13px; right:10px; z-index:11 } #nav li li li .menuIcon { z-index:12 } #nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .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; } /* ******** Index Slider ******** */ /********** 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; } .owl-theme .owl-controls { margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color:#fff; font-size:14px; 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; width: -moz-max-content; } .noJS .officesInner { overflow-x: scroll; } .noJS .tabContent { display: block; } .noJS #footerLogos .container { margin-bottom: 20px; overflow-x: scroll; } .noJS .footerLogosSlider { width: -moz-max-content; } .noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left; } /********** Responsive Tab **********/ .resTab { position: relative; border:1px solid #00c5ad; } .resTab .tabNav { margin:0; padding: 0; list-style:none } .resTab .tabNav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; } .resTab .tabNav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; } .resTab .tabNav .r-tabs-state-active a { color: #00c5ad; text-shadow: none; background-color: white; } .resTab .tabContent { padding: 15px; display: none; } .resTab .r-tabs-panel.r-tabs-state-active { display: block; } .resTab .r-tabs-accordion-title { display:none; } .resTab .tabNav .r-tabs-state-disabled { opacity: 0.5; } .resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; 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 } /********* Back to Top **********/ #backtotop { display:none; height:40px; width:40px; overflow:hidden; position:fixed; right:0; bottom:158px; z-index:999; display:none; background:#1562a8; color:#fff; text-align:center; font-size:24px; text-decoration:none; } #backtotop span.fa { display:block; line-height:40px; } #backtotop>span { position:relative; display:block; width:41px; height:41px; line-height:41px; font-size:22px; text-align:center; color:#fff; background-color:#1562a8; -webkit-transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; -moz-transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; transition:color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; overflow:hidden } #backtotop:hover > span { background:#fdb913; } #backtotop>span span.fa { -webkit-transition:.15s ease 50ms; -moz-transition:.15s ease 50ms; transition:.15s ease 50ms; margin-left:-2px; } #backtotop>span:after { content:'TOP'; position:absolute; color:#002353; top:150%; left:48%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:.45s cubic-bezier(.54, .13, 0, 1.43); -moz-transition:.45s cubic-bezier(.54, .13, 0, 1.43); transition:.45s cubic-bezier(.54, .13, 0, 1.43); font-weight:600; font-size:12px; } #backtotop>span:hover:after { top:50% } #backtotop>span:hover span.fa { -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); transform:translateY(-50px); -webkit-transition:.15s ease; -moz-transition:.15s ease; transition:.15s ease } #backtotop span span { display:block; line-height:inherit } .noJS .homePhotoGallery { height:250px; overflow:hidden; } /********* Accordion ******** */ .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 } /********* Marquee *********/ .marquee { overflow:hidden; } .marqueeScrolling li { float:left; margin-right:25px; } .noJS .btnMPause { display:none; } .noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto } .noJS .marquee { width:240% } /********** Ticker *********/ .noJS .ticker .stop { display:none } .noJS .ticker ul { margin:0 } .noJS .ticker .tickerDivBlock { height: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; } .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 { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-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; 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; z-index: 9; -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: 0; 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:#1562a8; } .ui-datepicker th, .ui-state-highlight { background-color:#022452; } .ui-state-active, .ui-datepicker tbody a:hover { background-color:#fdb913; color:#022452 !important; } .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width:270px; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 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: 2px; } .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; } .ui-datepicker .ui-datepicker-title { margin:3px 2.3em 4px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:14px; margin:0 3px 0 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, .wob .ui-datepicker-trigger, .wob .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:6px; background:url(../../images/cal-icon.png) no-repeat 0 0; border:0; } .calIcon { background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top; } .advancedSearch .ui-datepicker-trigger, .advancedSearch .ui-datepicker-trigger:hover, .feedbackForm .ui-datepicker-trigger, .feedbackForm .ui-datepicker-trigger:hover { top:11px; } .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/cal-arrow.png) no-repeat 0 0; } .ui-datepicker .ui-datepicker-prev span { background-position:5px 3px; } .ui-datepicker .ui-datepicker-next span { background-position:-21px 3px; } .advancedSearch h3 { border-bottom:1px solid #ccc; padding-bottom:15px; } .wob .ui-datepicker { background:#333; } .wob .guestParking > h3 { background-image: url(../../images/guestParkingIconB.png) } .wob .officesText p { background-color:#000; color:#fff;} .wob .ongoingProject > h3 { background-color:#80ff00; color:#000;} .wob .guestParking > h3 { background-color:#80ff00; color:#000;} .wob .ministerBlock:before { background-color:#000;} .wob .ui-state-active, .wob .ui-datepicker tbody a:hover, .wob .ui-datepicker th, .wob .ui-state-highlight, .wob .ui-datepicker th:hover, .wob .ui-state-highlight:hover { background:#ff0; color:#000; } .wob .bannerNoticeWrap h2 { text-transform:uppercase; font-size:1.500em; color:#ffff00; font-family: 'open_sansbold'; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-bottom:25px; margin-bottom:15px; } .wob .governingBodiesBg { background-color: #222; padding: 15px; margin-bottom: 15px; min-height: 300px; } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ .container { margin:0 auto; width:100%; max-width:1170px; } #content { } .content { } .sidebar { } .fullWidth { } /********** Top Links and Font Resize **********/ .topStrip { padding:7px 0; line-height:23px; } .leftLink { float:left; } .rightLinks { float:right; } .topStrip ul { list-style:none; padding:0; margin:0 } .topStrip li { float:left; padding:0 7px 0 8px; position:relative; } .topStrip .fontResize { padding-top:2px } .topStrip a { color:#434343; text-decoration:none; font-size:0.857em; } .topStrip a:hover { text-decoration:underline; color:#1562a8 } .topStrip li:first-child { padding-left:0; } .topStrip li:last-child { padding-right:0; padding-left:0; } .topStrip li:first-child:before { content:" "; position:absolute; right:0; top:50%; z-index:auto; height:14px; width:1px; background:#666666; overflow:hidden; margin-top:-7px; } /********** Access Control **********/ #accessControl input { float:left; height:19px; background:none; border:none; padding:0; width:22px; color:#434343 } #accessControl input:hover { color:#1562a8 } #accessControl .normal { font-size:14px; } #accessControl .large { font-size:15px; margin:0 11px 0 0; } #accessControl .contrastChanger { width:17px; width:19px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; } #accessControl .contrastChanger.normal { background-image:url(../../images/a-light.gif); margin:0 -2px; } #accessControl .contrastChanger.wob { background-image:url(../../images/a-dark.gif); } /********** High Contrast View **********/ body.wob { background-color:#000; color:#fff } .wob a { color:#ff0 } .wob a:hover { color:#80ff00 } /********** From Page **********/ .formList { list-style:none; padding:0; margin:0; } .formList li { padding:0 0 15px; margin:0; } .required, .formList .error { color:#C00; } .formList .error { display:block; font-size:12px; } .formList .textBoxOut { margin-bottom:5px; } .formList label, .formList .label { color:#333; display:block; font-weight:normal; padding-bottom:7px; } .radioList input { float:left; margin:5px; clear:left; } .radioList label, .radioList .label { float:left; color:#555; } .note { font-size:12px; font-style:italic; padding:5px 0 0; } .captcha { position:relative; } .captcha .captchaImg { float: left; width:120px; height:43px; margin-top:-2px; } .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; } /***********Layout Css**********/ .headerRow { padding:0; } #logo { float:left; margin:0; padding: 10px 0; } .searchBox { float:right; width:267px; position:relative; /*margin-top:17px;*/ } .searchBox .searchInput { width:100%; border:1px solid #aaaaaa; background:#fff; height:47px; line-height:47px; padding:0 46px 0 10px; font-size:13px; color:#5a5a5a; } .searchBox .searchGoBtn { position:absolute; right:1px; top:1px; text-indent:-9999px; width:36px; height:46px; border:0; background:url(../../images/search-icon.png) center center no-repeat transparent; transition:all 0.3s ease 0ms; } .searchBox .searchGoBtn:hover { background-color:transparent; } .searchBox:after { position:absolute; right:40px; top:7px; content:""; width:1px; height:35px; /*margin-top:-10px;*/ background:#b2b2b2; } .indexBanner { position:relative } .noJS .indexBanner { height:419px; overflow:hidden } .indexBanner { background:#002353 url(../../images/index-banner-bg.jpg) repeat-y left center; position:relative; overflow:hidden; background-attachment:fixed; } .indexBanner .owl-theme .owl-controls { margin:0; } .indexBanner .item { padding:30px 0; } /*.indexBanner .leftCol img{width:100%; border-radius:50%; border:32px solid rgba(255, 255, 255, 0.20); opacity:1; visibility:visible; position:static;}*/ .indexBanner .rightCol { float:left; width:65%; min-height:400px; padding-left:50px; } .indexBanner h2 { text-transform:uppercase; color:#fdb913; font-size:2.629em; font-family: 'oswaldbook'; margin-bottom:10px; position:relative; } .indexBanner p { font-size:1.071em; color:#8596af; font-family: 'open_sanssemibold'; position:relative; } .indexBanner .bannerBtn { height:40px; line-height:40px; border:1px solid #fff; font-size:15px; display:inline-block; text-decoration:none; color:#fff; text-transform:uppercase; padding:0 20px; } .indexBanner .bannerBtn:hover { background:#fdb913; border-color:#fdb913; color:#002966; } .indexBanner .owl-theme .owl-controls .owl-nav .owl-prev, .indexBanner .owl-theme .owl-controls .owl-nav .owl-next { background:url(../../images/sprite.png) no-repeat 0 0; width:36px; height:96px; display:inline-block; border-radius:0; text-indent:-9999px; position:absolute; top:50%; margin:-48px 0 0 0; opacity:0.30; } .indexBanner .owl-theme .owl-controls .owl-nav .owl-prev:hover, .indexBanner .owl-theme .owl-controls .owl-nav .owl-next:hover { opacity:0.60; } .indexBanner .owl-theme .owl-controls .owl-nav .owl-prev { left:0; } .indexBanner .owl-theme .owl-controls .owl-nav .owl-next { right:0; background-position:-35px 0px; } .indexBanner .sliderCaption {/*background:url(../../images/home-banner-left-bg.png) no-repeat -9px center; min-height:434px;*/ } .indexBanner .leftCol { float:left; width:45%; position:relative; z-index:1; } .indexBanner .sliderCaption .rightCol { float:right; width:55%; min-height:inherit; } .indexBanner .sliderCaption h2:after { height:4px; width:100px; position:absolute; left:-129px; top:26px; content:""; background:rgba(255, 255, 255, 0.37); } .indexBanner .sliderCaption p:after { height:4px; width:4000px; position:absolute; left:0; bottom:-40px; content:""; background:rgba(255, 255, 255, 0.37); } .homeNoticeBrd { background:#f3f3f3; height:40px; overflow:hidden; } .homeNoticeBrd .container { position:relative; } .homeNoticeBrd h2 { position:relative; background:#1562a8; position:absolute; left:0; top:0; text-transform:uppercase; font-size:1.071em; color:#fff; padding:0 15px; line-height:39px; display:inline-block; margin:0; } .homeNoticeBrd h2:after { position:absolute; right:-6px; top:13px; content:""; width: 0; height: 0; width: 0; height: 0; border-top:7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #1562a8; } .homeNoticeBrd .marqueeScrolling { padding:0 80px 0 110px; } .homeNoticeBrd .marqueeScrolling ul { margin:8px 0; padding:0; } .homeNoticeBrd .marqueeScrolling li { list-style:none; border-right:1px solid #444; padding-right:15px; margin-right:15px; } .homeNoticeBrd .marqueeScrolling li a { color:#373737; text-decoration:none; } .homeNoticeBrd .marqueeScrolling li a:hover { color:#1562a8; } .homeNoticeBrd .marqueeScrolling .newsDate { font-family: 'open_sanssemibold'; color:#1562a8; padding-right:5px; } .homeNoticeBrd .viewAll { font-size:12px; color:#000; position:absolute; right:0; top:9px; } .homeNoticeBrd .viewAll:hover { color:#1562a8; } .homeNoticeBrd .btnMPause { width:20px; height:20px; background:url(../../images/sprite.png) no-repeat -79px 3px; text-indent:-9999px; display:block; overflow:hidden; position:absolute; right:51px; top:9px; cursor:pointer; } .homeNoticeBrd .btnMPause.play { background-position:-94px 3px; } .homeNoticeBrd .noRecord { margin-top:-8px; } .homeNoticeBrd .nodataFound { padding-left:110px; padding-top:9px; } .redText { color:#ff0000; } .homeTender { padding:40px 0; background-color:#f0f0f0; } .ministerBlock { float:left; width:34%; padding:0 40px 0 0; border-right:0 none; min-height:444px; } .ministerBlock ul { padding:0; margin:0; position:relative; z-index:1; } .ministerBlock li { list-style:none; width:100%; float:left; padding-bottom:0; margin-bottom:10px; } .ministerBlock li:last-child { border:0; } .ministerBlock .ministerImg { float:left; width:94px; } .ministerBlock .ministerImg img { border:1px solid #d7d7d7; } .ministerBlock .ministerDetails { padding-left:106px; line-height:23px; } .ministerBlock .ministerDetails a { text-decoration:none; } .ministerBlock strong { font-size:1.1em; display:block; color:#002353; line-height:20px; text-transform:uppercase; } .ministerBlock em { color:#3d3d3d; font-size:13px; display:block; font-style:normal; padding-top:5px; line-height:17px; } em.msg { color: #002353; font-size: 13px; display: block; font-style: normal; padding-top: 5px; line-height: 17px; } em.msg a { text-decoration:none; } em.msg a:hover { text-decoration:underline; } .ministerBlock .cmSocial { margin:5px 0 0 0; padding:0; } .ministerBlock .cmSocial li, .ministerBlock .cmSocial li:last-child { display:inline-block; padding:0; vertical-align:middle; margin:0 5px 0 0; border:0; float:none; width:auto; } .ministerBlock .cmSocial li .fa { width:20px; padding:3px 0; height:20px; border-radius:2px; text-align:center; font-size:16px; color:#fff; } .ministerBlock .cmSocial li .fa-facebook { background:#4867aa; } .ministerBlock .cmSocial li .fa-twitter { background:#00aced; } .ministerBlock .cmSocial li .fa-facebook:hover { background:#335296; } .ministerBlock .cmSocial li .fa-twitter:hover { background:#0295cc; } .ministerBlock .cmSocial li em { display:block; text-indent:-9999px; } .homeTenderListing, .homePhotoGallery { float:left; width:33%; padding-left:40px; position:relative; } .homeTenderListing h2 { text-transform:uppercase; font-size:1.500em; color:#283467; font-family: 'open_sanssemibold'; border-bottom:1px solid #cdd6e3; padding-bottom:6px; margin-bottom:15px; } .homeTenderListing ul { margin:0; padding:0; } .homeTenderListing li { list-style:none; } .homeTenderListing .date { display:block; font-size:1.071em; color:#1562a8; font-family: 'open_sansbold'; margin-bottom:2px; } .homeTenderListing p { color:#373737; padding:0; /*margin-bottom:20px;*/ } .homeTenderListing li a { color:#373737; text-decoration:none; } .homeTenderListing li a:hover { color:#1562a8; } .homeTenderListing .readMore { color:#e77c13; font-size:13px; margin-bottom:20px; display:inline-block; text-decoration:none; border-bottom:1px solid #b2b2b2; } .homeTenderListing .readMore:hover { color:#1562a8; } .homeTenderListing .playPause { padding:0 0 0 13px; background:url(../../images/pause-icon.png) no-repeat 0 4px; font-size:12px; color:#000; overflow:hidden; position:absolute; right:0; top:9px; transition:all 0s ease 0ms; text-decoration:none; } .homeTenderListing .playPause.play { background:url(../../images/paly-icon.png) no-repeat 0 4px; } .homeTenderListing .viewAll { color:#062655; margin-top:15px; font-size:1em; float:right; text-decoration:none; border:2px solid #919eb2; padding: 5px 20px; } .homeTenderListing .viewAll:hover { border-color:#fdb913; } .ministerBlock { position:relative; background:#f6f6f6; } .ministerBlock:before { right:0; top:-40px; bottom:-41px; width:1000%; background:#f6f6f6; position:absolute; content:""; } /*********Home PhotoGallery*************/ .homePhotoGallery { margin:0; } .homePhotoSlider .owl-prev, .homePhotoSlider .owl-next { background:transparent url(../../images/home-photo-slider-back.png) left top no-repeat !important; width:13px; height:21px; position:absolute; left:5px; top:50%; margin-top:-10px; text-indent:-9999px; } .homePhotoSlider .owl-next { left:auto; background:transparent url(../../images/home-photo-slider-next.png) left top no-repeat !important; right:5px; } .homePhotoGalleryText { background:#000; position:relative; padding:20px 30px 25px; z-index:11; margin-top:-40px; } .homePhotoGalleryText:before { background: rgba(255, 93, 177, 0); background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.93) 26%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(26%, rgba(0, 0, 0, 0.93)), color-stop(28%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.93) 26%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.93) 26%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.93) 26%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0.93) 26%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%); height:100%; position:absolute; left:0; top:0; width:100%; margin-top:-50px; content:""; z-index:-1; } .homePhotoGalleryText h3 { font-size:21px; font-weight:700; color:#fff; background:url(../../images/photo-gallery-icon.png) left center no-repeat; padding-left:40px; text-transform:uppercase; margin-bottom:12px; } .homePhotoGalleryText p { color:#fff; margin-bottom:15px; } .homePhotoGalleryText .viewAll { color:#fff; font-size:1em; text-decoration:none; border:3px solid rgba(255, 255, 255, 0.6); padding: 5px 20px; display:inline-block; } .homePhotoGalleryText .viewAll:hover { border-color:#fdb913; } #contentNew { background:#f0f0f0; } /**********************Tender Listing*******************************/ .homeNewsListing { float:left; width:33%; padding-left:40px; position:relative; } .homeNewsListing h2 { text-transform:uppercase; font-size:1.500em; color:#283467; font-family: 'open_sanssemibold'; border-bottom:1px solid #cdd6e3; padding-bottom:6px; margin-bottom:15px; } /********************************Tender Listing Eng*********************************/ .homeUsefulLinks { display:none; background:#e9e9e9; padding:35px 0; } .homeUsefulLinks ul { text-align:center; margin:0; padding:0; } .homeUsefulLinks ul li { display:inline-block; width:18%; padding:0 30px; text-align:center; vertical-align:top; } .homeUsefulLinks ul li:first-child { padding-left:0; } .homeUsefulLinks ul li:last-child { padding-right:0; border:0; } .homeUsefulLinks ul li a { text-transform:uppercase; color:#1562a8; font-size:20px; font-family: 'open_sanssemibold'; text-decoration:none; display:block; } .homeUsefulLinks ul li .iconHolder { background:#fdb913; border-radius:50%; width:88px; height:88px; position:relative; display:inline-block; transition:all 0.3s ease 0ms; vertical-align:middle; } .homeUsefulLinks ul li .iconHolder:after { border-radius:50%; border:2px solid #fff; content:""; position:absolute; left:0; right:0; top:0; bottom:0; transition:all 0.3s ease 0ms; } .homeUsefulLinks ul li .icon { width:88px; height:88px; background:url(../../Portal/images/sprite.png) no-repeat 0 0; display:block; text-indent:-9999px; position:relative; z-index:1; } .homeUsefulLinks ul li .icon.icon1 { background-position:-136px -9px; } .homeUsefulLinks ul li .icon.icon2 { background-position:-236px -5px; } .homeUsefulLinks ul li .icon.icon3 { background-position:-336px -5px; } .homeUsefulLinks ul li .icon.icon4 { background-position:-412px -5px; } .homeUsefulLinks ul li .icon.icon5 { background-position: -413px -106px; } .homeUsefulLinks ul li .text { display:block; vertical-align:middle; margin-top:10px; font-size:17px; } .homeUsefulLinks ul li a:hover { color:#444; } .homeUsefulLinks ul li:hover .iconHolder { background:#fff; } .homeUsefulLinks ul li:hover .iconHolder:after { border:2px solid #1562a8; left:-7px; right:-7px; top:-7px; bottom:-7px; } #footerLogos .container { padding:10px 0 5px; /*padding:14px 0px 7px 0px;*/ } .footerLogosSlider.owl-carousel .owl-item img { max-width:100%; width:auto; } .footerLogosSlider { text-align:center; } .footerLogosSlider .item { text-align:center; display:inline-block; } .footerLogosSlider .item a { display:inline-block; } #footerLogos .owl-theme .owl-controls .owl-nav [class*="owl-"] { width:0; height:0; position:absolute; top:50%; margin:0; padding:0; font-size:0; margin-top:-15px; } .footerBottom { background:#050e2f; padding:20px 0px; font-size:0.857em; } .footerLinks { width:70%; /*width:67.7%;*/ float:left; color:#fff; } .footerLinks ul { display:inline-block; margin:0; padding:0; list-style:none; font-size:1.083em; } .footerLinks ul li { float:left; padding:0px 8px; position:relative; } .footerLinks ul li:first-child { padding-left:0; } .footerLinks ul li:after { content:"|"; position:absolute; right:-3px; top:0; color:#fff; } .footerLinks ul li:last-child:after { display:none; } .footerLinks ul li a { color:#fff; text-decoration:none; } .footerLinks ul li a:hover { text-decoration:underline; color:#fff; } .siteUpdate { float:left; padding-left:12px; width:30%; color:#fff; text-align:right; } .siteUpdate strong { color:#fff; font-weight:400; } .pageUpdated { position:relative; } .pageUpdated:after { content:"|"; padding:0 5px; } .copyright { padding:5px 0 0 0; } /***************Auto Complete***************/ .ui-autocomplete { width:266px; padding:0; margin:0; border:1px solid #cccccc; background:#ffffff; z-index:999; 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:#daecfd; } .ui-helper-hidden-accessible { display:none; } .topStrip li.login { position:relative; } .loginbg { background:#fff url(../../images/login-bg.jpg) repeat center!important; background-size:cover; } .loginBox .fieldName{ display:table-cell; width:35%; vertical-align:middle;} .loginBox .fieldName label{ padding-bottom:0px;} .loginBox .fieldInput{ display:table-cell; width:54%;} .loginBox .fieldCol { width:100%; display:table} .loginInner { border:1px solid #CCC; padding:15px;} .loginBox { background:#fff; max-width:500px; width:100%; margin:50px auto; padding:25px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.25); } .loginBox .inputField { border-radius:3px; border:1px solid #d0d7dc; background:#fff; font-size:15px; width:100%; height:40px; line-height:32px; } .loginBox .fieldCol { margin-bottom:15px; } .loginBox .rememberForgot { text-align:center; position:relative; margin:15px 0; display:inline-block; } .loginBox .rememberForgot .forgetPassLink { padding:5px 10px; font-size:13px; position:relative; z-index:1; color:#000; margin:0 0 0 10px; } .loginBox .rememberForgot label { font-size:13px; cursor:pointer; } .loginBox .rememberForgot .forgot { float:right; font-size:13px; text-decoration:underline; } .loginBox .submitBtn { float:left; border-radius:3px; margin:10px 0 0 0; } .loginBox .rememberForgot input[type="checkbox"] { position:relative; top:2px; } .dropdownCaret { height:7px; overflow:hidden; position:absolute; top:-7px; left:171px; width:18px; } .dropdownCaret .caretOuter { border-bottom:7px solid rgba(0, 0, 0, 0.1); border-left:7px solid rgba(0, 0, 0, 0); border-right:7px solid rgba(0, 0, 0, 0); height:auto; left:0; top:0; width:auto; } .dropdownCaret .caretInner { border-bottom:6px solid rgba(255, 255, 255, 0.98); border-left:6px solid rgba(0, 0, 0, 0); border-right:6px solid rgba(0, 0, 0, 0); left:1px; top:1px; } .dropdownCaret .caretOuter, .dropdownCaret .caretInner { display:inline-block; margin-left:-1px; position:absolute; } .loginBox .fieldColCaptcha .fieldInput { position:relative; } .loginBox .fieldColCaptcha .captchaImgBox { position:absolute; right:0; top:2px; width:130px; } .loginBox .fieldColCaptcha .captchaImgBox img { width:100px; height:39px; } .loginBox .fieldColCaptcha .captchaTextbox { padding-right:140px; } .loginBox .fieldColCaptcha .refreshCaptcha { position:absolute; right:0; top:6px; } .loginBox .fieldColCaptcha .refreshCaptcha img { width:auto; height:auto; } .pageBanner { background:#002353 url(../../images/inner-banner-bg.jpg) no-repeat center left; padding:30px 0; } .innerBannerTitle { font-size:2.143em; color:#fdb913; font-family:'oswaldbook'; margin:0; text-transform:uppercase; float:left; } .breadcrumb { margin:10px 0 0 0; padding:0; float:right; } .breadcrumb li { list-style:none; color:#fff; font-size:1.071em; } .breadcrumb a { color:#fdb913; text-decoration:none; position:relative; margin-right:15px; } .breadcrumb a:hover { color:#fff; } .breadcrumb a:after { width:7px; height:11px; position:absolute; right:-13px; top:6px; content:""; background:url(../../images/breadcrumb-arrow.png) no-repeat 0 0; } .innerContent { min-height:300px; padding:25px 0; border-bottom:1px solid #e9e9e9; } .innerContent.fullWidth { padding:0; } .pageLeftCol { width:80%; padding-right:20px; float:left; } .pageRightCol { float:right; width:20%; } .rightNav { margin:0; padding:0; } .rightNav li { list-style:none; } .rightNav li a { display:block; background:#1562a8; text-decoration:none; padding:11px 15px; color:#fff; border-bottom:1px solid #fff; } .rightNav li a:hover { background:#fdb913; color:#000; } .rightNav li .fa { font-size:16px; margin-right:10px; } .rightNav li a:hover { padding:11px 15px 11px 20px; } .topStrip .hdLeftLinks { float:left; position:relative; } .topStrip .hdLeftLinks li { position:static; } .topStrip .hdLeftLinks li:before { display:none; } .topStrip .hdLeftLinks li.login { padding-left:10px; } .topStrip .hdLeftLinks a { text-decoration:none; } .topStrip .hdLeftLinks li.login.active > a, .topStrip .login.active .fa { color:#1562a8; } .topStrip .hdLeftLinks .login .fa, .topStrip .hdLeftLinks li .fa { font-size:16px; margin-right:7px; vertical-align:middle; color:#5c6a7e; } .topStrip .hdLeftLinks a:hover .fa { color:#1562a8; } .topStrip .hdLeftLinks li .fa { font-size:14px; } .topStrip .hdLeftLinks .welcome { color:#434343; font-size:0.857em; padding-right:10px; display:inline-block; } .topStrip .hdLeftLinks .welcome span { vertical-align:middle; } .topStrip .hdLeftLinks .welcome .fa { font-size:15px; position:relative; top:-2px; } /**************Feedback Form**************/ .feedbackForm { box-shadow:0 0 5px #ccc; padding:20px; background-color:#fff; } .feedbackForm .fieldsRequired { text-align:right; margin:25px 0; } .feedbackForm ul { padding:0; margin:0 -10px; } .feedbackForm ul li { list-style:none; float:left; width:100%; } .feedbackForm .fieldCol { width:50%; float:left; padding:0 10px; margin-bottom:20px; } .feedbackForm .fieldCol.fieldColWide { width:100%; }.feedbackForm .fieldName { margin-bottom:5px; } /*.feedbackForm .fieldCol.type .fieldName, .feedbackForm .fieldCol.type .fieldInput{float:left;} .feedbackForm .fieldCol.type .fieldInput{width:75%;} .feedbackForm .fieldCol.type .fieldName{width:25%;} .feedbackForm .fieldCol.type .fieldName label{padding:0; line-height:40px;}*/ .feedbackForm .customSelectOuter { border:1px solid #e5e5e5; cursor:pointer; background:#ffffff url(../../images/select-arrow.png) no-repeat right 17px; } .feedbackForm .customSelectInner { color:#58595c; font-size:100%; } .feedbackForm .customSelect { height:45px !important; line-height:45px!important; cursor:pointer; } .feedbackForm .customSelect .customSelectInner { padding:0 10px; } .feedbackForm input[type="text"], .feedbackForm input[type="email"], .feedbackForm input[type="tel"], .feedbackForm input[type="number"], .feedbackForm input[type="url"], .feedbackForm input[type="password"], .feedbackForm input[type="search"], .feedbackForm select, .feedbackForm textarea { background:#fff; border:1px solid #e5e5e5; } .textarea, textarea { line-height:22px; font-size:100%; padding:3px 10px; } .verifyRow { position:relative; } .verifyRow .verify { padding-right:160px; } .verifyRow .captcha { position:absolute; right:0; top:3px; width:150px; } .verifyRow .captcha .refreshCaptcha { position:absolute; right:0; top:6px; } .error, .asterix { color:#F00; } /**********Contact**********/ .mainContactMap { height:400px; width:100%; } .mainContact { max-width:800px; box-shadow:0 0 8px #8e8e8e; border-bottom:4px solid #1562a8; margin:-190px auto 50px auto; width:100%; background:#fff; position:relative; } .mainContact .leftCol { float:left; width:56%; padding:25px; } .mainContact .rightCol { float:right; width:44%; } .mainContact h2 { font-size:1.286em; margin-bottom:10px; font-family:'open_sansbold'; } .mainContact p { font-size:1.143em; } .mainContact .addressList { margin:0; padding:0; } .mainContact .addressList li { margin-bottom:20px; list-style:none; font-size:1.143em; } .mainContact .addressList .fa { margin-right:10px; vertical-align:middle; font-size:17px; color:#fff; width:30px; height:30px; border-radius:50%; background:#1562a8; text-align:center; padding:6px 0; } .mainContact .addressList .fa-envelope { font-size:15px; } .moduleSearchOuter { padding:10px 12px; margin-bottom:30px; width:100%; background:#f1f1f1; border-bottom:2px solid #1562a8; } .moduleSearch { margin:0 -10px; padding:0; } .moduleSearch li { list-style:none; width:25%; float:left; padding:0 10px; } .moduleSearch input[type="text"], .moduleSearch select { height:30px; line-height:30px; background:#fff; border:1px solid #e5e5e5; } .moduleSearch .customSelectOuter { border:1px solid #e5e5e5; cursor:pointer; background:#ffffff url(../../images/select-arrow.png) no-repeat right 12px; } .moduleSearch .customSelectInner { color:#58595c; font-size:100%; } .moduleSearch .customSelect { height:30px !important; line-height:30px!important; cursor:pointer; } .moduleSearch .customSelect .customSelectInner { padding:0 10px; } .moduleSearch .customSelectOuter option { padding:3px 8px; } .moduleSearch .btnSearchReset { margin-top:26px; } .moduleSearch input[type="submit"], .moduleSearch input[type="button"], .moduleSearch input[type="reset"], .moduleSearch button, .moduleSearch .button { height:32px; line-height:19px; } .commonListing { margin:0; padding:0; width:100%; } .commonListing li { list-style:none; margin-bottom:30px; } .commonListing li:last-child { margin-bottom:0; } .commonNewsListing .thumbListRow { background:#fff; box-shadow:0 0 5px #ccc; padding:10px 10px 10px 80px; position:relative; border-left:2px solid #1562a8; min-height:60px; } .commonNewsListing .thumbListRow:after { position:absolute; left:-1px; top:50%; content:""; width:0; height:0; width:0; height:0; border-top:5px solid transparent; margin-top:-5px; border-bottom:5px solid transparent; border-left:5px solid #1562a8; } .commonNewsListing .thumbListRow .thumbDate { position:absolute; left:0; top:0; padding:10px; width:80px; text-align:center; } .commonNewsListing .thumbListRow .thumbTitle { border-left:1px solid #ccc; padding-left:15px; } .commonNewsListing li a { text-decoration:none; } .commonNewsListing li:nth-child(even) .thumbListRow { border-color:#fdb913; } .commonNewsListing li:nth-child(even) .thumbListRow:after { border-left-color:#fdb913; } .commonNewsListing li .dayMonth { display:block; color:#1562a8; font-family:'open_sanssemibold'; font-size:1.071em; } .tenderListing { margin:0; padding:0; position:relative; } .tenderListing:after { height:100%; width:2px; background:#e3e3e3; position:absolute; left:20px; top:-30px; content:""; display:block; } .tenderListing li { list-style:none; position:relative; margin-bottom:30px; padding-left:50px; } .tenderListing .tenderDate { background:#e3e3e3; padding:3px 5px; position:relative; font-family:'open_sanssemibold'; font-size:0.929em; } .tenderListing .tenderDate:after { height:2px; width:30px; background:#e3e3e3; position:absolute; left:-30px; top:11px; content:""; display:block; } .tenderListing .headline { margin:5px 0; } .tenderListing .tenderBox { position:relative; } .tenderListing .tenderBox:after { height:8px; width:8px; border-radius:50%; background:#e3e3e3; position:absolute; left:-33px; top:6px; content:""; } .innerContent .facilities { margin:0 -10px; padding:0; position:relative; } /*.facilities ul:after{height:100%; width:1px; position:absolute; left:50%; top:0; content:""; background:#dadada; display:block;}*/ .innerContent .facilities ul li { list-style:none; display:table; border-bottom:1px solid #dadada; width:100%; } .innerContent .facilities ul li:last-child { border:0; } .facilities .box { padding:10px; width:33.333%; float:left;/*border:1px solid #dadada; margin:-1px -1px 0 0;*/ } .innerContent .facilities .box .imgHolder { position:relative; overflow:hidden; transition:all 0.4s ease 0ms; } .innerContent .facilities .box:hover .imgHolder { box-shadow:0 0 7px #8a8a8a; } .innerContent .facilities .box .imgHolder img { width:100%; display:block; transition:all 0.4s ease 0ms; } .innerContent .facilities .box:hover .imgHolder img { -ms-transform:scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .innerContent .facilities .box .bottom { position:absolute; left:0; bottom:0px; width:100%; background:rgba(0, 0, 0, 0.60); text-align:center; transition:all 0.3s ease 0ms; } .innerContent .facilities .box:hover .bottom { bottom:0; } .facilities .box .title { display:block; text-transform:uppercase; color:#fff; font-size:21px; padding:10px 0; } .innerContent .facilities .box .readMore { color:#fff; transition:all 0.3s ease 0ms; font-size:15px; padding-bottom:10px; display:block; } .innerContent .facilities .box .readMore .fa { font-size:16px; margin-left:5px; } .innerContent .facilities .box .readMore:hover { color:#fdb913; } .facilitiesModal { max-width:900px; width:100%; margin:0 auto; padding:25px; text-align:left; background:#fff; min-height:290px; } .facilitiesModal h2 { color:#fff; background:#134a99; padding:8px 15px; font-size:21px; margin:-25px -25px 25px -25px; } .facilitiesModal .imgHolder { float:right; margin:0 0 20px 20px; } /*********Tender Details******/ .tenderDetailContainer h2, .noticeBrdDetail h2 { line-height:30px; font-size:1.5em; } .tederDetail { margin-bottom:30px; } .tenderDetail, .tenderDetail tr, .tenderDetail td { background-color:transparent !important; border:0; padding:0; margin:0; } .tenderDetail { margin-bottom:25px; } .tenderDetail .row { margin:0 -15px 20px -15px; } .TDNumber .val, .TDPublishDate .val, .TDTenderExpDate .val { color:#1562a8; } .TDNumber { text-align:left; font-size:106.3%; } .TDPublishDate { font-size:106.3%; } .tenderDetail .TDTenderExpDate { font-size:100%; } .tederDetail > div { margin-bottom:5px; } .tederDetail span.label { float:left; margin-right:10px; text-align:left; width:180px; } .tederDetail .date { color:#e65a15; } .tederDetail .eventImage { float:right; } .tenderDetailContainer table { background:none; border:0; padding:0; margin:0; } .tenderDetailContainer .downDocument { padding:10px 15px; background:#fff; border:1px solid #a9a9a9; float:left; margin-left:-1px; margin-top:15px; } .noticeBrdDetail .noticeBrdDetailDate { font-family:'open_sanssemibold'; margin-bottom:10px; color:#1562a8; } .noticeBrdDetail .detailImg { float:right; margin:0 0 20px 20px; max-width:320px; width:100%; } .officesList { margin:0; padding:0; } .officesList .box { width:50%; float:left; } /*.officesList .box:hover { box-shadow:0 0 8px #ccc; }*/ .officesList .box img { max-width:100%; } .officeDetail { max-width:900px; width:100%; margin:0 auto; } .officeDetail .topRow { position:relative; float:left; width:100%; background:#f1f1f1; } .officeDetail .topRow:after { height:100%; width:40%; background:#1562a8; position:absolute; top:0; right:0; content:""; } .officeDetail h2 { font-family:'open_sansbold'; font-size:1.286em; margin-bottom:20px; } .officeDetail .leftCol { width:60%; float:left; padding:25px; } .officeDetail .rightCol { width:40%; float:left; text-align:center; padding:20px; color:#fff; position:relative; z-index:1; } .officeDetail .rightCol h2 { color:#fff; } .officeDetail .address p strong { display:block; margin-bottom:5px; } .officeDetail .addressList { margin:25px 0 0 0; padding:0; } .officeDetail .addressList li { margin-bottom:12px; list-style:none; } .officeDetail .addressList .fa { margin-right:10px; vertical-align:middle; font-size:14px; color:#fff; width:25px; height:25px; border-radius:50%; background:#1562a8; text-align:center; padding:6px 0; } .officeDetail .addressList .fa-envelope, .officeDetail .addressList .fa-fax { font-size:13px; } .officeDetail .hodDetail {/*box-shadow:0 0 5px #ccc;padding:30px 0 10px 0;*/ text-align:center; position:relative; } .officeDetail .hodDetail:after { height:110px; width:100%; left:0; top:0; content:""; background:#1562a8; position:absolute; z-index:-1; display:none; } .officeDetail .hodDetail h3 { font-size:1.143em; margin:10px 0; font-family:'open_sansbold'; } .officeDetail .hodDetail h3 span { display:block; font-size:13px; font-family:'open_sansregular'; } .officeDetail .hodDetailList { margin:0; padding:0 60px; } .officeDetail .hodDetailList li { list-style:none; margin-bottom:8px; text-align:left; font-size:14px; } .officeDetail .hodDetailList li a { color:#fff; } .officeDetail .hodDetailList .fa { margin-right:10px; vertical-align:middle; font-size:14px; color:#1562a8; width:25px; height:25px; border-radius:50%; background:#fff; text-align:center; padding:6px 0; } .officeDetail .hodDetailList .fa-envelope, .officeDetail .hodDetailList .fa-fax { font-size:13px; } .officeDetail .hodPhoto { width:119px; height:119px; border-radius:50%; margin:20px auto; position:relative; } .officeDetail .hodPhoto:after { border-radius:50%; border:2px solid #fff; left:-5px; top:-5px; right:-5px; bottom:-5px; content:""; position:absolute; z-index:-1; } .officeDetail .hodPhoto img { border-radius:50%; } .officePhotos { width:100%; float:left; } .officePhotos ul { margin:20px 0 0 0; padding:0; list-style:none; } .officeDetail .officePhotos ul li { display:inline-block; padding:5px; width:20%; border:1px solid #ccc; } .officeDetail .address .logo { float:left; width:85px; } .officeDetail .address .logo img { border-radius:50%; } .officeDetail .address .addressText { padding-left:100px; padding-top:10px; min-height:85px; } .browseBtn .button { background:#235481; border-color:#235481; } .browseBtn .button:hover { background:#fdb913; border-color:#fdb913; color:#002353; } .forgotPassword { max-width:350px; margin:40px auto 0 auto; background:#fff; padding:20px; box-shadow:0 0 5px #ccc; } .forgotPassword .fieldName { padding-bottom:5px; } .forgotPassword .fieldInput { margin-bottom:15px; } .forgotPassword .forgetPassLink { float:right; margin-top:4px; } /*************Advanced Search*************/ .advancedSearch { text-align:left; padding:20px; 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; width:auto; } .pagingNo ul li span { float:left; padding:0 2px; } .pagingNo input { background:#094174; 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:#000; } .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.1em; margin-bottom:10px; color:inherit; display:inline-block; } .advancedSearch label { margin-right:5px; } .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; } .dateBlock { position:relative; } .searchComp .buttons .btn { margin-right:10px; } .searchComp .formGroup { margin-top:10px; } .pageRightBtn { width:100%; text-align:right; margin-bottom:15px; } .searchResualt .formGroup { margin-bottom:15px; } .socialLiks { float:right; margin-top:15px; } .socialLiks a { height:35px; margin-bottom:0 !important; width:35px !important; font-size:0; } /********************Color Contrast View***********/ .wob #logo { width:497px; height:69px; background:url(../../images/logo-c.png) no-repeat 0 0; } .wob #logo img { opacity:0; visibility:hidden; } .wob .objectives .srNum1 { background-color:#ffff00; color:#000;} .wob .objectives .srNum1::after { border-color: rgba(60, 100, 100, 0) rgba(60, 100, 100, 0) rgba(60, 100, 100, 0) #ffff00; } .wob .objectives li { box-shadow:none;} .wob .officesList .box .address { border-bottom:1px solid #fff;} .wob .objectives .srNum1::after{ } .wob .topStrip .hdLeftLinks .login .fa, .wob .topStrip .hdLeftLinks li .fa, .wob #accessControl input, .wob .homeNoticeBrd .marqueeScrolling li a, .wob .homeTenderListing li a, .wob .homeTenderListing .viewAll, .wob .homeUsefulLinks ul li a, .wob .footerLinks ul li a, .wob .breadcrumb a, .wob .facilities .box .title, .wob .facilities .box .readMore, .wob .officeDetail .hodDetailList li a, .wob .homeNoticeBrd .viewAll, .wob .homeTenderListing .playPause { color:#ffff00; } .wob .topStrip .hdLeftLinks a:hover .fa, .wob #accessControl input:hover, .wob .homeNoticeBrd .marqueeScrolling li a:hover, .wob .homeTenderListing li a:hover, .wob .homeTenderListing .viewAll:hover, .wob .homeUsefulLinks ul li a:hover, .wob .footerLinks ul li a:hover, .wob .topStrip .hdLeftLinks li.login.active > a, .wob .topStrip .login.active .fa, .wob .breadcrumb a:hover, .wob .facilities .box .readMore:hover, .wob .officeDetail .hodDetailList li a:hover, .wob .homeNoticeBrd .viewAll:hover, .wob .homeTenderListing .playPause:hover { color:#80ff00; } .wob .indexBanner h2, .wob .indexBanner p, .wob .homeNoticeBrd .marqueeScrolling .newsDate, .wob .ministerBlock strong, .wob .ministerBlock em, .wob .homeTenderListing h2, .wob .homeTenderListing .date, .wob .innerBannerTitle, .wob .commonNewsListing li .dayMonth, .wob .mainContact h2, .wob .officeDetail h2, .wob .topStrip .hdLeftLinks .welcome, .wob .topStrip .hdLeftLinks .welcome .fa { color:#fff; } .wob .ministerBlock strong { font-size:1.1em; display:block; color:#ffff00; line-height:20px; text-transform:uppercase; } .wob .siteUpdate { float:left; padding-left:12px; width:30%; color:#80ff00; text-align:right; } .wob .siteUpdate strong { color:#80ff00; font-weight:400; } .wob .header, .wob .homeNoticeBrd, .wob .homeUsefulLinks, .wob .footerBottom { background:#000; } .wob .indexBanner, .wob .homeTender, .wob .pageBanner, .wob .officeDetail .topRow, .wob .feedbackForm, .wob .forgotPassword { background:#222; } .wob .mainNavigation, .wob .officeDetail .topRow:after { background:#333; } .wob #nav li a { color:#ffff00; } .wob #nav > li > a:hover, .wob #nav > li.hover > a, .wob #nav > li.focus > a, .wob #nav > .highlight > a, .wob #nav ul li a { background:#ffff00; color:#000; } .wob #nav li ul li a:hover, .wob #nav li ul li > a.selected, .wob #nav ul a:hover, .wob .noJS #nav ul a:focus, .wob #nav ul a.selected, .wob #nav ul > .highlight > a { background:#000; color:#ffff00; } .wob #nav ul li, .wob #nav ul li a, #nav ul { border-color:#000; } .wob table, .wob .tableData, .wob th, .wob td, .wob .tableData th, .wob .tableData td { border-color:#4b4b4b; } .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 .searchBox .searchInput { background:#444; border-color:#444; color:#fff; } .wob h2{ color:#fff;} .wob .searchBox .searchGoBtn, .wob .searchBox .searchGoBtn:hover { background:#444 url(../../images/search-icon-white.png) no-repeat scroll center center; } .wob .tableData tr:hover td{ background-color:#333; } .wob .ui-autocomplete { background:#000; border-color:#444; } .wob .ui-autocomplete li a { background:#000; color:#fff; } .wob .ui-autocomplete li a:hover { background:#ffff00; color:#000; } .wob .homeNoticeBrd h2 { background:#fff; color:#000; } .wob .homeNoticeBrd h2:after { border-left-color:#fff; } #footerLogos { background:#fff; border-top:1px solid #f0f0f0; } .wob .homeUsefulLinks ul li .iconHolder { background:#fff; } .wob .homeUsefulLinks ul li:hover .iconHolder:after { border-color:#80ff00; } .wob #backtotop > span { background:#ffff00; color:#000; } .wob #backtotop > span:after, .wob #backtotop > span:after { color:#000; } .wob .loginBox, .wob .loginBox .rememberForgot .forgetPassLink { background:#444; } .wob .loginBox .rememberForgot .forgetPassLink {color:#fff;} .wob .dropdownCaret .caretInner { border-bottom-color:#444; } .wob .required, .formList .error { color:#ffff00;} .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"], .wob button, .wob .button { background:#ffff00; color:#000; border-color:#ffff00; } .wob input[type="submit"]:hover, .wob input[type="button"]:hover, .wob input[type="reset"]:hover, .wob button:hover, .wob .button:hover { background:#80ff00; color:#000; border-color:#80ff00; } .wob .rightNav li a { background:#222; color:#ffff00; border-color:#333; } .wob .rightNav li a:hover { background:#80ff00; color:#000; } .wob .officesList .box .address { background:#444; } .wob .officesList .addressList .fa { background:#000; } .wob .facilities .box .bottom { background:rgba(0, 0, 0, 0.8); } .wob .facilitiesModal { background:#555; } .wob .facilitiesModal h2 { background:#383838; color:#fff; } .wob .moduleSearchOuter { background:#333; border-bottom-color:#ff0; } .wob .commonNewsListing .thumbListRow { background:#222; box-shadow:0 0 4px #222; border-left-color:#fff; } .wob .commonNewsListing .thumbListRow:after, .wob .commonNewsListing li:nth-child(2n) .thumbListRow:after, .wob .commonNewsListing li:nth-child(2n) .thumbListRow { border-left-color:#fff; } .wob .tenderListing:after, .wob .tenderListing .tenderDate:after, .wob .tenderListing .tenderBox:after { background:#ff0; } .wob .tenderListing .tenderDate { background:#ff0; color:#000; } .wob .mainContactMap { color:#000; } .wob .mainContact { background:#222; border-bottom-color:#ff0; } .wob .mainContact .addressList .fa, .wob .officeDetail .addressList .fa, .wob .officeDetail .hodDetailList .fa { background:#444; color:#fff; } .wob .feedbackForm { box-shadow:0 0 5px #000; } .wob .homeNoticeBrd .btnMPause { background-position:-79px -20px; } .wob .homeNoticeBrd .btnMPause.play { background-position:-95px -20px; } .wob .homeTenderListing .playPause { background:url(../../images/pause-icon-c.png) no-repeat 0 4px; } .wob .homeTenderListing .playPause.play { background:url(../../images/paly-icon-c.png) no-repeat 0 4px; } .wob .tenderHomeBox { background-color: #000; padding: 20px; display:inline-block; width:100%; } .wob .officesRow { padding:40px 0; background:#303030; } .wob .officesTitle { color:#80ff00; font-size:26px; text-align:center; text-transform:uppercase; font-family:'open_sansbold'; position:relative; margin-bottom:20px } .wob .officesText h3 { color:#ffff00; font-size:15px; margin:0 0 5px 0; font-weight:bold; min-height:65px } .wob .officesText p { color:#fff; font-size:13px; margin:0; line-height:1.1; min-height: 50px; } .wob .tabContainer .contantFont, .tabContainer .contantFont a { font-size:12px; color:#80ff00; } .wob .copyright { padding:5px 0 0 0; color:#80ff00; } .wob .connectingSocietyRow { background: rgba(0, 0, 0, 0) url(../../images/connecting-society-bg-dark-theme.jpg) no-repeat fixed center center / cover; padding: 40px 0; } .wob .connectingSocietyRow .societyTitle { text-align:center; color:#80ff00; font-size:30px; margin:0 } .wob .connectingSocietyRow .societyText { text-align:center; color:#80ff00; } .wob .headBox:after { background:#111111; content:''; width:100%; height:36px; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out 0s; } .wob .headBox:nth-child(1), .wob .headBox:nth-child(4){ background-color:#333;} .wob .headBox:nth-child(2), .wob .headBox:nth-child(3){ background-color:#000;} .wob .connectingSocietyRow .facilities { background:transparent; } .wob .headBox:nth-child(1):after { background:#333; } .wob .connectingSocietyRow .support { background:#000; } .wob .headBox:nth-child(2)::after { background:#000; } .wob .headBox:nth-child(3):after { background:#000; } .wob .connectingSocietyRow .complains { background:#000; } .wob .headBox:nth-child(4):after { background:#333; } .wob .connectingSocietyRow .ConforanceHallBooking { background:transparent; } .wob .officesTabs li a { color:#80ff00;} .wob .tabContainer .contantFont, .wob .tabContainer .contantFont a{ color:#80ff00;} .wob .officesTabs li .phonIcon { background-image:url(../../images/phon-icon-white.png);} .wob .officesTabs li .mailIcon { background-image:url(../../images/mail-icon-white.png);} .wob .officesTabs li .websiteIcon {background-image:url(../../images/website-icon-white.png);} .wob .officesText p { border-bottom:1px solid #666;} .wob .homePhotoGalleryText .viewAll:hover, .wob .homeTenderListing .viewAll:hover, .wob .bannerNoticeWrap .viewAll:hover{ border-color:#fff;} .wob .officesInner .owl-theme .owl-controls .owl-nav .owl-prev { background-image:url(../../images/sprite2-white.png);} .wob .officesInner .owl-theme .owl-controls .owl-nav .owl-next { background-image:url(../../images/sprite2-white.png);} .wob .howtoReach a { background-color: #757575; color: #ffffff; font-size: 1.071em; padding: 12px 20px 13px 60px; text-decoration: none; text-transform: uppercase; font-family:'open_sansbold'; display:inline-block; } .wob .howtoReach a:hover { background-color: #444; } .wob .howtoReach a:hover { background-color: #444; } .wob .howtoReach a:before { content:" "; position:absolute; left:0; top:0; z-index:auto; height:48px; width:46px; background:url(../../images/howtoReach.png) center center no-repeat #444; overflow:hidden; } .wob .howtoReach a:hover:before { background-color: #444; } .noJS .indexBanner .sliderCaption .rightCol { padding-top:135px; } .noJS .marquee { width:300%; } .noJS .homeNoticeBrd .marqueeScrolling ul { margin:3px 0 0 0; } .noJS .homeNoticeBrd .btnMPause { display:none; } .noJS .homeNoticeBrd .viewAll { background:#f3f3f3; top:0; line-height:40px; padding-left:10px; } .noJS .footerLogosSlider .item { float:left; width:230px; } .noJS .mainContactMap { display:none; } .noJS .mainContact { margin:20px auto; } .introduction { text-align:justify; } .officesList { margin:0; padding:0; } .officesList .row { margin:0 -15px; } .officesList .box { width:50%; float:left; padding:15px; } .officesList .box .address { background:#f1f1f1; padding:15px; min-height: 290px; border-bottom:2px solid #1562a8; } .officesList .address .logo { float:left; width:85px; } .officesList .address .logo img { border-radius:50%; } .officesList .box strong { display:block; } .officesList .address .addressText { padding-left:100px; padding-top:10px; min-height:85px; } .officesList .addressList { margin:25px 0 0 0; padding:0; } .officesList .addressList li { margin-bottom:12px; list-style:none; float:left; width:50%; padding-right:0px; } .officesList .addressList .fa { margin-right:10px; vertical-align:middle; font-size:14px; color:#fff; width:25px; height:25px; border-radius:50%; background:#757575; text-align:center; padding:6px 0; } .officesList .addressList .fa-envelope, .officesList .addressList .fa-fax { font-size:13px; } .replyBox { color:#208300; background:#f4f4f4; padding:10px; display:block; margin-top:15px; } /********Connecting Society***********/ .connectingSocietyRow { background: rgba(0, 0, 0, 0) url(../../images/connecting-society-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding: 40px 0; } .connectingSocietyRow .bannerColLeft { width:56.2%; float:left; } .connectingSocietyRow .bannerColRight { width:37.2%; float:right; } .connectingSocietyRow .facilities { background:#c950a0; } .connectingSocietyRow .support { background:#6d5baf; } .connectingSocietyRow .complains { background:#0b8cd0; } .connectingSocietyRow .ConforanceHallBooking { background:#37b699; } .connectingSocietyRow .row .cols6 { padding:0; margin-top:0; } .connectingSocietyRow .societyTitle { text-align:center; color:#fff; font-size:30px; margin:0 } .connectingSocietyRow .societyText { text-align:center; color:#fff; margin-bottom:60px; } .headBox { position:relative; } .headBox .boxInner { overflow:hidden; } .headBox h3 { font-size:22px; text-transform:uppercase; color:#fff; margin:0 0 45px 0; line-height:1.1; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; line-height:1.2; } .headBox p { color:#fff; height:45px; margin:0; overflow:hidden; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; margin-bottom:20px; } .headBox a { border:3px solid rgba(255, 255, 255, 0.6); padding:6px 30px; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; position:relative; } .headBox:hover .info { -ms-transform: translateY(46px); -webkit-transform: translateY(46px); -moz-transform: translateY(46px); -o-transform: translateY(46px); transform: translateY(46px); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .headBox .info img { width:100%; height:auto; } .headBox:after { background:#c950a0; content:''; width:100%; height:36px; position:absolute; top:0; left:0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; height:100%; } .headBox:nth-child(2):after { background:#6d5baf; } .headBox:nth-child(3):after { background:#0b8cd0; } .headBox:nth-child(4):after { background:#37b699; } .headBox:hover:after {/* -ms-transform: translateY(-36px); -webkit-transform: translateY(-36px); -moz-transform: translateY(-36px); -o-transform: translateY(-36px); transform: translateY(-36px); */ } .headBox:hover a { border:2px solid rgba(255, 255, 255, 1); padding:4px 15px; } .headBox .info { position: absolute; left:0; width:100%; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; z-index: 9999; -ms-transform: translateY(220px); -webkit-transform: translateY(220px); -moz-transform: translateY(220px); -o-transform: translateY(220px); transform: translateY(220px); } .bannerNoticeWrap { padding-right:15px; width:100%; position:relative; } .bannerNoticeWrap h2 { text-transform:uppercase; font-size:1.500em; color:#ffffff; font-family: 'open_sansbold'; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-bottom:25px; margin-bottom:15px; padding-left:15px;} .bannerNoticeWrap .newsListWrap { padding:25px 0; } .bannerNoticeWrap .tickerDivBlock { height:320px !important; margin-bottom:35px; } .bannerNoticeWrap ul { margin:0; padding:0; } .bannerNoticeWrap li { list-style:none; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.3); } .bannerNoticeWrap .date { display:block; font-size:0.938em; line-height:1.1; color:#fff; margin-bottom:2px; float:left; width:55px; text-align:center; } .bannerNoticeWrap .date span { display:block; } .bannerNoticeWrap .newsListDetail { padding-left:75px; } .bannerNoticeWrap .date .dateNum { font-size:26px; } .bannerNoticeWrap li .title { font-size:18px; font-family: 'open_sansbold'; line-height:1.2; color:#fff; margin-bottom:0; } .bannerNoticeWrap li .title a { color:#fff; } .bannerNoticeWrap li .title a:hover { color:#fff; text-decoration:underline; } .bannerNoticeWrap p { color:#373737; padding:0; /*margin-bottom:20px;*/ } .bannerNoticeWrap li a { color:#373737; text-decoration:none; } .bannerNoticeWrap li a:hover { color:#1562a8; } .bannerNoticeWrap .readMore { color:#e77c13; font-size:13px; margin-bottom:20px; display:inline-block; text-decoration:none; border-bottom:1px solid #b2b2b2; } .bannerNoticeWrap .fileSize { font-family: 'open_sansregular'; } .bannerNoticeWrap .readMore:hover { color:#1562a8; } .bannerNoticeWrap .playPause { padding:0 0 0 15px; background:url(../../images/play-pause-icon-white.png) no-repeat 0 1px; font-size:14px; color:#fff; overflow:hidden; position:absolute; right:15px; top:9px; transition:all 0s ease 0ms; text-decoration:none; text-transform:uppercase; } .bannerNoticeWrap .playPause.play { background:url(../../images/play-pause-icon-white.png) no-repeat 0 -18px; } .bannerNoticeWrap .viewAll { color:#002353; font-size:1em; float:left; text-decoration:none; border:3px solid rgba(255, 255, 255, 0.6); padding: 5px 20px; background-color:#fff; } .bannerNoticeWrap .viewAll:hover { border-color:#fdb913; } .bannerBoxIconWrap { padding:35px 25px; text-align:left; min-height:232px; position:relative; overflow:visible; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; z-index:1; max-height:232px; } .headBox:hover .bannerBoxIconWrap { padding:15px 25px; } .headBox:hover h3 { font-size:18px; margin-bottom:5px; } .headBox:hover p { margin-bottom:10px; display:none; } .bannerBoxIcon { float:left; width:48px; height:47px; background:url(../../images/home-banner-box-icon.png) no-repeat left top; display:block; position:relative; z-index:11; text-indent:-9999px; overflow:hidden; } .bannerBoxIconText { padding-left:70px; } .bannerBoxIcon .getSupport {background-position: -125px -0px;} .bannerBoxIcon .logComplaint {background-position: -65px -0px;} .bannerBoxIcon .hallBooking {background-position: -192px -0px;} /*********************Offices*********************/ .officesRow { padding:40px 0; background:#fff; } .officesTitle { color:#123360; font-size:26px; text-align:center; text-transform:uppercase; font-family:'open_sansbold'; position:relative; margin-bottom:20px } .officesTitle:after { background:#d0d1dc; height:1px; width:346px; content:''; position:absolute; bottom:-15px; left:50%; margin-left:-173px; } .officesText { text-align:center; } .officesText h3 { color:#2850a1; font-size:15px; margin:0 0 5px 0; font-weight:bold; min-height:65px } .officesText p { background-color: #f6f6f6; border-bottom: 1px solid #2850a1; color: #3d3d3d; font-size: 13px; line-height: 1.1; margin: 0; min-height: 65px; padding: 10px; } .officesInner { margin-top:50px; } .officesInner .owlCarousel .item { padding:0 10px; height:auto; /*height:149px;*/ line-height:normal; border:none } .officesTabs { margin:10px 0 0 0; padding: 0; list-style:none; display:block } .officesTabs li { display: inline-block; margin: 0; padding:5px 10px } .officesTabs li a { display: inline-block; padding: 10px 12px; text-decoration: none; } .officesTabs li .phonIcon { background:url(../../images/phon-icon.png) no-repeat; width:29px; height:29px } .officesTabs li .mailIcon { background:url(../../images/mail-icon.png) no-repeat; width:29px; height:29px } .officesTabs li .websiteIcon { background:url(../../images/website-icon.png) no-repeat; width:29px; height:29px } .officesTabs .active { position:relative; } .officesTabs .active:after { content:''; width:104px; height:11px; position:absolute; background:url(../../images/activ-hover.png) no-repeat; bottom:-1px; left:-23px; } .detailBox .tabContainer { border-top:1px solid #efefef; padding:10px 0 } .tabContainer .contantFont, .tabContainer .contantFont a { font-size:12px; color:#293062; } .tabContainer .contantFont a { text-decoration:none } .noJS .resTab .tabContainer { height:150px; overflow:hidden } .noJS .resTab .tabContent { display:block; height:150px } .tabContent { display:none; } .owl-item.active .item .detailBox .tabContainer .tabContent.phonWrap { display:block; } .headerRight { float: right; padding: 20px 0; } #ContentPlaceHolder1_UserCMSHeader1_KeywordSearch1_pnlKeywordSrch { float: left; margin-right: 20px; } .howtoReach { float: right; position: relative; } .howtoReach a { background-color: #0096ff; color: #ffffff; font-size: 1.071em; padding: 12px 20px 13px 60px; text-decoration: none; text-transform: uppercase; font-family:'open_sansbold'; display:inline-block; } .howtoReach a:hover { background-color: #0087e5; } .howtoReach a:before { content:" "; position:absolute; left:0; top:0; z-index:auto; height:47px; width:46px; background:url(../../images/howtoReach.png) center center no-repeat #0087e5; overflow:hidden; } .howtoReach a:hover:before { background-color: #0096ff; } .detailBox { text-align: center; } .homeTenderListing .newsTikker0 ul li { min-height: 70px; } .homeTenderListing .newsTikker1 ul li { min-height: 130px; } .officesInner .owl-theme .owl-controls { bottom: 0; margin-top: 0; position: absolute; text-align: center; width: 100%; z-index: 9; background-color:transparent; top:20px; } .officesInner .owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; height: 62px; margin: 0; padding: 0; text-indent: -99999px; width: 62px; display:block; } .officesInner .owl-theme .owl-controls .owl-nav [class*="owl-"] { width: 20px; } .officesInner .owl-theme .owl-controls .owl-nav .owl-prev { left: -45px; position: absolute; background: url(../../images/sprite2.png) no-repeat 2px 0 transparent; transition: all 0.2s ease-in-out; } .officesInner .owl-theme .owl-controls .owl-nav .owl-next { right: 55px; position: absolute; background: url(../../images/sprite2.png) no-repeat -133px 0 transparent; transition: all 0.2s ease-in-out; } .officesInner .owl-theme .owl-controls .owl-nav .owl-prev:hover { background-position: -30px 0; } .officesInner .owl-theme .owl-controls .owl-nav .owl-next:hover { background-position: -160px 0; } .officesInner .owl-theme .owl-controls { bottom: inherit; top:20px; } .officesInner .carouselBlock { padding: 0 50px; overflow: hidden; } .homeTenderListing .newsTikker0 { height: 370px !important; } .guestParking { border: 1px solid #cccccc; clear: both; display: inline-block; margin-top: 20px; position: relative; width:100%; } .guestParking > h3 { color: #ffffff; padding: 5px 50px 5px 10px; position: absolute; text-transform: uppercase; background: url(../../images/guestParkingIcon.png) no-repeat 95% center #fdb913; font-family:'open_sansbold'; font-size:1.500em; } .ongoingProject { border: 1px solid #cccccc; clear: both; display: inline-block; margin-top: 17px; position: relative; width:100%; } .ongoingProject > h3 { color: #ffffff; padding: 5px 10px; position: absolute; text-transform: uppercase; background-color:#1562b3; font-family:'open_sansbold'; font-size:1.500em; } .tenderHomeBox { background-color: #ffffff; padding: 20px; display:inline-block; width:100%; min-height:250px; } .tenderHomeBox .newsTikker1 { height: 110px !important; } .tenderHomeBox .playPause { right: 20px; top: 25px; } .sitemapBtnExport { float: right; } .sitemapDiv ul { list-style:none; padding:0; margin-bottom:7px; } .sitemapDiv ul li.sitemapTitle { background:url(../../images/down-arrow.gif) no-repeat left 10px; padding:5px 0 5px 20px; margin-left:0; } .sitemapDiv ul li { background:url(../../images/right-arrow.gif) no-repeat left 12px; padding:5px 0 5px 25px; margin-left: 40px; } .facilitiesNew { padding: 0; } /************objective css************/ .objectives { margin: 0; padding: 0; } .objectives li { border: 1px solid #ededed; box-shadow: 4px 4px 5px #cccccc; list-style: outside none none; margin-bottom: 20px; min-height: 88px; padding: 15px 15px 15px 115px; position: relative; } .objectives .vCenter { display: inline-block; } .objectives .srNum { background: #e9560e none repeat scroll 0 0; bottom: 12px; color: #fff; font-size: 23px; height: 64px; left: -10px; padding: 12px 0 4px 10px; position: absolute; text-align: center; top: 12px; width: 70px; } .objectives .srNum::after { border: 32px solid transparent; content: " "; height: 0; left: 100%; margin-top: -32px; position: absolute; top: 50%; width: 0; } .objectives .srNum::before { background: rgba(0, 0, 0, 0) url("writereaddata/Portal/Images/objective-arrow-bg.png") no-repeat scroll center center; content: ""; height: 5px; left: 0; position: absolute; top: -5px; width: 9px; } .objectives .srNum1::before { background-position: 0 0; } .objectives .srNum2::before { background-position: 0 -15px; } .objectives .srNum3::before { background-position: 0 -31px; } .objectives .srNum4::before { background-position: 0 -46px; } .objectives .srNum5::before { background-position: 0 -61px; } .objectives .srNum1 { background: #e9560e none repeat scroll 0 0; } .objectives .srNum1::after { border-color: rgba(233, 86, 14, 0) rgba(233, 86, 14, 0) rgba(233, 86, 14, 0) #e9560e; } .objectives .srNum2 { background: #ce7e0c none repeat scroll 0 0; } .objectives .srNum2::after { border-color: rgba(206, 126, 12, 0) rgba(206, 126, 12, 0) rgba(206, 126, 12, 0) #ce7e0c; } .objectives .srNum3 { background: #d8a922 none repeat scroll 0 0; } .objectives .srNum3::after { border-color: rgba(216, 169, 34, 0) rgba(216, 169, 34, 0) rgba(216, 169, 34, 0) #d8a922; } .objectives .srNum4 { background: #a8a522 none repeat scroll 0 0; } .objectives .srNum4::after { border-color: rgba(168, 165, 34, 0) rgba(168, 165, 34, 0) rgba(168, 165, 34, 0) #a8a522; } .objectives .srNum5 { background: #038684 none repeat scroll 0 0; } .objectives .srNum5::after { border-color: rgba(3, 134, 132, 0) rgba(3, 134, 132, 0) rgba(3, 134, 132, 0) #038684; } .objectives .icon { color: #fff; display: inline-block; height: 85px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 70px; } .backButton { margin:20px; } .wob .backButton{ margin-left:0px;} /************objective css end************/ /************Swachhta Abhiyan css************/ .swachhtaAbhiyan { margin-bottom:12px; font-size:16px; } /************Swachhta Abhiyan css end************/ /******************Dash Board CSS********************/ .dashboardWrapper { margin: 0 auto; width:100%; height:auto; background:url(../../images/dashboard-background-img.jpg) no-repeat center; background-size:cover; padding:50px 0; } .dashboardHeading h2 { text-align:center; padding:40px 0 0; font-size: 2.000em; color: #b9d6ff; } .loginCategoriesArea{width:100%;} .loginCategories { width:100%; max-width:445px; padding:25px; text-align:center; vertical-align:middle; font-size:25px; text-transform:uppercase; margin:0 10px 10px 0; background-color:#b9d6ff; border:2px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:10px; float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; box-shadow: 0 0 10px 0 rgba(1, 1, 1, 0.3);} .loginCategories a{text-decoration:none; color:#0a2957;} .loginCategories a:hover{text-decoration:none; color:#0a2957;} /******************Dash Board CSS end********************/