*, *: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:none; color:#ff6633; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } a:focus { outline:thin dotted } a:hover, a:active { outline:0; } a:hover { text-decoration:underline; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } b, strong, dt, th { font-weight:600; } em, i { font-style:italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; } img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; max-width:100%; height:auto; } figure { margin:0; } legend { white-space:normal; } q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } table { border-collapse:separate; border-spacing:0; width:100%; empty-cells:show; border:none; } table table { margin:0 } th, td { border:none; padding:8px 10px } caption, th, td { font-weight:normal; } caption { display:none; } @font-face { font-family:'open_sans'; src:url('fonts/opensans-light-webfont.eot'); src:url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'); font-weight:300; font-style:normal; } @font-face { font-family:'open_sans'; src:url('fonts/opensans-regular_0-webfont.eot'); src:url('fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular_0-webfont.woff2') format('woff2'), url('fonts/opensans-regular_0-webfont.woff') format('woff'), url('fonts/opensans-regular_0-webfont.ttf') format('truetype'); font-weight:400; font-style:normal; } @font-face { font-family:'open_sans'; src:url('fonts/opensans-semibold-webfont.eot'); src:url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'); font-weight:600; font-style:normal; } @font-face { font-family:'open_sans'; src:url('fonts/opensans-bold_0-webfont.eot'); src:url('fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold_0-webfont.woff2') format('woff2'), url('fonts/opensans-bold_0-webfont.woff') format('woff'), url('fonts/opensans-bold_0-webfont.ttf') format('truetype'); font-weight:700; font-style:normal; } @font-face { font-family:'open_sansitalic'; src:url('fonts/opensans-italic_0-webfont.eot'); src:url('fonts/opensans-italic_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic_0-webfont.woff2') format('woff2'), url('fonts/opensans-italic_0-webfont.woff') format('woff'), url('fonts/opensans-italic_0-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; } @font-face { font-family:'open_sansextrabold_italic'; src:url('fonts/OpenSans-ExtraBoldItalic-webfont.eot'); src:url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; } @font-face { font-family:'open_sansbold_italic'; src:url('fonts/OpenSans-BoldItalic-webfont.eot'); src:url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; } ::-webkit-input-placeholder { opacity:1; } ::-moz-placeholder { opacity:1; } :-ms-input-placeholder { opacity:1; } :-moz-placeholder { opacity:1; } 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="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus { outline:0 none; } 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, .cancelBtn { line-height:20px; padding:12px 20px; font-size:16px; font-weight:700; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } 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; } button, input, select, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:none; } input[type="file"] { -webkit-appearance:none; } input[type="checkbox"] { -webkit-appearance:checkbox; } input[type="radio"] { -webkit-appearance:radio } .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 } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:20px 0; padding:0 } body, button, input, select, textarea { color:#555; font:16px/1.6 'open_sans'; } body { background-color:#fff; } html, body { overflow-x:hidden; } h1 { font-size:2.308em; } h2 { font-size:1.313em; color:#ff6633; font-weight:700; } h3 { font-size:1.188em; font-weight:700; color:#555; } h4 { font-size:1.063em; font-weight:600; color:#666; } h5 { font-size:1.000em; font-weight:600; color:#666; } h6 { font-size:1.000em; font-weight:600; color:#666; } .semiBold { font-weight:600; } 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/bullet-arrow.png) no-repeat left 7px; font-size:1.000em; padding:0 0 0 27px; margin-bottom:10px; list-style:none; } ul.bulletText li ul { margin-left:17px; padding:0; } ul.bulletText li li { list-style:disc; background:none; padding:0; } p, ul, ol, dd, table, fieldset, address { margin:0 0 25px; } h1, h2, h3, h4, h5, h6 { margin:0 0 18px 0; } 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 #dbdbdb; width:100%; height:42px; padding:8px 10px; background:#fff; line-height:19px; color:#464646; } ::-webkit-input-placeholder { opacity:1; } ::-moz-placeholder { opacity:1; } :-ms-input-placeholder { opacity:1; } :-moz-placeholder { opacity:1; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#ff6633; color:#fff; border:1px solid #ff6633; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#ff6633; background-color:#fff; text-decoration:none } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color:#555; border-color:#555; } input[type="submit"].cancelBtn:hover, input[type="button"].cancelBtn:hover, input[type="reset"].cancelBtn:hover { background-color:#fff; color:#555; } .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; } .mrgTNone { margin-top:0 !important; } .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; } .padR60 { padding-right:60px; } .padB15 { padding-bottom:15px; } .padT15 { padding-top:15px; } .padL10 { padding-left:10px; } .padL40 { padding-left:40px; } .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%; } .width33p { width:33.33%; } .width25p { width:25%; } .valignTop { vertical-align:top; } .valignMiddle { vertical-align:middle; } .valignBottom { vertical-align:bottom; } .fileSize, .size { font-size:13px; display:inline-block; vertical-align:middle; margin-left:3px; font-weight:400; } .extIcon { vertical-align:middle; margin-left:3px; } .rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; } .bold { font-weight:bold; } .italic { font-family:'open_sansitalic'; } .longWord, .wordBreak { word-wrap:break-word; } p { font-size:1.000em; } .imgLeft { float:left; margin-right:20px; margin-bottom:20px; } .imgRight { float:right; margin-left:20px; margin-bottom:20px; } .imgCenter { float:none; margin-bottom:35px; margin-left:auto; margin-right:auto; display:block; } .imgBorder { border:1px solid #d3d3d3; padding:5px } .rounded { border-radius:5px; } .circle { border-radius:50%; } .shadow { box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.4); padding:5px; } .left { text-align:left !important } .right { text-align:right !important } .center { text-align:center !important } .justify { text-align:justify !important } .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; } .error, .asterix, .redText { color:#ff0000; font-size:14px; } .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 #d7d7d7; border-left:1px solid #d7d7d7; font-size:1.000em; } table table, .tableData table { margin:0 } table th, .tableData th { text-align:left; font-weight:700; padding:12px 12px; } table td, .tableData td { font-weight:400; padding:12px 12px; } th, td, .tableData th, .tableData td { border:none; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; } table tr:nth-child(odd) td, .tableRowOdd { background-color:#fbfbfb; } caption, th, td { background:#fff; } th, .tableData th { background:#f0f0f0; color:#444; font-weight:600; font-size:1.063em; } .tableScroll { overflow-y:hidden; overflow-x:auto } .ui-datepicker, .eventCalOut, .calendarIcon { background-color:#ff6633; } .ui-datepicker th { background-color:#ff855d; } .ui-state-highlight { background-color:#666; } .ui-state-active, .ui-datepicker tbody a:hover { background-color:#666; } .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width:17em; padding:.2em .2em 0; display:none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:5px 0 7px 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:5px; 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:0 2.3em; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:0 1px; 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%; font-size:14px; padding:0; } .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; } .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, .ui-datepicker-next span { background:url(../../images/sprite-cal-icon.png) no-repeat right center; overflow:hidden; width:25px; height:25px; position:static !important; margin:0 !important; text-indent:-9999px; } .ui-datepicker-next span { background-position:5px 12px; } .ui-datepicker-prev span { background-position:-9px 12px; } .ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; } .datepickerOuter { position:relative; } .ui-datepicker-trigger { width:38px; height:38px; border:0; margin:0; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:0; top:0; } .ui-datepicker-trigger:after { background:url(../../images/calender-icon.png) no-repeat left center; position:absolute; top:2px; left:0; color:#404e7f; width:38px; height:38px; font-size:20px; font-weight:normal; content:""; } .ui-datepicker-trigger:before { display:none; } #backtotop { cursor:pointer; display:none; height:42px; width:42px; overflow:hidden; position:fixed; right:70px; bottom:115px; z-index:13; display:none; text-decoration:none; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); animation:bounce 2s infinite; } #backtotop>span { position:relative; display:block; width:42px; height:42px; line-height:42px; font-size:22px; text-align:center; color:#fff; background-color:#5c5c5c; -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:#ff6633; color:#fff; } #backtotop>span:after { content:'TOP'; position:absolute; 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 span { display:block; line-height:inherit; } #backtotop span.angle-up { display:block; background:url(../../images/back-top-arrow.png) no-repeat 0 0; width:40px; height:40px; } #backtotop>span span.angle-up { -webkit-transition:.15s ease 50ms; -moz-transition:.15s ease 50ms; transition:.15s ease 50ms; } #backtotop>span:hover span.angle-up { -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); transform:translateY(-50px); webkit-transition:.15s ease; -moz-transition:.15s ease; transition:.15s ease; } .container { margin:0 auto; width:100%; max-width:1170px; padding:0 15px; } .homeBannerSprite { background-image:url(../../images/home-banner-sprite.png); background-repeat:no-repeat; } .homeSprite { background-image:url(../../images/header-sprite.png); background-repeat:no-repeat; } .sprite { background-image:url(../../images/sprite.png); background-repeat:no-repeat; } .newSprite { background-image:url(../../images/new-sprite.png); background-repeat:no-repeat; } #content { padding:40px 0; min-height:300px; } .marqueeHomePage { background:#ff6633; padding:6px 0; } .marqueeScrolling ul { margin:0; } .marquee { overflow:hidden; } .marqueeScrolling li { float:left; margin-right:35px; color:#fff } .marqueeScrolling li a { color:#fff; } .indexBanner { position:relative; padding-top:190px; } .indexBanner .swiper-button-next, .indexBanner .swiper-button-prev { position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; opacity:0.45; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .indexBanner .swiper-button-next:hover, .indexBanner .swiper-button-prev:hover { opacity:1; } .indexBanner .swiper-button-next { left:75px; background:url(../../images/sprite.png) no-repeat 0 -546px; } .indexBanner .swiper-button-prev { right:75px; background:url(../../images/sprite.png) no-repeat -39px -546px; } .indexBanner .sliderCaption, .landingBanner .sliderCaption { position:absolute; left:0; top:0; height:100%; width:100%; } .indexBanner .owl-controls { display:none; } .indexBanner .sliderCaption .box { float:right; width:50%; } .indexBanner .swiper-slide-active .firstBannerLogo li { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; } .indexBanner .firstBannerLogo li { -webkit-transform:translateY(-60px); -ms-transform:translateY(-60px); transform:translateY(-60px); opacity:0; } .indexBanner .firstBannerLogo li:first-child { padding-left:0; } .indexBanner .sliderCaption .container { position:relative; height:100%; } .firstBannerLogo { margin:15px 0; padding:0; } .firstBannerLogo li { display:inline-block; border-right:1px solid #a7c87e; padding:0 34px; } .firstBannerLogo li:last-child { border:0; } .firstBannerfb { display:none; font-size:16px; font-weight:700; color:#fff; position:absolute; left:0; bottom:90px; } .fifapartnerButton { -webkit-transform:translateY(-60px); -ms-transform:translateY(-60px); transform:translateY(-60px); opacity:0; } .indexBanner .swiper-slide-active .fifapartnerButton { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); opacity:1; } .innerBanner { padding-top:190px; text-align:center; position:relative; overflow:hidden; } .innerBanner .imgHolder { height:200px; } .innerBanner img { width:100%; } .innerBanner .pageTitle { position:absolute; height:100%; width:100%; text-align:left; top:0; left:0; } .innerBanner .pageTitle h1 { font-size:1.625em; font-weight:600; color:#fff; opacity:1; margin:0; } .noJS .innerBanner .pageTitle h1 { margin-top:0; opacity:1; } .innerBanner.aboutUsBanner { background:#7b9ab5; } .innerBanner.loanBanner { background:#c8daf2; } .breadcrumb { background:rgba(0, 0, 0, 0.60); color:#fff; padding:2px 0; width:100%; position:absolute; left:0; bottom:0; text-align:left; } .breadcrumb ul { margin:0; padding:0; } .breadcrumb ul li { font-size:0.875em; list-style:none; } .breadcrumb a, .breadcrumb .bdrNoLink { color:#fff; position:relative; padding-right:18px; margin:5px 8px 5px 0; display:inline-block; background:url(../../images/breadcrumb-arrow.png) no-repeat right 7px; text-decoration:underline; } .breadcrumb .bdrNoLink { text-decoration:none; } .breadcrumb a:hover { text-decoration:none; } .innerBannerSlider .breadcrumb { z-index:1; } #footer .networkLink { position:relative; padding:0 45px 0 48px; line-height:45px; display:block; text-decoration:none; color:#fff; font-size:0.813em; font-weight:600; background:#ff6633; text-align:center; } #footer .networkLink .icon, #footer .networkLink .arrowIcon { width:45px; height:45px; position:absolute; top:0; } #footer .networkLink .icon { left:0; background-position:-226px 10px; } #footer .networkLink .arrowIcon { right:0; background-position:-262px 18px; } .overlayLayer { position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.50); transition:350ms ease; -webkit-transition:350ms ease; } .bobNetwork { background:#fff; position:absolute; right:0; bottom:-100px; z-index:101; padding:25px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); width:1100px; opacity:0; visibility:hidden; transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; } .bobNetwork.active { bottom:100%; opacity:1; visibility:visible; } .bobNetwork:after { width:0; position:absolute; right:13px; bottom:-8px; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; content:""; margin-left:-8px; } .bobNetwork h2 { color:#ff6633; font-size:18px; font-weight:700; margin-bottom:15px; } .bobNetwork .leftBox { float:left; padding-right:40px; width:35%; } .bobNetwork .rightBox { float:left; padding-left:40px; width:65%; border-left:1px solid #dadada; } .bobNetwork ul { margin:0; padding:0; list-style:none; } .bobNetwork ul li { font-size:14px; color:#565656; font-weight:600; } .bobNetwork .rightBox ul li { background:none; padding-left:0; } .bobNetwork ul li span { display:block; font-weight:normal; } .bobNetwork ul li a { color:#ff6633; text-decoration:none; } .bobNetwork ul li a:hover { text-decoration:underline; } .bobNetwork ul li .icon { width:29px; height:20px; margin-right:8px; display:inline-block; vertical-align:middle; } .bobNetwork ul li .fi { background-position:-29px -387px; } .bobNetwork ul li .hk { background-position:-203px -387px; } .bobNetwork ul li .uae { background-position:-87px -387px; } .bobNetwork ul li .uk { background-position:-174px -387px; } .bobNetwork ul li .usa { background-position:-232px -387px; } .bobNetwork ul li .mau { background-position:-319px -366px; } .bobNetwork ul li .bel { background-position:-290px -386px; } .bobNetwork ul li .gha { background-position:-29px -366px; } .bobNetwork ul li .sin { background-position:-58px -387px; } .bobNetwork ul li .aus { background-position:-348px -387px; } .bobNetwork ul li .bah { background-position:-319px -387px; } .bobNetwork ul li .bahr { background-position:-145px -387px; } .bobNetwork ul li .chi { background-position:-261px -387px; } .bobNetwork ul li .rsa { background-position:0 -387px; } .bobNetwork ul li .sey { background-position:-348px -366px; } .bobNetwork ul li .so { background-position:-116px -387px; } .bobNetwork ul li .bot { background-position:0 -366px; } .bobNetwork ul li .guy { background-position:-87px -366px; } .bobNetwork ul li .ken { background-position:-174px -366px; } .bobNetwork ul li .nz { background-position:-58px -366px; } .bobNetwork ul li .tan { background-position:-145px -366px; } .bobNetwork ul li .tt { background-position:-116px -366px; } .bobNetwork ul li .uga { background-position:-203px -366px; } .bobNetwork ul li .mal { background-position:-232px -366px; } .bobNetwork ul li .zam { background-position:-261px -366px; } .bobNetwork ul li .thai { background-position:-290px -366px; } .bobNetwork .rightBox ul li { float:left; width:33.333%; } .headerRow { padding:18px 0; position:relative; } #logo { float:left; margin:0; } .topStrip { background-color:#666; } .topStrip ul { margin:0; padding:0; list-style:none; float:right; } .topStrip ul li { position:relative; padding:0 9px; float:left; } .topStrip ul li:first-child:after { height:14px; width:1px; background:#c4c3c3; content:""; position:absolute; right:0; top:50%; margin-top:-5px; } .topStrip ul li:last-child:after, .topNav ul li:last-child:after, .topStrip ul li.fontResize:after { display:none; } .topStrip ul li:last-child { padding:0; } .topStrip ul li a { color:#fff; font-size:0.750em; text-decoration:none; line-height:28px; } .topStrip ul li a:hover { text-decoration:underline; } .customSelectOuter { position:relative; background:#fff url(../../images/drop-select-arrow.png) no-repeat right center; width:100%; padding:0; } .customSelect { font-size:12px; } .hasJS select.customSelect { position:absolute!important; width:100%!important; cursor:pointer; height:100%!important; left:0!important; top:0!important; border:0; background:#fff; padding:0; } span.customSelect.customSelectFocus { outline:1px dotted !important; } .hasJS select.customSelect option { padding:0 5px; font-size:14px; } span.customSelect { display:block; display:block!important; padding-right:44px; color:#464646; height:44px; line-height:44px; border:1px solid #dbdbdb; padding-left:12px; font-size:14px; overflow:hidden; } .customSelectInner { display:block!important; width:auto!important; word-break:keep-all; overflow:hidden; } .headerRow .topRightNav li.lang { display:none; } .lang .customSelectInner { text-decoration:underline; } .lang .customSelectOuter:hover .customSelectInner { text-decoration:none; } .lang .customSelectOuter { background:url(../../images/lang-arrow.png) no-repeat right 11px; padding:0; width:63px; } .lang select.customSelect, .lang .customSelect { font-size:13px; line-height:24px; } .lang span.customSelect { color:#555; padding:0; height:24px; line-height:24px; border:0; } .noJS .lang select.customSelect { height:21px; width:60px; } .lang select.customSelect option { font-size:13px; } .lang .goButton { display:none; } .headerRow .search a { background-position:-14px 1px; width:18px; height:18px; display:inline-block; vertical-align:middle; transition:all 0s ease 0ms; -webkit-transition:all 0s ease 0ms; } .headerRow .search a.active { background-position:-98px 0; } .headerRow li.searchBar { width:32px; height:32px; padding:0; border:0; } .headerRow .searchBox { width:457px; display:inline-block; } .headerRow .searchBox input { background-color:#ff6633; border:0; font-size:0.813em; height:37px; line-height:21px; width:100%; padding:10px 40px 10px 15px; color:#fff; } .headerScroll .headerRow .searchBox input { text-indent:-9999px; } .headerScroll .headerRow .searchBox input:focus { text-indent:0; } .headerRow .searchBox input:focus { outline:0 none; } .headerRow .searchBox .submit { width:37px; padding:0; height:37px; background-position:-477px -706px; position:absolute; right:0; top:0; text-indent:-9999px; border:0; } .headerRow .searchBox .inputSearchBox { position:relative; } .mainNavigation { margin:0; height:51px; position:relative; border-top:1px solid #d5d5d5; clear:both; z-index:13; } .toggleMenu { display:none; padding:10px 15px; text-decoration:none; color:#fff; } .toggleMenu .mobileMenu { font-size:1.250em; color:#fff; } .toggleMenu .iconBar { float:right; width:25px; height:25px; background-position:-1px -462px; font-size:0; } #nav { position:relative; } #nav .menuFirstNode { display:none; } #nav, #nav ul { list-style:none; margin:0; padding:0; } #nav li { float:left; margin:0; display:inline; padding:0; } #nav li:first-child { padding-left:0; } #nav li a { text-decoration:none; } #nav li li > a { padding:0; line-height:46px; color:#4b4b4b; font-size:15px; display:block; text-decoration:none; position:relative; padding:0 16px; } #nav > li > ul > li > a:hover, #nav > li > ul > li.current > a:hover, #nav > li > ul > li:hover > a, #nav > li.MenuLi1 > ul > li.firstMenuLi:hover > a.firstMenuLiA { background-color:#ff6633; color:#fff; } #nav > li a .icon { width:30px; height:50px; display:inline-block; vertical-align:middle; margin-right:10px; } #nav > li a .mAccIcon { background-position:-601px -985px; width:28px; } #nav > li a .mDepIcon { background-position:-645px -985px; width:25px; } #nav > li a .mLoanIcon { background-position:-685px -984px; width:32px; } #nav > li a .mCardIcon { background-position:-730px -984px; width:29px; } #nav > li a .mWmIcon { background-position:-773px -984px; width:29px; } #nav li ul { padding:0; margin:0; display:none; } #nav li.current ul { display:block; } #nav li li { display:block; position:relative; margin:0 1px; padding:0; } #nav li li .linkIcon { margin-right:10px; display:inline-block; vertical-align:middle; } #nav li li a { display:block; font-size:0.938em; line-height:50px; font-weight:400; color:#4b4b4b; border:none; text-align:left; padding:0 3px; position:relative; } #nav li li ul { display:none; position:absolute; left:0; top:100%; background:#f3f3f3; border-top:4px solid #dedede; opacity:0; visibility:hidden; transition:250ms ease; -webkit-transition:250ms ease; padding:10px 15px; width:250px; box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); } #nav li.MenuLi1 ul li:nth-child(2) li ul { width:340px; } #nav li li:first-child ul { left:0; } #nav li li:hover ul { opacity:1; visibility:visible; z-index:1 } #nav li li li { display:block; margin:0; padding:0; float:none; } #nav > li.MenuLi1 > ul > li.firstMenuLi > a.firstMenuLiA { color:#ff6633; } .wob #nav > li.MenuLi1 > ul > li.firstMenuLi > a.firstMenuLiA { color:#80ff00; } .wob #nav > li.MenuLi1 > ul > li.firstMenuLi > a.firstMenuLiA:hover, .wob #nav > li.MenuLi1 > ul > li.firstMenuLi:hover > a.firstMenuLiA { color:#fff; background:#333; } #nav li li li a { color:#4b4b4b; display:block; padding:3px 0 3px 25px; line-height:21px; background:url(../../images/nav-arrow.png) no-repeat 0 8px; background-color:none; } #nav li li li a:hover { color:#ff6633; } #nav li li li a:after { display:none; } #nav li.current li li ul { display:none; margin:0; padding:0; } #nav .menuIcon { display:none; position:absolute; right:5px; top:20px; width:9px; height:9px; } #nav li.megaMenu { position:static; } #nav li.megaMenu ul { width:100%; padding:20px 0; } .headerScroll #nav li.megaMenu ul { width:877px; } .headerScroll #nav li.MenuLi1 li:nth-child(6) ul li ul { width:100%; } #nav li.megaMenu ul li { width:25%; height:48px; float:left; padding:0 20px; line-height:48px; border-right:1px solid #dadada; } .headerScroll #nav li.megaMenu ul li { height:43px; line-height:43px; } #nav li.megaMenu ul li:nth-child(4n+4) { border:0; } #nav li.megaMenu ul li a { display:inline-block; vertical-align:middle; } .linkIcon, .linkIconHover { display:inline-block; margin-right:10px; vertical-align:middle; } .linkIconHover, #nav ul li:hover .linkIcon, .headerScroll #nav ul li:hover .linkIconHover { display:none; } #nav ul li:hover .linkIconHover { display:inline-block; } #nav > li > ul > li > a { padding-left:54px; } #nav > li > ul > li > a:before { width:27px; height:27px; background-image:url(../../images/menu-icon.png); background-repeat:no-repeat; position:absolute; left:14px; top:12px; content:""; } #nav > li:first-child > ul > li:first-child > a:before, #nav > li:nth-child(4) > ul > li:first-child > a:before { background-position:0 0; } #nav > li:first-child > ul > li:first-child:hover > a:before, #nav > li:nth-child(4) > ul > li:first-child:hover > a:before, .wob #nav > li:first-child > ul > li:first-child > a:before, .wob #nav > li:nth-child(4) > ul > li:first-child > a:before { background-position:0 -34px; } #nav > li:first-child > ul > li:first-child > a:before { background-position:-32px 0; } #nav > li:first-child > ul > li:first-child:hover > a:before, .wob #nav > li:first-child > ul > li:first-child > a:before { background-position:-32px -34px; } #nav > li:first-child > ul > li:nth-child(2) > a:before, #nav > li:nth-child(4) > ul > li:nth-child(2) > a:before { background-position:-62px 0; width:33px; } #nav > li:first-child > ul > li:nth-child(2):hover > a:before, #nav > li:nth-child(4) > ul > li:nth-child(2):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(2) > a:before, .wob #nav > li:nth-child(4) > ul > li:nth-child(2) > a:before { background-position:-62px -34px; } #nav > li:first-child > ul > li:nth-child(3) > a:before { background-position:-104px 0; width:28px; } #nav > li:first-child > ul > li:nth-child(3):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(3) > a:before { background-position:-104px -34px; } #nav > li:first-child > ul > li:nth-child(4) > a:before { background-position:-139px 0; width:30px; } #nav > li:first-child > ul > li:nth-child(4):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(4) > a:before { background-position:-139px -34px; } #nav > li:first-child > ul > li:nth-child(6) > a:before { background-position:-537px -1px; } #nav > li:first-child > ul > li:nth-child(6):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(6) > a:before { background-position:-537px -34px; } #nav > li:first-child > ul > li:nth-child(5) > a:before { background-position:-175px 0; } #nav > li:first-child > ul > li:nth-child(5):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(5) > a:before { background-position:-175px -34px; } #nav > li:first-child > ul > li:nth-child(8) > a:before, #nav > li:nth-child(4) > ul > li:nth-child(3) > a:before { background-position:-461px 0; } #nav > li:first-child > ul > li:nth-child(8):hover > a:before, #nav > li:nth-child(4) > ul > li:nth-child(3):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(8) > a:before, .wob #nav > li:nth-child(4) > ul > li:nth-child(3) > a:before { background-position:-461px -34px; } #nav > li:first-child > ul > li:nth-child(7) > a:before { background-position:-499px 0; } #nav > li:first-child > ul > li:nth-child(7):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(7) > a:before { background-position:-499px -34px; } #nav > li:nth-child(2) > ul > li:first-child > a:before { background-position:-208px 1px; } #nav > li:nth-child(2) > ul > li:first-child:hover > a:before, .wob #nav > li:nth-child(2) > ul > li:first-child > a:before { background-position:-208px -34px; } #nav > li:nth-child(2) > ul > li:nth-child(2) > a:before { background-position:-240px 0; } #nav > li:nth-child(2) > ul > li:nth-child(2):hover > a:before, .wob #nav > li:nth-child(2) > ul > li:nth-child(2) > a:before { background-position:-240px -34px; } #nav > li:nth-child(2) > ul > li:nth-child(3) > a:before { background-position:-270px 1px; } #nav > li:nth-child(2) > ul > li:nth-child(3):hover > a:before, .wob #nav > li:nth-child(2) > ul > li:nth-child(3) > a:before { background-position:-270px -34px; } #nav > li:nth-child(2) > ul > li:nth-child(4) > a:before { background-position:-302px 1px; } #nav > li:nth-child(2) > ul > li:nth-child(4):hover > a:before, .wob #nav > li:nth-child(2) > ul > li:nth-child(4) > a:before { background-position:-302px -34px; } #nav > li:nth-child(3) > ul > li:first-child > a:before { background-position:-335px 1px; } #nav > li:nth-child(3) > ul > li:first-child:hover > a:before, .wob #nav > li:nth-child(3) > ul > li:first-child > a:before { background-position:-335px -33px; } #nav > li:nth-child(3) > ul > li:nth-child(2) > a:before { background-position:-366px 1px; } #nav > li:nth-child(3) > ul > li:nth-child(2):hover > a:before, .wob #nav > li:nth-child(3) > ul > li:nth-child(2) > a:before { background-position:-366px -33px; } #nav > li:nth-child(3) > ul > li:nth-child(3) > a:before { background-position:-399px 0; } #nav > li:nth-child(3) > ul > li:nth-child(3):hover > a:before, .wob #nav > li:nth-child(3) > ul > li:nth-child(3) > a:before { background-position:-399px -33px; } #nav > li:nth-child(3) > ul > li:nth-child(4) > a:before { background-position:-427px 0; } #nav > li:nth-child(3) > ul > li:nth-child(4):hover > a:before, .wob #nav > li:nth-child(3) > ul > li:nth-child(4) > a:before { background-position:-427px -34px; } #accessControl input { border:0; font-weight:400; font-size:13px; padding:0; display:inline-block; margin:0 5px; vertical-align:middle; float:left; height:28px; background-color:#666; } .wob #accessControl input { background-color:#333; } #accessControl .large { margin-right:10px; } #accessControl .contrastView { float:left; } #accessControl .contrastChanger { padding:0; margin:0; width:24px; height:28px; background-color:#fff; border:0; overflow:hidden; text-indent:-9999px; text-transform:capitalize; display:inline-block; vertical-align:middle; } #accessControl .contrastChanger.normal { background-position:-377px -366px; } #accessControl .contrastChanger.wob { background-position:-401px -366px; } .fontResize input { border:0; font-weight:400; font-size:13px; padding:0; display:inline-block; margin:0 4px; vertical-align:middle; } .fontResize input:hover { color:#fff; } .headerRow .rightCol { float:right; width:850px; } .headerRow .rightCol .bottomRow { margin-top:12px; } .headerRow .topNav { margin:0; padding:0; list-style:none; display:inline-block; width:487px; vertical-align:middle; } .headerRow .topNav li { margin:0 3px; float:left; } .headerRow .topNav li:first-child { margin-left:0; } .headerRow .topNav li:last-child { margin-right:0; } .headerRow .topNav li a { font-size:0.813em; color:#4b4b4b; } .headerRow .topNav li a:hover, .headerRow .topNav li a.active { color:#ff6633; text-decoration:none; } .headerRow .topNav li a.active { font-weight:600; } .headerRow .topRightNav { float:right; margin:0; padding:0; list-style:none; } .headerRow .topRightNav li { position:relative; float:left; padding:0 12px; } .headerRow .topRightNav li:after { height:14px; width:1px; position:absolute; right:0; top:50%; margin-top:-5px; content:""; background:#cdcdcd; } .headerRow .topRightNav li:last-child:after { display:none; } .headerRow .topRightNav li:last-child { padding-right:0; } .headerRow .topRightNav li a { color:#555; font-size:0.813em; text-decoration:underline; } .headerRow .topRightNav li a:hover { color:#ff6633; text-decoration:none; } .headerRow .botRightNav { float:right; margin:0 -5px 0 0; padding:0; list-style:none; } .headerRow .botRightNav li { position:relative; float:left; padding:0 5px; } .headerRow .botRightNav li:last-child { padding-right:0; } .headerRow .botRightNav li a { color:#4b4b4b; font-size:0.813em; border:1px solid #ccc; line-height:33px; padding:0 14px 0 0; display:block; font-weight:600; transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; } .headerRow .botRightNav li a:hover { background:#ff6633; color:#fff; text-decoration:none; } .headerRow .botRightNav .icon { width:35px; height:35px; display:inline-block; vertical-align:middle; -webkit-transition:350ms ease; transition:350ms ease; } .headerRow .botRightNav .loginIcon { background-position:7px 7px; } .headerRow .botRightNav .locateIcon { background-position:-28px 8px; } .headerRow .botRightNav .contactIcon { background-position:-64px 8px; } .headerRow .botRightNav li a:hover .loginIcon, .wob .headerRow .botRightNav .loginIcon { background-position:7px -27px; } .headerRow .botRightNav li a:hover .locateIcon, .wob .headerRow .botRightNav .locateIcon { background-position:-28px -27px; } .headerRow .botRightNav li a:hover .contactIcon, .wob .headerRow .botRightNav .contactIcon { background-position:-64px -27px; } .callBackLink { color:#4b4b4b; font-size:0.875em; z-index:14; font-weight:600; position:absolute; right:0; bottom:-67px; padding-bottom:29px; } .callBackLink:hover { color:#ff6633; text-decoration:none; } .callBackLink .icon { width:18px; height:23px; display:inline-block; vertical-align:middle; background-position:-113px 0; margin-right:10px; } .homeLinks { background:#f3f3f3; border-bottom:1px solid #d7d7d7; padding:50px 0; } .homeLinks#content { min-height:inherit; padding:50px 0; position:relative; } .homeLinks ul { margin:0; padding:0; list-style:none; } .homeLinks ul li { float:left; width:16.666%; padding:15px 10px; border-right:1px solid #dadada; } .homeLinks ul li:last-child { border:0; } .homeLinks ul li a { display:block; text-align:center; position:relative; text-decoration:none; } .homeLinks ul li a:after { height:4px; width:54px; background:#939598; position:absolute; content:""; left:50%; margin-left:-27px; bottom:-19px; transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .homeLinks ul li a:hover:after { width:100%; left:0; background:#ff6633; margin-left:0; } .homeLinks ul li a:before { content:''; display:inline-block; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #ff6633; position:absolute; left:50%; margin-left:-8px; opacity:0; bottom:-20px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .homeLinks ul li a:hover:before { opacity:1; bottom:-16px; } .homeLinks .icon { margin:0 auto 10px auto; width:50px; height:50px; display:block; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .homeLinks .icon1 { background-position:4px -104px; } .homeLinks .icon2 { background-position:-71px -104px; } .homeLinks .icon3 { width:70px; background-position:-297px -103px; } .homeLinks .icon4 { background-position:-146px -103px; } .homeLinks .icon5 { background-position:-221px -104px; } .homeLinks .icon6 { background-position:-4px -1849px; } .homeLinks .icon7 { background-position:-103px -1841px; } .homeLinks .icon8 { background-position:-220px -1853px; } .homeLinks .icon9 { background-position:-301px -2913px; } .homeLinks .title { font-weight:700; color:#ff6633; font-size:1.125em; display:block; } .homeLinks ul li:first-child .title, .hindiDoc .homeLinks ul li:nth-child(4) .title { margin-top:0; } .homeLinks ul li .title { margin-top:37px; } .homeProducts { padding:50px 0; } .homeProducts h2, .exclusiveOffers h2, .socialFeeds h2 { font-size:1.813em; font-weight:600; text-align:center; position:relative; margin-bottom:28px; } .homeProducts h2 .sliderArrow, .exclusiveOffers h2 .sliderArrow { bottom:0; } .exclusiveOffers h2 { margin-bottom:18px; } .homeProducts h2:after, .exclusiveOffers h2:after, .socialFeeds h2:after { height:1px; width:600px; left:50%; top:50%; margin-left:-300px; position:absolute; content:""; background:#ffffff; background:-moz-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); background:-webkit-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); background:linear-gradient(to right, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); } .homeProducts h2 span, .exclusiveOffers h2 span, .socialFeeds h2 span { background:#fff; position:relative; z-index:1; padding:0 13px; } .homeProductsInner { height:536px; overflow:hidden; position:relative; background-color:#8a8a8a; } @media screen and (min-width:767px) { .bgfullImg { width:100%; height:100%; position:absolute; left:0; top:0; transition:750ms ease-in-out; -webkit-transition:750ms ease-in-out; background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover; } .bgfullImg.hover { -webkit-ransform:scale(1.05); -ms-ransform:scale(1.05); transform:scale(1.05); } .homeProductsInner:before { width:100%; height:1px; content:''; position:absolute; left:0; top:268px; z-index:3; background-color:#949494; } .homeProductsInner:after { width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; opacity:.4; background-color:#000; } .barodaConnectBg { background-image:url(../../images/product-img-01.jpg); } .fifaPartnerBg { background-image:url(../../images/product-img-02.jpg); } .genNextProBg { background-image:url(../../images/product-img-03.jpg); } .barodamConnectPlusBg { background-image:url(../../images/product-img-04.jpg); } .accOpenKioskBg { background-image:url(../../images/product-img-05.jpg); } .greenPinBg { background-image:url(../../images/product-img-06.jpg); } .secureBankingBg { background-image:url(../../images/product-img-07.jpg); } .mInvestAppBg { background-image:url(../../images/product-img-08.jpg); } .smallBusiAccBg { background-image:url(../../images/product-img-09.jpg); } .barodamPassbookBg { background-image:url(../../images/product-img-10-new.jpg); } .cashlessVillagesBg { background-image:url(../../images/product-img-11.jpg); } .globalPresenceBg { background-image:url(../../images/product-img-12.jpg); } } .homeProductsInner .homeProductListing { list-style:none; margin:0; padding:0; text-align:center; position:relative; z-index:2; } .homeProductsInner .homeProductListing li { width:16.6666%; height:268px; float:left; border-right:1px solid #949494; } .homeProductsInner .homeProductListing li:nth-child(6n) { border-right:none; } .homeProductsInner .homeProductListing .homeSprite { margin:50px 0 20px; display:inline-block; -webkit-transition:350ms ease; transition:350ms ease; } .homeProductsInner .homeProductListing a { min-height:268px; display:block; text-decoration:none; } .homeProductsInner .homeProductListing .productTitle { display:block; margin-bottom:20px; color:#fff; font-size:1.375em; padding:0 20px; position:relative; line-height:28px; } .homeProductsInner .homeProductListing .productTitle:after { width:44px; height:1px; position:absolute; left:50%; margin-left:-22px; bottom:-17px; content:""; background-color:#b4b5b6; } .homeProductsInner .homeProductListing .appForms .productTitle:after { bottom:-37px; } .homeProductsInner .homeProductListing .appForms .productTitle { margin-top:15px; } .homeProductsInner .homeProductListing a:hover .productTitle:after { display:none; } .homeProductsInner .homeProductListing .exploreBtn { display:inline-block; padding:0 25px; color:#ff6633; text-transform:uppercase; font-weight:700; line-height:37px; opacity:0; position:relative; background:#fff; border:1px solid #fff; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; } .homeProductsInner .homeProductListing .exploreBtn:hover { background:#ff6633; border-color:#fff; color:#fff; } .homeProductsInner .homeProductListing .exploreBtn .icon { display:inline-block; height:12px; width:17px; background-position:-190px -1px; margin:0 0 0 6px !important; vertical-align:middle; } .homeProductsInner .homeProductListing .exploreBtn:hover .icon { background-position:-174px -1px; } .homeProductsInner .homeProductListing a:hover { background-color:#ff6633; } .homeProductsInner .homeProductListing a:hover .exploreBtn { opacity:1; } .homeProductsInner .homeProductListing a:hover .homeSprite { margin-top:28px; } .homeProductListing .icon1 { width:56px; height:56px; background-position:-3px -187px; } .homeProductListing .icon2 { width:71px; height:62px; background-position:-217px -277px; } .homeProductListing .icon3 { width:58px; height:57px; background-position:-440px -180px; } .homeProductListing .icon4 { width:78px; height:57px; background-position:-84px -186px; } .homeProductListing .icon5 { width:60px; height:57px; background-position:-2px -280px; } .homeProductListing .icon6 { width:57px; height:57px; background-position:-355px -181px; } .homeProductListing .icon7 { width:51px; height:57px; background-position:-280px -186px; } .homeProductListing .icon8 { width:63px; height:68px; background-position:-147px -274px; } .homeProductListing .icon9 { width:54px; height:59px; background-position:-77px -280px; } .homeProductListing .icon10 { width:184px; height:49px; background-position:-298px -284px; } .homeProductListing .icon11 { width:49px; height:54px; background-position:-502px -281px; } .homeProductListing .icon12 { width:59px; height:56px; background-position:-183px -186px; } .exclusiveOffers { padding:0 0 60px 0; text-align:center; } .exclusiveOffers .container { position:relative; } .exclusiveOffersList { overflow:hidden; list-style:none; margin:0; padding:10px; } .exclusiveOffers .swiper-button-next, .exclusiveOffers .swiper-button-prev { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; opacity:0.60; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .exclusiveOffers .swiper-button-next { right:-40px; background-position:-145px -42px; } .exclusiveOffers .swiper-button-prev { left:-40px; background-position:-114px -42px; } .exclusiveOffers .swiper-button-next:hover, .exclusiveOffers .swiper-button-prev:hover { opacity:1; } .exclusiveOffersList .swiper-slide { float:left; box-shadow:0 0 10px #999; } .noJS .exclusiveOffersList .swiper-slide { margin-right:20px; width:265px; } .noJS .exclusiveOffersList .swiper-slide img { width:100%; } .exclusiveOffersList .swiper-slide .box { position:relative; overflow:hidden; } .exclusiveOffersList .swiper-slide:last-child { margin-right:0; } .exclusiveOffersList .swiper-slide img, .shareNknowBtns { -webkit-transition:0.3s ease; transition:0.3s ease; } .exclusiveOffersList .swiper-slide .box:hover img { -webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1); } .exclusiveOffers .knowMore { display:inline-block; background:#ff6633; color:#fff; font-weight:600; margin:20px 0; padding:0 25px; line-height:38px; } .exclusiveOffers .knowMore .icon { width:17px; height:12px; display:inline-block; vertical-align:middle; margin-left:12px; background-position:-174px -1px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .exclusiveOffers .knowMore:hover { background:#fff; color:#ff6633; text-decoration:none; } .exclusiveOffers .knowMore:hover .icon { background-position:-190px -1px; } .exclusiveOffers .btnRow { margin-top:30px; } .exclusiveOffers .btnRow .button { padding:12px 35px; } .shareNknowBtns { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; background-color:rgba(0, 0, 0, .60); } .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtns { opacity:1; } .shareNknowBtnsInner { padding:138px 40px 82px; text-align:center; position:relative; z-index:3; } .shareNknowBtnsInner .shareOn { display:block; margin-bottom:15px; color:#fff; font-size:16px; font-weight:600; } .shareNknowBtnsInner .sharingBtn { list-style:none; margin:0 0 22px; padding:0; } .shareNknowBtnsInner .sharingBtn li { display:inline-block; margin-right:8px; vertical-align:top; } .shareNknowBtnsInner .sharingBtn li a { display:block; text-indent:-999em; } .shareNknowBtnsInner .sharingBtn li a.fb { width:45px; height:45px; background-position:-768px -1190px; } .shareNknowBtnsInner .sharingBtn li a.tw { width:45px; height:45px; background-position:-823px -1190px; } .shareNknowBtnsInner .shareOn, .shareNknowBtnsInner .sharingBtn, .shareNknowBtnsInner .knowMore { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px, 0, 0); transform:translate3d(-360px, 0, 0); } .shareNknowBtnsInner .shareOn { -webkit-transition-delay:0.15s; transition-delay:0.15s; } .shareNknowBtnsInner .sharingBtn { -webkit-transition-delay:0.1s; transition-delay:0.1s; } .shareNknowBtnsInner .knowMore { -webkit-transition-delay:0.05s; transition-delay:0.05s; } .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .shareOn { -webkit-transition-delay:0s; transition-delay:0s; } .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .sharingBtn { -webkit-transition-delay:0.05s; transition-delay:0.05s; } .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .knowMore { -webkit-transition-delay:0.1s; transition-delay:0.1s; } .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .shareOn, .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .sharingBtn, .exclusiveOffersList .swiper-slide .box:hover .shareNknowBtnsInner .knowMore { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .socialFeedsInner { padding:0; position:relative; z-index:1; background-color:#f3f3f3; border-bottom:1px solid #b8b8b8; } .socialFeedsList { list-style:none; margin:0; padding:0; text-align:center; } .socialFeedsList li { display:inline-block; text-align:center; position:relative; } .socialFeedsList li:last-child { margin-right:0; } .socialFeedsList li a { width:228px; height:80px; display:block; padding:22px 0; font-size:22px; font-weight:700; text-decoration:none; position:relative; margin:0 -2px; } .socialFeedsList li a:after { width:100%; height:0; position:absolute; left:0; bottom:0; content:""; -webkit-transition:350ms ease; transition:350ms ease; } .socialFeedsList li a:hover:after { height:5px; } .socialFeedsList li a.fb:after { background:#2d4485; } .socialFeedsList li a.tw:after { background:#16a6f2; } .socialFeedsList li a.yt:after { background:#d62424; } .socialFeedsList li a.linkedin::after { background:#0077b5; } .socialFeedsList li a .icon { width:35px; height:35px; margin-right:20px; -webkit-transition:350ms ease; transition:350ms ease; display:inline-block; vertical-align:middle; } .socialFeedsList li a .fbIcon { background-position:-192px -45px; width:15px; } .socialFeedsList li a .twIcon { background-position:-228px -41px; width:29px; } .socialFeedsList li a .ytIcon { background-position:-269px -41px; } .socialFeedsList li a .linkedinIcon { background-position:-49px -463px; } .socialFeedsList li a .inIcon { background-position:-312px -43px; } .socialFeedsList li a.tw, .socialFeedsList li a.yt, .socialFeedsList li a.insta, .socialFeedsList li a.linkedin { border-left:1px solid #ddd; } .socialFeedsList li a.fb { color:#2d4485; } .socialFeedsList li a.tw { color:#16a6f2; } .socialFeedsList li a.yt { color:#d62424; } .socialFeedsList li a.linkedin { color:#0077b5; } .socialFeedsList li a.insta { color:#9833c5; } .socialFeedsList li a.insta::after { background:#a24bc8; } .mobConWithUs.box p.title { color:#424242; } #wrapper { position:relative; overflow:hidden; } #footer { border-top:1px solid #dadada; padding:34px 0 0; } #footer .siteUpdate { font-size:0.875em; float:left; } #footer .siteUpdate strong, #footer .siteUpdate span.counter, #footer .siteUpdate span.hitCounter { color:#ff6633; font-weight:700; } #footer .topRow { position:relative; } #footer .topRow .box { width:240px; float:right; } #footer .topRow .sitemapLinks { position:absolute; left:50%; margin-left:-38px; text-align:center; font-size:14px; color:#000; text-decoration:underline; top:11px; width:76px; } #footer .topRow .sitemapLinks:hover { text-decoration:none; } #footer .siteUpdate span:first-child { padding-right:10px; margin-right:10px; position:relative; } #footer .siteUpdate span:first-child:after { width:1px; height:11px; position:absolute; right:0; top:4px; background:#424242; content:""; } #footer .siteUpdate span.counter:after, #footer .siteUpdate span.hitCounter:after { display:none; } #footer .row .col8, #footer .row .col4 { float:left; } #footer .row .col8 { width:82%; padding-right:20px; border-right:1px solid #dadada; } #footer .row .col4 { width:18%; padding-left:20px; } #footer .row .col4 .box { margin-bottom:30px; position:relative; z-index:16; } #footer .row .col4 .box label { font-size:0.813em; color:#424242; padding-bottom:7px; font-weight:600; } #footer .callBackBtn { position:absolute; right:0; top:-8px; border:1px solid #3b6174; font-size:13px; color:#f3f3f3; padding:8px 16px; text-decoration:none; } #footer .callBackBtn .icon { width:19px; height:19px; display:inline-block; vertical-align:middle; margin-right:10px; background-position:-128px -2px; } #footer .callBackBtn:hover { background:#3b6174; } .footerNav { position:relative; } .footerNav ul { margin:0; padding:0; list-style:none; float:left; } .footerNav ul li { position:relative; padding:0 16px; float:left; } .footerNav ul li:first-child { padding-left:0; } .footerNav ul li:after { height:14px; width:1px; background:#474747; content:""; position:absolute; right:0; top:50%; margin-top:-7px; } .footerNav ul li:last-child:after { display:none; } .footerNav ul li a { color:#424242; font-size:13px; text-decoration:none; font-weight:600; } .footerNav ul li a:hover { text-decoration:underline; color:#ff6633 } .footerLinks { margin-bottom:15px; } .footerLinks .col3 { float:left; width:23%; } .footerLinks .col3.lastCol { width:54%; } .footerLinks .col3 h3 { margin-bottom:10px; font-size:1.000em; } .footerLinks ul { padding:0 40px 0 0; list-style:none; margin:0; } .footerLinks .col3.lastCol ul { padding-right:20px; width:50%; float:left; } .footerLinks ul:last-child, .footerLinks .col3.lastCol ul:last-child { padding:0; } .footerLinks ul li { width:100%; } .footerLinks ul li a { color:#424242; text-decoration:none; font-size:0.875em; padding:3px 10px 3px 17px; display:block; font-weight:normal; position:relative; } .footerLinks ul li a:hover { text-decoration:underline; color:#ff6633 } .footerLinks ul li .icon { position:absolute; left:0; top:9px; height:10px; width:6px; background-position:-544px -38px; } .copyright { margin:0 0 15px 0; } .copyright p { margin:0; color:#424242; font-size:0.813em; padding:0; line-height:22px; float:right; } .copyright span:first-child { padding-right:10px; margin-right:10px; position:relative; } .copyright span:first-child:after { width:1px; height:11px; position:absolute; right:0; top:4px; background:#424242; content:""; } .downloadApp { float:right; position:relative; } .downloadApp p { margin:28px 12px 0 0; padding:0; color:#fff; line-height:19px; float:left; } .downloadApp a { color:#fff; text-decoration:none; font-size:14px; } .downloadApp a:hover { text-decoration:underline; } .downloadApp .qrCodeImg { } .connectWithUs { float:left; width:100%; } .connectWithUs p, .mobConWithUs p { margin-bottom:9px; font-size:13px; color:#424242; font-weight:600; } .connectWithUs ul { margin:0; padding:0; list-style:none; } .connectWithUs ul li { display:inline-block; vertical-align:middle; padding-right:5px; } .connectWithUs ul li a { display:inline-block; position:relative; background:url(../../images/social-icons.png) no-repeat 0 0; width:39px; height:39px; } .connectWithUs ul li a:hover { opacity:1; } .connectWithUs ul li a.facebook { background-position:0 0; } .connectWithUs ul li a.twitter { background-position:-50px 0px; } .connectWithUs ul li a.linkedin { background-position:-99px 0px; } .connectWithUs ul li a.youTube { background-position:-145px 0px; } .connectWithUs ul li a.instagram { background-position:-192px 0px; } .connectWithUs li a.facebook span { background:#6577a7; } .connectWithUs li a.twitter span { background:#0db2f2; } .connectWithUs li a.youTube span { background:#bb2025; } .connectWithUs li a.linkedin span { background:#1e85d4; } .connectWithUs li a.instagram span { background:#497091; } .connectWithUs li a span { font-family:'lato'; color:#fff; position:absolute; bottom:0; line-height:20px; left:-25px; right:-25px; padding:5px 7px; z-index:-1; font-size:14px; border-radius:2px; visibility:hidden; opacity:0; -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); text-align:center; } .connectWithUs li a span:before { content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; bottom:-5px; left:40px; } .connectWithUs li a:hover span { bottom:50px; visibility:visible; opacity:1; z-index:1; } .connectWithUs li a.facebook span:before { border-top-color:#6577a7; } .connectWithUs a.twitter span:before { border-top-color:#0db2f2; } .connectWithUs a.youTube span:before { border-top-color:#bb2025; } .connectWithUs a.linkedin span:before { border-top-color:#1e85d4; } .connectWithUs a.instagram span:before { border-top-color:#497091; } .subscription { position:relative; } .subscription .error { font-size:13px; color:#ff0000 !important; } .subscription span { font-size:13px; color:#088f18; display:block; } .subscription .inputBox { width:100%; border:1px solid #d9d9d9; padding:10px 111px 10px 15px; background:#f7f7f7; height:43px; line-height:20px; font-size:0.813em; color:#424242; } .subscription .submit { width:76px; height:43px; text-align:center; position:absolute; right:0; top:0; background:#646464; font-size:0.813em; color:#fff; border:0; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; font-weight:600; } .subscription .submit:hover { background:#ff6633; color:#fff; } #footer .customSelectOuter { background:#3d6376 url(../../images/footer-select-arrow.png) no-repeat right center; } #footer .customSelectOuter option { padding:5px 10px; } #footer span.customSelect { border:0; color:#b1c1c8; } #footer .buttons span { display:inline-block; margin-right:10px; } .siteBestView { border-top:1px solid #3d6376; font-size:13px; color:#fff; margin:0; padding-top:15px; } .liveWebChatBtn { background:#ff6633; position:fixed; right:0; bottom:-100px; z-index:98; color:#fff; font-size:16px; text-decoration:none; padding:15px; box-shadow:0 0 3px rgba(0, 0, 0, 0.4); } .liveWebChatBtn.slide { bottom:0; } .liveWebChatBtn:hover { background:#424242; text-decoration:none; color:#fff; } .liveWebChatBtn .iconLeft { width:27px; height:22px; background-position:-165px 0; margin-right:10px; display:inline-block; vertical-align:middle; } .liveWebChatBtn .iconRight { width:14px; height:9px; background-position:-203px 0; margin:-2px 0 0 10px; display:inline-block; vertical-align:middle; } .footerHide { position:relative; width:100%; background:#fff; z-index:13; -webkit-transition:250ms ease; transition:250ms ease; margin:45px 0 15px; } .footerHide .container { padding:20px 15px 10px 15px; } .footerHide .footerHideRow { height:0; overflow:hidden; -webkit-transition:250ms ease; transition:250ms ease; } .footerHide.footerSlideUp .footerHideRow { height:425px; } .footerHide.footerSlideUp { height:auto; } .footerHide:after { height:4px; width:100%; content:""; position:absolute; left:0; top:-4px; background:#ff6633; } .footerSlideup { width:60px; height:34px; background-position:-300px 11px; position:absolute; left:50%; top:-34px; cursor:pointer; margin-left:-30px; background-color:#ff6633; } .footerSlideup.active { background-position:-337px 11px; } .footerTopLinks { float:left; margin:7px 0; padding:0; list-style:none; } .footerTopLinks li { display:inline-block; position:relative; padding:0 6px; } .footerTopLinks li:first-child { padding-left:0; } .footerTopLinks li:after { background:#ccc; content:""; height:14px; margin-top:-7px; position:absolute; right:-2px; top:50%; width:1px; } .footerTopLinks li:last-child:after { display:none; } .footerTopLinks li a { font-size:0.875em; color:#000; text-decoration:underline; } .footerTopLinks li a:hover { text-decoration:none; } .rightFixedBox { width:52px; position:fixed; right:-54px; top:50%; margin-top:-113px; } .rightFixedBox.active { right:0; } .rightFixedBox .socialList { margin:0; padding:0; list-style:none; -webkit- box-shadow:0 0 3px rgba(0, 0, 0, 0.4); box-shadow:0 0 3px rgba(0, 0, 0, 0.4); } .rightFixedBox .socialList li { display:block; } .rightFixedBox .socialList li a { display:block; background-color:#ff6633; width:52px; height:45px; display:block; position:relative; text-decoration:none; } .rightFixedBox .socialList .facebook { background-position:-380px 7px; } .rightFixedBox .socialList .twitter { background-position:-424px 7px; } .rightFixedBox .socialList .youTube { background-position:-469px 7px; } .rightFixedBox .socialList .linkedIn { background-position:-80px -452px; } .rightFixedBox .socialList .instagram { background-position:-511px 7px; } .rightFixedBox .socialList span { height:40px; line-height:40px; top:2px; color:#fff; font-size:14px; font-weight:600; position:absolute; padding:0 10px; background:#29b1e9; text-align:right; right:50%; opacity:0; visibility:hidden; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); } .rightFixedBox .socialList li a:hover span { opacity:1; visibility:visible; right:100%; } .rightFixedBox .socialList span:after { width:0; position:absolute; right:-6px; top:15px; content:""; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid green; } .rightFixedBox .socialList .instagram span::after { border-left-color:#a24bc8; } .rightFixedBox .socialList .instagram span { background:#a24bc8; } .rightFixedBox .socialList .facebook span { background:#2d4485; } .rightFixedBox .socialList .twitter span { background:#29b1e9; } .rightFixedBox .socialList .youTube span { background:#d62424; } .rightFixedBox .socialList .linkedIn span { background:#0077b5; } .rightFixedBox .socialList .facebook span:after { border-left-color:#2d4485; } .rightFixedBox .socialList .twitter span:after { border-left-color:#29b1e9; } .rightFixedBox .socialList .youTube span:after { border-left-color:#d62424; } .rightFixedBox .socialList .linkedIn span::after { border-left-color:#0077b5; } .homeRightNav .homeRightNavSlide .toolTip { height:40px; line-height:40px; top:6px; color:#fff; font-size:14px; font-weight:600; position:absolute; padding:0 10px; background:#666; text-align:right; right:90%; opacity:0; visibility:hidden; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); width:93px; } .hindiDoc .homeRightNav .homeRightNavSlide .toolTip { width:93px; } .homeRightNav .homeRightNavSlide > a:hover .toolTip { opacity:1; visibility:visible; right:100%; } .homeRightNav .homeRightNavSlide .toolTip:after { width:0; position:absolute; right:-6px; top:15px; content:""; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #666; } .liveWebChatBtn, .announcements, .rightFixedBox, .sliderArrow { transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .announcements { position:fixed; top:50%; margin-top:-145px; left:-45px; z-index:105; } .announcements.slide { left:0; } .announcements .title { font-size:14px; font-weight:600; padding:7px 15px 12px 15px; margin:0; display:inline-block; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); position:absolute; top:50%; left:-50px; margin-top:-20.5px; cursor:pointer; z-index:1; box-shadow:0 0 4px rgba(0, 0, 0, 0.4); } .hindiDoc .announcements .title { left:-16px; } .announcements .box { background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); margin-left:-360px; padding:20px 15px 25px 60px; width:360px; position:relative; transition:all 0.4s ease 0ms; -webkit-transition:all 0.4s ease 0ms; } .announcements.active .box { margin-left:0; } .announcements ul li { margin:0; padding-bottom:10px; } .announcements ul li a { color:#4a4a4a; font-size:15px; line-height:21px; margin-bottom:20px; } .announcements ul li a:hover { color:#ff6633; } .announcements ul li .date { font-size:13px; display:none; } .announcements ul li .fileSize img { width:auto; position:relative; top:-2px; } .announcements .playPause { position:absolute; top:15px; right:25px; font-size:0.938em; color:#424242; text-decoration:underline; background-position:-499px -90px; padding-right:16px; transition:none; -webkit-transition:none; } .announcements .playPause.play { background-position:-508px -112px; } .announcements .viewAll { font-size:0.938em; text-decoration:underline; display:inline-block; margin-top:15px; margin-left:24px; } .announcements .viewAll:hover, .announcements .playPause:hover { text-decoration:none; } .sliderArrow { width:42px; height:42px; opacity:0; position:absolute; right:70px; bottom:0; background-color:#ff6633; z-index:2; background-position:-466px -46px; display:inline-block; text-indent:-9999px; animation:bounce 2s infinite; } .sliderArrow.slide { bottom:35px; opacity:1; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform:translateY(0); } 40% { transform:translateY(-20px); } 60% { transform:translateY(-10px); } } #request-callback-popup.reqCallSuccessMsg { top:45% !important; position:fixed; } .requestPopOverlay { width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:100; background-color:rgba(0, 0, 0, 0.7); } #request-callback-popup, #applyNowPopup, #overseasPopup { max-width:580px; width:100%; padding:30px; display:none; position:absolute; left:50%; top:0; margin-left:-290px; z-index:101; background-color:#fff; } .callBackPopWrapIn { width:100%; height:524px; padding:0 30px 30px 0; text-align:left; overflow-y:auto; } #overseasPopup { max-width:920px; margin-left:-460px; } .callBackPop { text-align:left; } #applyNowPopup { top:50%; margin-top:-323px; position:fixed; } #applyNowPopup.applyNowPopup.reqCallPopup.reqCallSuccessMsg { margin-top:-55px; } #applyNowPopup .detailRow { padding:0; } .callBackPop .heading { float:left; width:100%; padding-bottom:10px; } .callBackPop .heading .heading_left { float:left; width:54%; text-align:left; } .callBackPop .heading .heading_left h3 { font-size:1.000em; margin-bottom:0; } .callBackPop .heading .heading_right { float:right; width:45%; text-align:right; } .callBackPop .heading .heading_right p { margin:1px 0 0; font-size:0.875em; } .callBackPop .heading span { color:#ff6633; } .callBackPop .control-row .red { color:#ff6633 } .callBackPop .control-row { float:left; width:100%; margin:0 0 14px 0; position:relative; } .callBackPop .control-row .col2 { float:left; width:125px; padding-top:11px; } .callBackPop .control-row .col2 .fLabel, .callBackPop .captchaLabel .fLabel { color:#555; } .callBackPop .control-row .col2last { min-height:52px; float:right; width:364px; position:relative; } .callBackPop .btn2 { background-color:#555555; border-color:#555555; } .callBackPop .btn2:hover { background-color:#ff6633; border-color:#ff6633; color:#fff; } .callBackPop .btn1:hover { background-color:#555555; border-color:#555555; color:#fff; } .callBackPop .captchaReImg { width:122px; height:49px; border:1px solid #c5c5c5; border-radius:2px; float:left; padding:10px; text-align:center; } .callBackPop select { appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url(../../images/requestCallBackArrow.png); background-repeat:no-repeat; background-position:right center; } .callBackPop .captcha { float:left; width:100%; } .callBackPop .captcha .captchaImg { height:42px; width:153px; margin-left:15px; vertical-align:top; } .callBackPop .asterix { display:none; } .callBackPop .captcha .textBox { width:122px; } #request-callback-popup .mfp-close:hover { text-decoration:none; } .callBackPop .error { position:absolute; left:0px; bottom:-10px; } .callBackPop .captchaLabel { float:left; width:146px; padding-top:10px; } .callBackPop .captchaInput { float:left; width:117px; } .callBackPop .captchaImage { border:1px solid #ff000; } .callBackPop .captchaBtnImg { position:relative; left:5px; top:8px; } .callBackPop input[type="text"], .callBackPop input[type="email"], .callBackPop input[type="tel"], .callBackPop input[type="number"], .callBackPop input[type="url"], .callBackPop input[type="password"], .callBackPop input[type="search"], .callBackPop select, .callBackPop textarea { font-size:16px; line-height:20px; color:#555555; } .callBackPop button, .callBackPop input[type="button"], .callBackPop input[type="reset"], .callBackPop input[type="submit"] { font-size:1.125em; font-weight:700; margin-right:10px; width:127px; } .callBackPop .buttons-row { float:left; width:100%; position:relative; text-align:left; } .callBackPop .buttons-row input:last-child { background-color:#555555; border-color:#555555; color:#fff; } .callBackPop .buttons-row input:last-child:hover { background-color:#fff; color:#555; border-color:#555; text-decoration:none; } .callBackPop .checkBoxWrap { position:relative; margin-bottom:20px; padding-bottom:10px; float:left; width:100%; } .callBackPop .checkBoxWrap .error { padding-left:28px; } .inqBottomBox { border:1px solid #dadada; background:#f6f6f6; padding:20px; } .inqBottomBox .leftCol, .inqBottomBox .rightCol { border:0; width:auto; } .inqBottomBox .contactDetail { margin:0 0 20px 0; } .inqBottomBox .contactDetail .callIcon { top:-7px; } .homeRightNav { margin:30px -150px 0 0; padding:0; list-style:none; transition:350ms ease; -webkit-transition:350ms ease; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.4); box-shadow:0 0 3px rgba(0, 0, 0, 0.4); } .homeRightNav.active { margin:0; } .homeRightNav .homeRightNavSlide { display:block; margin-bottom:1px; transition:350ms ease; -webkit-transition:350ms ease; } .homeRightNav .homeRightNavSlide.active.hide { width:150px; margin-left:-80px; } .homeRightNav .homeRightNavSlide > a { background:#ff6633; color:#fefefe; font-size:14px; font-weight:600; line-height:normal; text-decoration:none; display:block; position:relative; padding:11px 10px 9px 60px; height:60px; position:relative; right:0; z-index:14; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); } .homeRightNav .homeRightNavSlide .icon { width:60px; height:60px; display:inline-block; position:absolute; left:0; top:0; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .homeRightNav .homeRightNavSlide .icon1, .homeRightNav.hide .homeRightNavSlide:hover .icon1, .homeRightNav.hide .homeRightNavSlide.active .icon1 { background-position:-470px -533px; } .homeRightNav .homeRightNavSlide .icon2, .homeRightNav.hide .homeRightNavSlide:hover .icon2, .homeRightNav.hide .homeRightNavSlide.active .icon2 { background-position:-359px -37px; } .homeRightNav .homeRightNavSlide .icon3, .homeRightNav.hide .homeRightNavSlide:hover .icon3, .homeRightNav.hide .homeRightNavSlide.active .icon3 { background-position:-470px -656px; } .homeRightNav.hide .homeRightNavSlide > a { right:0; } .homeRightNav.hide .homeRightNavSlide > a { background:rgba(255, 255, 255, 0.95); } .homeRightNav.hide .homeRightNavSlide .icon1 { background-position:-534px -533px; } .homeRightNav.hide .homeRightNavSlide .icon2 { background-position:-532px -595px; } .homeRightNav.hide .homeRightNavSlide .icon3 { background-position:-532px -656px; } .homeRightNav.hide .homeRightNavSlide:hover > a, .homeRightNav.hide .homeRightNavSlide.active > a { right:0; } .homeRightNav.hide .homeRightNavSlide:hover > a, .homeRightNav.hide .homeRightNavSlide.active > a { background:#e34234; color:#fefefe; } .rightFixedBox .box { background:#fff; -webkit-box-shadow:0 0px 10px rgba(0, 0, 0, 0.3); box-shadow:0 0px 10px rgba(0, 0, 0, 0.3); padding:28px 10px 18px 30px; position:absolute; right:-1200px; top:247px; z-index:13; transition:350ms ease; -webkit-transition:350ms ease; min-height:160px; } .rightFixedBox .box.active { right:0; } .rightFixedBox .box .darkButton { color:#fff; font-size:14px; font-weight:600; background:#4b4b4b; border:0; padding:3px 7px; margin-top:5px; text-decoration:none; display:block; text-align:center } .rightFixedBox .box .darkButton:hover { background:#ff6633; } .ratesStrip { width:1075px; } .ratesStrip h2 { font-size:1.500em; line-height:26px; margin:28px 0; } .ratesStrip ul { margin:0; padding:0; list-style:none; } .ratesStrip ul li { padding:0 30px; border-right:1px solid #c7c7c7; float:left; min-height:105px; } .ratesStrip ul li:first-child { padding-left:0; } .ratesStrip ul li:last-child { padding-right:0; border:0; } .ratesStrip .viewAll { color:#464646; font-size:14px; } .ratesStrip .viewAll:hover { color:#e34234; } .ratesStrip .date { color:#464646; font-size:14px; display:block; } .ratesStrip h3 { font-size:1.063em; color:#3f3f3f; position:relative; line-height:20px; margin-bottom:10px; font-weight:600; } .ratesStrip .break { display:block; } .ratesStrip .rate { font-size:32px; color:#ff6633; font-weight:700; line-height:32px; } .ratesStrip .rate .per { font-size:24px; font-weight:600; color:#464646; margin:0 5px; line-height:24px; } .ratesStrip .rate .PA { font-size:15px; font-weight:600; color:#464646; line-height:15px; } .ratesStrip p { margin:0; font-size:0.875em; font-weight:400; color:#464646; } .ratesStrip .loanIcon { width:34px; height:26px; display:inline-block; position:absolute; left:0; top:6px; } .homeRightNav > li .ratesStrip .loanIcon.icon1 { background-position:0 -608px; } .homeRightNav > li .ratesStrip .loanIcon.icon2 { background-position:-49px -608px; } .homeRightNav > li .ratesStrip .loanIcon.icon3 { background-position:0 -644px; } .homeRightNav > li .ratesStrip .loanIcon.icon4 { background-position:-50px -648px; } .col2Page .sidebar { float:left; width:27%; position:relative; z-index:2; } .col2Page .sidebar:before { position:absolute; left:-2692px; z-index:-1; top:-40px; bottom:-40px; width:3000px; content:""; } .col2Page .sidebar .heading { display:none; } .col2Page .rightContent { float:left; width:73%; padding-left:40px; position:relative; } .col2Page .rightContent:before { position:absolute; left:-3000px; top:-40px; bottom:-40px; width:3000px; content:""; z-index:1; } .col2Page .rightContent:before, .col2Page .sidebar:before { background:#f3f3f3; } .gridView .row { margin:0 -10px; } .gridView .col2, .gridView .col3 { float:left; padding:10px; } .gridView .col2 { width:50%; } .gridView .col3 { width:33.333%; } .borderNone { border:0 !important; } .rightFixedBox { left:-54px; right:auto; margin-top:-73px; top:auto; bottom:45px; margin:0; } .rightFixedBox.active { left:0; } .homeRightNav .text { display:none; } .homeRightNav .homeRightNavSlide > a { padding:0; height:50px; } .homeRightNav { margin:0; } .homeRightNav .homeRightNavSlide .toolTip { right:auto; left:97%; } .homeRightNav .homeRightNavSlide .toolTip:after { right:auto; left:-6px; border-right:6px solid #666; border-left:0; } .ratesStrip { width:1075px; } .rightFixedBox .box { padding-left:70px; right:auto; left:-1200px; } .rightFixedBox .box.active { left:0; right:auto; } .homeRightNav .homeRightNavSlide .toolTip { width:110px; text-align:left; } .homeRightNav .homeRightNavSlide .icon { width:50px; height:50px; } .homeRightNav .homeRightNavSlide .icon2, .homeRightNav.hide .homeRightNavSlide:hover .icon2, .homeRightNav.hide .homeRightNavSlide.active .icon2 { background-position:-359px -43px; } .swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1; } .swiper-container-no-flexbox .swiper-slide { float:left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); -moz-transform:translate3d(0px, 0, 0); -o-transform:translate(0px, 0px); -ms-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; } .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-transition-property:-webkit-transform, height; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform, height; } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000; } .swiper-wp8-horizontal { -ms-touch-action:pan-y; touch-action:pan-y; } .swiper-wp8-vertical { -ms-touch-action:pan-x; touch-action:pan-x; } .swiper-button-prev, .swiper-button-next { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:13; cursor:pointer; } .swiper-pagination.swiper-pagination-hidden { opacity:0; } .landingPageBanner .swiper-slide .sliderCaption { opacity:0 !important; } .landingPageBanner .swiper-slide.swiper-slide-active .sliderCaption { opacity:1 !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; position:absolute; text-align:center; z-index:2; } .swiper-container-horizontal > .swiper-pagination-bullets { height:15px; } .swiper-pagination.mrgBottom { bottom:50px; } .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:99999; } .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:16px; line-height:50px; position:absolute; bottom:0; z-index:2; } .litebox-overlay .litebox-close { width:40px; height:40px; background:url(../../images/litebox-close.png) no-repeat center; opacity:.7; position:absolute; top:20px; right:20px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity:1; cursor:pointer; } .litebox-overlay .litebox-nav { display:none; width:60px; height:60px; margin-top:-30px; opacity:.2; position:absolute; top:50%; z-index:9999999; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity:.5; cursor:pointer; } .litebox-overlay .litebox-prev { background:url(../../images/litebox-prev.png) no-repeat center; left:20px; } .litebox-overlay .litebox-next { background:url(../../images/litebox-next.png) no-repeat center; right:20px; } .litebox-overlay .litebox-container { position:absolute; top:10%; right:10%; bottom:10%; left:10%; overflow:hidden; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y:auto; } .litebox-overlay img, .litebox-overlay iframe { display:inline-block; max-width:100%; max-height:100%; margin:0 auto; vertical-align:middle; overflow-x:hidden; } .litebox-overlay iframe { width:100%; height:100%; position:relative; z-index:999999; } .litebox-overlay .litebox-inline-html { width:100%; padding:20px; 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; } .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; vertical-align:top; border-radius:100%; background:#fff; border:1px solid #ff6633; opacity:1; } button.swiper-pagination-bullet { border:none; margin:0; padding:0; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; } .swiper-pagination-white .swiper-pagination-bullet { background:#fff; } .swiper-pagination-bullet-active { opacity:1; background:#ff6633; } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000; } .swiper-container-vertical > .swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0px, -50%, 0); -moz-transform:translate3d(0px, -50%, 0); -o-transform:translate(0px, -50%); -ms-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin:5px 0; display:block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; } .swiper-pagination-progress { background:rgba(0, 0, 0, 0.25); position:absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top; } .swiper-container-horizontal > .swiper-pagination-progress { width:100%; height:4px; left:0; top:0; } .swiper-container-vertical > .swiper-pagination-progress { width:4px; height:100%; left:0; top:0; } .swiper-pagination-progress.swiper-pagination-white { background:rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background:#fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background:#000; } .swiper-container-3d { -webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10; } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective:1200px; } .swiper-container-cube, .swiper-container-flip { overflow:visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; } .swiper-container-cube .swiper-slide { visibility:hidden; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events:auto; visibility:visible; } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:0.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto; } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; text-align:center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width:100%; max-height:100%; object-fit:contain; } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%; } .swiper-container-vertical > .swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%; } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0; } .swiper-scrollbar-cursor-drag { cursor:move; } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -moz-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display:block; content:""; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,"); background-position:50%; -webkit-background-size:100%; background-size:100%; background-repeat:no-repeat; } .swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform:rotate(360deg); } } #menuLeft { margin:0; padding:0 40px 0 0; list-style:none; } #menuLeft ul { margin:0 0 0 10px; padding:0; list-style:none; display:none; } #menuLeft li { position:relative; } #menuLeft li .linkIcon { display:none; } #menuLeft li a { border-top:1px solid #d3d3d3; display:block; color:#444; background:url(../../images/bullet-arrow.png) no-repeat 0 18px; padding:11px 0 11px 30px; text-decoration:none; } #menuLeft li a:hover, #menuLeft li.activeLI > a { color:#ff6633; } #menuLeft li:first-child > a { border:0; } #menuLeft li .menuLeftPlus { background:url(../../images/acc-plus.png) no-repeat scroll right 19px; position:absolute; right:0; top:0; width:30px; height:42px; z-index:5; cursor:pointer; } #menuLeft > li.activeLI > .menuLeftPlus, #menuLeft ul > li.activeLI > .menuLeftPlus { background:url(../../images/acc-minus.png) no-repeat scroll right 17px; } .aboutUs .ourVisionP, .brdParagraph { font-size:1.250em; font-weight:300; line-height:31px; position:relative; margin-bottom:80px; } .aboutUs .ourVisionP:after, .brdParagraph:after { width:98px; height:6px; position:absolute; left:0; bottom:-19px; content:""; background:#ff6633; } .ourVision .leftCol { float:left; width:42%; } .ourVision .rightCol { float:left; padding-left:66px; width:58%; } .ourMission { margin-top:20px; } .ourMission p { font-size:20px; font-weight:400; line-height:31px; position:relative; } .ourMission p:after { width:98px; height:6px; position:absolute; left:0; bottom:-19px; content:""; background:#ff6633; } .ourLogo { background:#f6f6f6; padding:49px 180px 49px 49px; margin-right:82px; margin-top:82px; position:relative; } .ourLogo .logo { position:absolute; right:-97px; top:52px; background:#fff; padding:25px; box-shadow:0 0 7px rgba(0, 0, 0, 0.2); } .ourLogo p:last-child { margin:0; } .requestRow { background:#ededee; padding:45px 0; border-top:2px solid #d3d3d4; position:relative; } .requestRow:after { width:0; position:absolute; top:-2px; left:50%; margin-left:-12px; content:""; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #fff; } .requestRow ul { margin:0; padding:0; } .requestRow ul li { display:inline-block; vertical-align:middle; padding:0 23px; border-right:1px solid #bcbcbd; } .requestRow ul li:last-child { border:0; padding-right:0; } .requestRow ul li:first-child { padding-left:0; } .requestRow ul li a { font-size:16px; color:#464646; display:block; text-decoration:none; position:relative; padding:0 18px; } .requestRow ul li a:after { position:absolute; left:50%; bottom:-18px; width:0; height:4px; background:#ff6633; content:""; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .requestRow ul li a:hover:after { width:100%; left:0; } .requestRow ul li .icon { margin-right:12px; } .requestRow ul li .icon, .requestRow ul li .text { display:inline-block; vertical-align:middle; } .requestRow ul li .icon1 { width:71px; height:48px; background-position:0 -31px; } .requestRow ul li a:hover .icon1 { width:71px; height:48px; background-position:0 -95px; } .requestRow ul li .icon2 { width:46px; height:52px; background-position:-77px -29px; } .requestRow ul li a:hover .icon2 { width:46px; height:52px; background-position:-77px -93px; } .requestRow ul li .icon3 { width:57px; height:43px; background-position:-128px -34px; } .requestRow ul li a:hover .icon3 { width:57px; height:43px; background-position:-128px -98px; } .requestRow ul li .icon4 { width:56px; height:56px; background-position:-190px -27px; } .requestRow ul li a:hover .icon4 { width:56px; height:56px; background-position:-190px -91px; } .requestRow ul li .icon5 { width:36px; height:56px; background-position:-252px -27px; } .requestRow ul li a:hover .icon5 { width:36px; height:56px; background-position:-252px -91px; } .history .founder { min-height:384px; background:#f1f2f2; padding:36px 36px 36px 185px; margin-left:115px; position:relative; margin-top:70px; margin-bottom:35px; } .history .founder .founderName { font-size:1.250em; font-weight:700; color:#393939; margin-bottom:3px; } .history .founder .bank { font-weight:400; color:#777; position:relative; margin-bottom:40px; } .history .founder .bank:after { width:98px; height:6px; position:absolute; left:0; bottom:-15px; content:""; background:#ff6633; } .history .founder p:last-child { margin-bottom:0; } .history .founder .imgHolder { position:absolute; left:-115px; top:42px; padding:8px; background:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); } .history .orangeMark { background:#ff6633; padding:15px 25px; margin-bottom:40px; } .history .orangeMark p { margin:0; color:#fff; } .history .bankFounded { padding:40px 180px 40px 40px; background:#f6f6f6; margin-right:97px; } .history .bankFounded .title { font-size:20px; color:#777; font-weight:300; } .directors .row { margin-bottom:60px; } .directors .row.firstRow { margin:0 -19px 60px -19px; } .directors .row.col3 { margin:0 -20px; } .directors .row .col2, .directors .row .col3 { float:left; } .directors .row .col2 { width:50%; padding:0 19px; } .directors .row .col3 { width:33.333%; padding:0 20px; } .directors .grayBox { background:#f1f2f2; text-align:center; padding:55px 0; } .directors .grayBox .imgHolder { margin-bottom:15px; } .directors .grayBox h3 { font-size:1.250em; color:#393939; font-weight:700; margin-bottom:20px; } .directors .viewProfile { color:#777; background:#fff; padding:8px 15px; text-decoration:none; display:inline-block; transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .directors .viewProfile .icon { width:9px; height:7px; display:inline-block; vertical-align:middle; background-position:-248px -1px; margin-right:12px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .directors .viewProfile:hover { background:#ff6633; color:#fff; box-shadow:0 4px 5px rgba(0, 0, 0, 0.15); } .directors .viewProfile:hover .icon { background-position:-232px -1px; margin-right:9px; } .directors .row.col3 h2 { padding-left:20px; } .directors .box { text-align:center; margin-bottom:49px; } .directors .box .imgHolder { margin-bottom:15px; display:block; } .directors .box .imgHolder img { border:1px solid #ccc; width:100%; } .directors .box h3 { font-size:1.000em; color:#393939; font-weight:700; margin-bottom:20px; } .directors .box .viewProfile { border:1px solid #ccc; } .directors .box .viewProfile:hover { border-color:#ff6633; } .directorProfilePopup, .inlineContentPopup { max-width:1024px; background:#fff; margin:0 auto; width:100%; text-align:left; } .directorProfilePopup h2, .inlineContentPopup h2 { background:#ff6633; padding:10px 15px; margin:0; font-size:1.125em; font-weight:700; color:#fff; } .directorProfilePopup .detailRow, .inlineContentPopup .detailRow { padding:20px; } .directorProfilePopup .directorPhoto { float:left; width:220px; text-align:center; } .directorProfilePopup .detail { padding-left:240px; min-height:280px; } .directorProfilePopup .directorPhoto .imgHolder { margin-bottom:15px; display:inline-block; } .directorProfilePopup .directorPhoto .imgHolder img { border:1px solid #ccc; } .directorProfilePopup .directorPhoto h3 { font-size:16px; color:#393939; font-weight:700; margin-bottom:20px; } .directorProfilePopup h2 { background:none; color:#ff6633; font-size:22px; margin-bottom:30px; padding:20px 0 0 30px; } .directorProfilePopup h2.borderTitle:after { left:32px; } .mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; } .mfp-wrap { top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden; } .mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:16px; padding:0 20px; box-sizing:border-box; } .mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle; } .mfp-align-top .mfp-container:before { display:none; } .mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:100%; cursor:auto; } .mfp-ajax-cur { cursor:progress; } .mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; } .mfp-auto-cursor .mfp-content { cursor:auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none; } .mfp-loading.mfp-figure { display:none; } .mfp-hide { display:none !important; } .mfp-preloader { color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044; } .mfp-preloader a { color:#CCC; } .mfp-preloader a:hover { color:#FFF; } .mfp-s-ready .mfp-preloader { display:none; } .mfp-s-error .mfp-content { display:none; } button.mfp-arrow { overflow:visible; cursor:pointer; background:transparent; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation; } button::-moz-focus-inner { padding:0; border:0; } .mfp-close-btn-in .mfp-close { color:#333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%; } .mfp-counter { display:none; position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap; } div.mfp-close { display:none !important; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity:0; transition:all 0.3s ease-out 0s; } .mfp-with-zoom.mfp-ready .mfp-container { opacity:1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity:0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity:0; } .mfp-arrow { 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; border:0; } .mfp-arrow:hover { opacity:.5; cursor:pointer; } .mfp-arrow.mfp-arrow-left { background:url(../../images/litebox-prev.png) no-repeat center; left:20px; } .mfp-arrow.mfp-arrow-right { background:url(../../images/litebox-next.png) no-repeat center; right:20px; } .mfp-iframe-holder { padding-top:40px; padding-bottom:40px; } .mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px; } .mfp-iframe-holder .mfp-close { top:-40px; } .mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%; } .mfp-iframe-scaler iframe { position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#000; } img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:20px 0; margin:0 auto; } .mfp-figure { line-height:0; } .mfp-figure:after { content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444; } .mfp-figure small { color:#BDBDBD; display:block; font-size:12px; line-height:14px; } .mfp-figure figure { margin:0; } .mfp-bottom-bar { margin-top:0; position:absolute; bottom:20px; left:0; width:100%; cursor:auto; } .mfp-title { display:none; text-align:center; line-height:22px; font-size:16px; color:#fff; background:rgba(255, 102, 51, 0.8); word-wrap:break-word; padding:8px; } .mfp-image-holder .mfp-content { max-width:100%; } .my-mfp-zoom-in .zoom-anim-dialog { opacity:0; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:scale(1); transform:scale(1); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform:scale(1); transform:scale(1); opacity:0; } .my-mfp-zoom-in.mfp-bg { opacity:0; -webkit-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity:0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity:0; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-20px) perspective(600px) rotateX(10deg); -o-transform:translateY(-20px) perspective(600px) rotateX(10deg); transform:translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity:1; -webkit-transform:translateY(0) perspective(600px) rotateX(0); -moz-transform:translateY(0) perspective(600px) rotateX(0); -ms-transform:translateY(0) perspective(600px) rotateX(0); -o-transform:translateY(0) perspective(600px) rotateX(0); transform:translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity:0; -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-10px) perspective(600px) rotateX(10deg); -o-transform:translateY(-10px) perspective(600px) rotateX(10deg); transform:translateY(-10px) perspective(600px) rotateX(10deg); } .customTab { position:relative; } .customTab .customTabNav { margin:0; padding:0; list-style:none; } .customTab .customTabNav li { display:inline-block; margin:0; position:relative; } .customTab .customTabNav li a { display:inline-block; } .customTab .customTabNav .active a { text-shadow:none; } .customTab .customTabContent { padding:0; } .noJS .customTab .tabContainer { height:170px; overflow:hidden; } .noJS .customTab .customTabContent { display:block; height:150px; } .customTab .tabAccTitle { display:none; } .bankFounded .customTab { margin-left:20px; margin-top:70px; } .bankFounded .customTabNav { float:left; width:156px; position:relative; } .bankFounded .customTabNav:before { position:absolute; left:75px; height:2px; content:""; width:86%; background:#fdb913; top:-1px; display:block; z-index:0; } .bankFounded .customTab .middleBorder { position:absolute; left:80px; height:30px; width:6px; background:#ff6633; top:0; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; z-index:2; display:none; } .bankFounded .customTabNav li { display:block; width:100%; padding:16px 0; position:relative; } .bankFounded .customTabNav li:before { position:absolute; left:74px; top:0; margin-top:-10px; height:18px; width:18px; content:""; border:4px solid #fdb913; border-radius:50%; background:#fff; z-index:3; transition:all 0.8s ease 0ms; -webkit-transition:all 0.8s ease 0ms; } .bankFounded .customTabNav li.active:before { border-color:#ff6633; background:#ff6633; box-shadow:0 2px 4px rgba(0, 0, 0, 0.4); } .bankFounded .customTabNav li a { font-size:16px; font-weight:700; color:#777; text-decoration:none; display:block; position:relative; z-index:4; bottom:20px; padding:25px 0 0; } .bankFounded .customTabNav li a:focus { outline:0 none; } .bankFounded .tabContainer { padding-left:156px; padding-top:15px; } .bankFounded .customTabContent { position:relative; } .bankFounded .tabContainer p { color:#777; } .bankFounded .tabContainer .imgHolder { position:absolute; right:-276px; top:-30px; box-shadow:0 0 7px rgba(0, 0, 0, 0.4); } .bankFounded .startYear { font-size:16px; color:#ff6633; font-weight:700; position:absolute; left:64px; top:-35px; } .branchesList { padding:27px 0; border-top:1px solid #e3e3e3; } .branchesList h2 { font-size:16px; color:#777; float:left; font-weight:400; width:153px; margin:7px 0 0 0; position:relative; padding-left:23px; } .branchesList h2 .icon { width:16px; height:22px; position:absolute; left:0; top:2px; margin-right:8px; } .branchesList h2 .branchesIcon { background-position:-271px 0; } .branchesList h2 .subsidiariesIcon { background-position:-288px 0; } .branchesList h2 .jointVenIcon { background-position:-305px 0; } .branchesList h2 .repOffIcon { background-position:-322px 0; } .branchesList ul { margin:0; padding:0 0 0 153px; list-style:none; } .branchesList ul li { float:left; width:33.333%; } .branchesList ul li a { display:block; color:#777; text-decoration:none; padding:9px 0; font-size:0.938em; } .branchesList ul li a:hover { color:#ff6633; } .branchesList .homeSprite { width:29px; height:20px; margin-right:8px; display:inline-block; vertical-align:middle; position:absolute; left:0; top:8px; } .branchesList .aus { background-position:-348px -188px; } .branchesList .bah { background-position:-319px -188px; } .branchesList .bahr { background-position:-145px -188px; } .branchesList .bel { background-position:-290px -188px; } .branchesList .chi { background-position:-261px -188px; } .branchesList .fi { background-position:-29px -188px; } .branchesList .hk { background-position:-203px -188px; } .branchesList .mau { background-position:-319px -166px; } .branchesList .rsa { background-position:0 -188px; } .branchesList .sey { background-position:-348px -166px; } .branchesList .sin { background-position:-58px -188px; } .branchesList .so { background-position:-116px -188px; } .branchesList .uae { background-position:-87px -188px; } .branchesList .uk { background-position:-174px -188px; } .branchesList .usa { background-position:-232px -188px; } .branchesList .bot { background-position:0 -166px; } .branchesList .gha { background-position:-29px -166px; } .branchesList .guy { background-position:-87px -166px; } .branchesList .ken { background-position:-174px -166px; } .branchesList .nz { background-position:-58px -166px; } .branchesList .tan { background-position:-145px -166px; } .branchesList .tt { background-position:-116px -166px; } .branchesList .uga { background-position:-203px -166px; } .branchesList .mal { background-position:-232px -166px; } .branchesList .zam { background-position:-261px -166px; } .branchesList .thai { background-position:-290px -166px; } .globalPresence .mapArea { margin:25px 0; } .globalPresence .mapArea h2 { text-align:center; margin-bottom:40px; } .globalPresence .map { position:relative; } .globalPresence .map .marker { width:10px; height:14px; display:block; cursor:pointer; } .globalPresence .map .orange { background-position:-346px 0; } .globalPresence .map .darkBlue { background-position:-358px 0; } .globalPresence .map .lightBlue { background-position:-370px 0; } .globalPresence .map .perpal { background-position:-381px 0; } .globalPresence .map .position { position:absolute; } .globalPresence .map .aus { right:115px; bottom:68px; } .globalPresence .map .bah { left:193px; top:190px; } .globalPresence .map .bel { left:363px; top:112px; } .globalPresence .map .chi { right:183px; top:179px; } .globalPresence .map .thai { left:576px; top:206px; } .globalPresence .map .zam { left:418px; top:259px; } .globalPresence .map .mal { left:571px; top:224px; } .globalPresence .map .uga { left:430px; top:225px; } .globalPresence .map .ken { left:441px; top:232px; } .globalPresence .map .tan { left:432px; top:243px; } .globalPresence .map .tt { left:223px; top:208px; } .globalPresence .map .guy { left:236px; top:224px; } .globalPresence .map .nz { right:67px; bottom:42px; } .globalPresence .map .gha { left:350px; top:220px; } .globalPresence .map .bot { left:408px; top:286px; } .globalPresence .map .usa { left:148px; top:144px; } .globalPresence .map .hk { right:189px; top:191px; } .globalPresence .map .uk { left:349px; top:101px; } .globalPresence .map .bahr { left:465px; top:176px; } .globalPresence .map .so { left:469px; top:193px; } .globalPresence .map .uae { left:476px; top:184px; } .globalPresence .map .sing { left:570px; top:238px; } .globalPresence .map .fi { right:57px; bottom:88px; } .globalPresence .map .rsa { left:401px; bottom:74px; } .globalPresence .map .sey { left:462px; bottom:126px; } .globalPresence .map .mau { left:474px; bottom:101px; } .globalPresence .map .gn { left: 514px;top: 188px; } .globalPresence .map .uksb {left: 339px; top: 101px;} .branchDetail { padding:16px; background:#fff; position:relative; box-shadow:0 0 8px rgba(0, 0, 0, 0.4); z-index:5; width:303px; position:absolute; right:-36px; bottom:30px; opacity:0; visibility:hidden; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .branchDetail.active { opacity:1; visibility:visible; } .branchDetail:after, .branchDetail:before { top:100%; right:30px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .branchDetail:after { border-color:rgba(255, 255, 255, 0); border-top-color:#ffffff; border-width:11px; margin-left:-11px; } .branchDetail:before { border-color:rgba(222, 222, 222, 0); border-top-color:#dedede; right:29px; border-width:13px; margin-left:-13px; } .branchDetail .close { width:27px; height:27px; background:#ff6633; border-radius:50%; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer; } .branchDetail .close .icon { display:block; background:url(../../images/close-white-icon.png) no-repeat center center; width:27px; height:27px; } .branchDetail .title { padding-bottom:8px; border-bottom:1px solid #cccccc; } .branchDetail .title .flag { float:left; } .branchDetail .title .titleCol { padding-left:55px; position:relative; top:-3px; } .branchDetail h3 { font-size:22px; color:#ff6633; font-weight:300; margin:0; line-height:25px; } .branchDetail h4 { font-size:14px; color:#777; font-weight:400; margin:0; } .branchDetail .address { font-size:13px; color:#777; margin:0; } .branchDetail .telephone, .branchDetail .contactDetail, .branchDetail .address { padding:8px 0; border-bottom:1px solid #cccccc; } .branchDetail .telephone { position:relative; } .branchDetail .telephone .isdCode { position:absolute; right:0; top:8px; font-size:13px; color:#777; } .branchDetail .telephone .isdCode .mark { font-weight:600; } .branchDetail .telephone .telTitle { font-size:13px; color:#777; font-weight:700; display:block; padding-bottom:4px; } .branchDetail .telephone ul { margin:0; padding:0; } .branchDetail .telephone ul li { display:block; font-size:13px; color:#777; } .branchDetail .telephone .leftText { float:left; width:70px; padding-right:10px; font-weight:600; } .branchDetail .telephone .rightText { padding-left:90px; } .branchDetail .contactDetail { margin:0; border:0; } .branchDetail .contactDetail li { display:block; font-size:13px; color:#777; } .branchDetail .contactDetail a { display:block; } .branchDetail .contactDetail .leftText { float:left; width:72px; padding-right:10px; font-weight:600; } .branchDetail .contactDetail .rightText { padding-left:72px; } .branchDetail .viewAll { padding-top:5px; display:block; background:url(../../images/left-nav-arrow-hover.png) no-repeat 0 12px; padding-left:20px; border-top:1px solid #cccccc; font-size:14px; } .records { float:left; } .records .txt, .records select { float:left; font-size:0.929em; line-height:1.615em; } .records .txt { margin-top:3px; } .records .goBtn { margin-left:7px; padding:3px 5px 1px; color:#fff; font-size:0.929em; line-height:1.231em; vertical-align:middle; } .records.go { float:right; } .paging { float:left; width:100%; padding:0; line-height:normal; text-align:center; margin-top:20px; } .paging table { width:auto; border:0; display:inline-block; vertical-align:middle; margin:0; float:none; } .paging table tr td { background:none; border:0; padding:0 3px; } .pagingbar { padding:10px 15px 8px; border:1px solid #dadada; background:#f1f2f2; } .pagingbar select { font-size:0.929em; padding:0; border:1px solid #bbb; background:#fff; width:auto; height:26px; min-width:50px; } .pagingbar .txt { font-size:14px; margin:0; padding-right:10px; line-height:30px; } .pagingbar span.customSelect { height:34px; line-height:32px; } .pagingbar .customSelectOuter { float:left; width:80px; } .photoAlbumList, .photoList { margin:20px -8px; padding:0; } .photoAlbumList li, .photoList li { width:25%; float:left; padding:8px; list-style:none; } .photoAlbumList .galleryBox { position:relative; } .photoAlbumList .galleryBox a { text-decoration:none; } .photoAlbumList .imageHolder input, .photoAlbumList .imageHolder img { width:100%; height:186px; display:block; } .photoAlbumList .galleryBox h2 { padding:10px; background:#383838; margin:0; transition:all 0.6s ease 0ms; -webkit-transition:all 0.6s ease 0ms; font-weight:400; font-size:15px; color:#fff; height:65px; overflow:hidden; } .photoAlbumList .galleryBox h2 a { font-weight:400; font-size:15px; color:#fff; text-decoration:none; display:block; height:41px; overflow:hidden; line-height:20px; } .photoAlbumList .galleryBox h2:hover { background:#ff6633; } .photoAlbumList .galleryBox h2:hover a { text-decoration:underline; } .photoAlbumList .albumDescription { padding:15px; overflow:hidden; background:rgba(0, 0, 0, 0.7); position:absolute; top:10px; left:10px; bottom:10px; right:10px; text-align:center; opacity:0; -webkit-transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -ms-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out; } .photoAlbumList .albumDescription h3 { margin:0; padding:0; font-weight:400; line-height:21px; font-size:15px; } .photoAlbumList li:hover .albumDescription { opacity:1; } .photoAlbumList .albumDescription a { color:#fff; text-decoration:none; } .photoAlbumList .albumDescription .fa { font-size:30px; color:#fff; display:block; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; margin-bottom:5px; } .photoAlbumList .albumDescription a:hover, .photoAlbumList .albumDescription h3:hover .fa { color:#fff; text-decoration:underline; } .photoGallery, .videoGallery { position:relative; } .photoGallery .backBtn, .videoGallery .backBtn { position:absolute; right:0; top:0; } .photoGallery .backBtn .button, .videoGallery .backBtn .button { font-weight:400; padding:8px 15px; } .photoGallery .albumTitle { font-size:1.4em; margin-bottom:15px; padding-bottom:10px; padding-right:160px; } .photoList .galleryBox { position:relative; } .photoList .albumDescription { padding:15px; background:rgba(0, 0, 0, 0.8) url(../../images/zoom-icon.png) no-repeat center center; ; position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; opacity:0; -webkit-transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -ms-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out; } .photoList .albumDescription h3 { margin:0; padding:0; font-weight:400; line-height:21px; text-transform:uppercase; font-size:16px; letter-spacing:2px; } .photoList .galleryBox a { color:#fff; text-decoration:none; } .photoList li:hover .albumDescription { opacity:1; } .photoList .albumDescription .fa { font-size:42px; color:#fff; display:block; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; margin-bottom:5px; } .photoList .albumDescription .middle:hover, .photoList .albumDescription .middle:hover .fa { color:#f0bb39; } .photoList .albumDescription .photoName { transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .photoAlbumList .totalVideos { color:#fff; display:block; letter-spacing:0; text-transform:none; } .photoList .videoSize, .photoList .videoTime { display:block; color:#fff; } .videoPlayArea .control .prev, .videoPlayArea .control .next { display:none; } .loanTypeList { margin:0; padding:0; list-style:none; } .loanTypeList li { float:left; width:25%; text-align:center; position:relative; overflow:hidden; } .loanTypeList li.titleLarge .box { min-height:265px; } .loanTypeList li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:45px; bottom:45px; content:""; z-index:1; } .loanTypeList li:before { width:215px; height:1px; background:#e0e0e0; position:absolute; left:35px; bottom:0; content:""; z-index:1; } .loanTypeList li:last-child:before { display:none; } .loanTypeList li:nth-child(4n+4):after { display:none; } .loanTypeList li a { text-decoration:none; position:relative } .loanTypeList .box { position:relative; display:block; padding:45px 20px; height:242px; min-height:242px; overflow:hidden; } .careerTopNav .loanTypeList .box { height:262px; min-height:262px; } .loanTypeList .title { font-size:14px; color:#3f3f3f; font-weight:700; margin-bottom:0; padding:13px 0; display:inline-block; position:relative; line-height:24px; } .loanTypeList .title:after { width:0; height:3px; content:""; position:absolute; left:50%; bottom:10px; background:#fff; } .loanTypeList .title a { color:#3f3f3f; } .loanTypeList .text { padding:0; font-size:14px; margin:0; display:block; color:#555; } .loanTypeList .icon { width:65px; height:55px; display:block; margin:0 auto; position:relative; } .loanTypeList .icon1 { background-position:0 -284px; } .loanTypeList .icon2 { background-position:-65px -284px; } .loanTypeList .icon3 { background-position:-130px -284px; } .loanTypeList .icon4 { background-position:-195px -284px; } .loanTypeList .icon5 { background-position:-260px -284px; } .loanTypeList .icon6 { background-position:-325px -284px; } .loanTypeList .icon7 { background-position:-390px -284px; } .loanTypeList .icon8 { background-position:-455px -284px; } .loanTypeList .icon9 { background-position:-520px -284px; } .loanTypeList .icon10 { background-position:0 -396px; } .loanTypeList .icon11 { background-position:-65px -396px; } .loanTypeList .icon12 { background-position:-130px -396px; } .loanTypeList .icon13 { background-position:-195px -396px; } .loanTypeList li, .loanTypeList .box, .loanTypeList h3, .loanTypeList h3:after, .loanTypeList p, .loanTypeList .explore, .loanTypeList .icon, .loanTypeList .preparedCardLink, .loanTypeList .title:after { -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .loanTypeList li:hover .icon1 { background-position:0 -339px; } .loanTypeList li:hover .icon2 { background-position:-65px -339px; } .loanTypeList li:hover .icon3 { background-position:-130px -339px; } .loanTypeList li:hover .icon4 { background-position:-195px -339px; } .loanTypeList li:hover .icon5 { background-position:-260px -339px; } .loanTypeList li:hover .icon6 { background-position:-325px -339px; } .loanTypeList li:hover .icon7 { background-position:-390px -339px; } .loanTypeList li:hover .icon8 { background-position:-455px -339px; } .loanTypeList li:hover .icon9 { background-position:-520px -339px; } .loanTypeList li:hover .icon10 { background-position:0 -451px; } .loanTypeList li:hover .icon11 { background-position:-65px -451px; } .loanTypeList li:hover .icon12 { background-position:-130px -451px; } .loanTypeList li:hover .icon13 { background-position:-195px -451px; } .loanTypeList .explore, .accountSubNav .explore, .depositsSubNav .explore, .nriLoanTypeList .explore, .financialReportList .explore { background:#fff url(../../images/ar-verm.png) no-repeat 82% center; color:#ff6633; font-weight:700; padding:0 50px 0 25px; line-height:37px; text-transform:uppercase; display:inline-block; opacity:0; visibility:hidden; transform:translateY(40px); -webkit-transform:translateY(40px); position:absolute; left:50%; margin-left:-73px; bottom:0; border:1px solid #ff6633; } .hindiDoc .loanTypeList .explore, .hindiDoc .accountSubNav .explore, .hindiDoc .depositsSubNav .explore, .hindiDoc .nriLoanTypeList .explore, .hindiDoc .financialReportList .explore { margin-left:-88px; } .loanTypeList .explore:hover, .accountSubNav .explore:hover, .depositsSubNav .explore:hover, .nriLoanTypeList .explore:hover, .financialReportList .explore:hover { background:#ff6633 url(../../images/ar.png) no-repeat 85% center; color:#fff; border-color:#fff; } .financialReportList .explore { bottom:-20px; } .loanTypeList li:hover .box { background:#ff6633; padding:15px 20px 75px 20px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.15) } .loanTypeList li:hover:after, .loanTypeList li:hover:before { opacity:0; } .loanTypeList li:hover .title { padding:9px 0 17px 0; } .loanTypeList li:hover .title:after { width:100%; left:0; } .loanTypeList li:hover .title a, .loanTypeList li:hover .title { color:#fff; } .loanTypeList li:hover .text { color:#fff; } .loanTypeList li:hover .explore { opacity:1; visibility:visible; transform:translateY(-25px); -webkit-transform:translateY(-25px); } .loanTypeList .preparedCardLink { opacity:0; visibility:hidden; transform:translateY(50px); -webkit-transform:translateY(50px); position:absolute; left:0; text-align:center; bottom:0; width:100%; } .loanTypeList li:hover .preparedCardLink { opacity:1; visibility:visible; transform:translateY(-20px); -webkit-transform:translateY(-20px); } .loanTypeList .preparedCardLink a.explore { position:static; margin:0; width:auto; padding:0 35px 0 15px; background:#fff url(../../images/ar-verm.png) no-repeat 93% center; transform:translateY(0); -webkit-transform:translateY(0); } .loanTypeList .preparedCardLink a.explore:hover { text-decoration:none; background:#ff6633 url(../../images/ar.png) no-repeat 93% center; color:#fff; } .debitCard .row { margin-bottom:25px; position:relative; min-height:553px; } .debitCard .keyFeatures { float:right; position:relative; z-index:2; } .debitCard .row:nth-child(even) .keyFeatures { float:left; } .debitCard .keyFeatures .button { padding:8px 10px; font-size:14px; } .debitCard .keyFeatures ul { margin:0 0 30px 0; padding:0; list-style:none; } .debitCard .keyFeatures ul li { font-weight:600; font-size:14px; } .debitCard .keyFeatures .button { text-transform:uppercase; } .debitCard .otherBenefits { float:left; position:relative; } .debitCard .otherBenefits .box { z-index:9; position:absolute; left:-100%; top:0; background:#fff; box-shadow:0 0 7px rgba(0, 0, 0, 0.2); padding:15px; width:430px; opacity:0; visibility:hidden; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s } .debitCard .otherBenefits .box.animated { opacity:1; visibility:visible; left:0; } .debitCard .otherBenefits .box:after { width:0; position:absolute; right:-12px; top:50%; content:""; margin-top:-10px; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid #fff; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s } .debitCard .row:nth-child(even) .otherBenefits .box:after { right:auto; left:-12px; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #fff; border-left:0; } .debitCard .row:nth-child(even) .otherBenefits .box { left:auto; right:-100%; } .debitCard .row:nth-child(even) .otherBenefits .box.animated { left:auto; right:0; } .debitCard .otherBenefits .box .close { width:27px; height:27px; background:#ff6633; border-radius:50%; text-align:center; position:absolute; right:-10px; top:-10px; cursor:pointer; } .debitCard .otherBenefits .box .close .icon { display:block; background:url(../../images/close-white-icon.png) no-repeat center center; width:27px; height:27px; } .debitCard .otherBenefits .box ul li { font-size:14px; font-weight:600; background-position:left 6px; } .debitCard .benefitsBtn { position:relative; background-color:#f5f5f5; text-decoration:none; color:#ff6633; font-size:16px; font-weight:700; display:inline-block; padding:14px 25px; -webkit-transition:350ms ease; transition:350ms ease; box-shadow:0 0 7px rgba(0, 0, 0, 0.2); } .debitCard .benefitsBtn:after { width:0; position:absolute; right:-12px; top:50%; content:""; margin-top:-10px; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid rgba(255, 255, 255, 0.80); -webkit-transition:350ms ease; transition:350ms ease } .debitCard .benefitsBtn:hover { background:#ff6633; color:#fff; } .debitCard .benefitsBtn .icon { width:31px; height:31px; display:inline-block; vertical-align:middle; border-radius:50%; background:#ff6633; color:#fff; text-align:center; line-height:31px; font-size:26px; font-weight:300; margin-right:18px; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; } .debitCard .benefitsBtn:hover .icon { background:#fff; color:#ff6633 } .debitCard .benefitsBtn:hover:after { border-left-color:#ff6633; } .debitCard .row .imgHolder { position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1; } .debitCard .row:nth-child(even) .imgHolder { right:0; } .debitCard .row:nth-child(even) .otherBenefits { float:right; } .debitCard .row:nth-child(even) .benefitsBtn:after { left:-12px; right:auto; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid rgba(255, 255, 255, 0.80); border-left:0; } .debitCard .row:nth-child(even) .benefitsBtn:hover:after { border-right-color:#ff6633; } .debitCard .row.visaCard .keyFeatures { padding-top:92px; } .debitCard .row.visaCard .imgHolder { background:url(../../images/visa-electron-card-bg.png) no-repeat center bottom; } .debitCard .row.visaCard .benefitsBtn { margin:160px 0 0 148px; } .debitCard .row.visaCard .otherBenefits .box { top:34%; } .debitCard .row.visaCardNew .imgHolder { background:url(../../images/visa-electron-card-bg-visacardnew.png) no-repeat center bottom; } .debitCard .row.visaCardNew .benefitsBtn { margin:90px 0 0 135px; } .debitCard .row.visaCardNew .otherBenefits .box { top:34%; } .debitCard .row.rupayCard .imgHolder { background:url(../../images/rupay-card-bg.png) no-repeat center center; } /***RuPay Select Debit Card***/ .debitCard .row.selectDebitCard .imgHolder { background:url(../../images/rupay-select-debit-card.png) no-repeat center center; }.debitCard .row.rupayCard .keyFeatures { width:320px; padding-top:48px; } /***visaPlatinum***/ .debitCard .row.visaPlatinum .imgHolder { background:url(../../images/visaPlatinumDebitCard.png) no-repeat center center; }/***vyapaarBusinessCard**/ .debitCard .row.vyapaarBusinessCard .imgHolder { background:url(../../images/baroda-visa-vyapaar-business-debit-card.png) no-repeat center center; } .debitCard .row.rupayCard .keyFeatures { width:320px; padding-top:48px; } .debitCard .row.rupayCardNew .imgHolder { background:url(../../images/rupay-card-bg-rupaycardnew.png) no-repeat center center; } .debitCard .row.rupayCard .keyFeatures { width:320px; padding-top:48px; } .debitCard .row.rupayCard .benefitsBtn { margin:140px 137px 0 0; } .debitCard .row.rupayCard .otherBenefits .box { top:2%; width:405px; } .debitCard .row.platinumCard .imgHolder { background:url(../../images/master-platinum-card-bg.jpg) no-repeat left bottom; } .debitCard .row.platinumCard .keyFeatures { padding-top:126px; } .debitCard .row.platinumCard .benefitsBtn { margin:165px 0 0 212px; } .debitCard .row.platinumCard .otherBenefits .box { top:29%; } .debitCard .row.classicCard .imgHolder { background:url(../../images/rupay-classic-card-bg.png) no-repeat center bottom; } .debitCard .row.classicCard .keyFeatures { padding-top:59px; width:320px; } .debitCard .row.classicCard .benefitsBtn { margin:167px 149px 0 0; } .debitCard .row.mstClassicCard .imgHolder { background:url(../../images/master-classic-card-bg.png) no-repeat center 75%; } .debitCard .row.mstClassicCard .keyFeatures { padding-top:100px; width:350px; } .debitCard .row.EMVChipCard { min-height:483px; } .debitCard .row.EMVChipCard .imgHolder { background:url(../../images/VISA-EMV-chip-card-bg.png) no-repeat center 27px; left:auto; right:-70px; } .debitCard .row.EMVChipCard .keyFeatures { padding-top:69px; } .debitCard .row.EMVChipCard .benefitsBtn { margin:167px 83px 0 0; } .debitCard .row.EMVChipCard .otherBenefits .box { top:19%; width:410px; } .debitCard .cardUseBtn { color:#ff6633; font-size:16px; font-weight:600; border:2px solid #ff6633; display:inline-block; text-decoration:none; padding:10px 20px; position:absolute; right:260px; bottom:-30px; } .debitCard .cardUseBtn:hover { color:#fff; background:#ff6633; } .cardUser { padding-top:50px; margin-top:90px; border-top:1px solid #d8d8d8; } .cardUser h2 { margin-bottom:0; } .cardUser .leftCol, .cardUser .rightCol { float:left; } .cardUser .leftCol { border-right:4px solid #ff6633; width:42%; } .cardUser .rightCol { padding-left:35px; width:58%; } .cardUser p { margin:0; } .cardUser p.phoneNo { color:#ff6633; font-size:18px; } .cardUser p.phoneNo span { color:#666; font-weight:600; } .cardUser .contactDetail { padding-left:100px; margin-top:30px; position:relative; } .cardUser .contactDetail div { display:inline-block; vertical-align:top; padding-right:35px; } .cardUser .contactDetail .icon { position:absolute; left:0; top:0; width:69px; height:69px; border-radius:50%; background:#ededee; } .cardUser .contactDetail .sprite { background-position:-303px -22px; width:69px; height:69px; display:block; } .cardUser .rightLinks { margin:0; padding:0; } .cardUser .rightLinks li { display:inline-block; text-align:center; padding:0 20px; vertical-align:middle; } .cardUser .rightLinks li:last-child { padding-right:0; } .cardUser .rightLinks a { color:#666; text-decoration:none; font-size:16px; font-weight:700; text-align:center; display:block; position:relative; } .cardUser .rightLinks a:after { width:0; height:2px; content:""; position:absolute; left:50%; bottom:-10px; background:#ff6633; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .cardUser .rightLinks a:hover:after { left:0; width:94px; } .cardUser .rightLinks li:first-child a:after { margin-left:6px; } .cardUser .rightLinks li:nth-child(2) a:after { margin-left:16px; } .cardUser .rightLinks li:nth-child(3) a:after { margin-left:30px; } .cardUser .rightLinks li:nth-child(4) a:after { margin-left:-10px; } .cardUser .rightLinks .title { font-size:16px; font-variant:700; } .cardUser .rightLinks .icon { width:69px; height:69px; border-radius:50%; background:#ededee; display:block; margin:0 auto 10px auto; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; overflow:hidden; } .cardUser .rightLinks .sprite { width:69px; height:69px; display:block; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .cardUser .rightLinks .icon1 { background-position:-390px -27px; } .cardUser .rightLinks .icon2 { background-position:-392px -97px; } .cardUser .rightLinks .icon3 { background-position:-384px -170px; } .cardUser .rightLinks .icon4 { background-position:-802px 0; } .cardUser .rightLinks li a:hover .icon { background:#ff6633; } .cardUser .rightLinks li a:hover .icon1, .wob .cardUser .rightLinks .icon1 { background-position:-460px -27px; } .cardUser .rightLinks li a:hover .icon2, .wob .cardUser .rightLinks .icon2 { background-position:-460px -97px; } .cardUser .rightLinks li a:hover .icon3, .wob .cardUser .rightLinks .icon3 { background-position:-460px -170px; } .cardUser .rightLinks li a:hover .icon4, .wob .cardUser .rightLinks .icon4 { background-position:-872px 0; } .debitCard .bottomCardLinks { padding:40px 0 0 0; border-top:1px solid #d8d8d8; margin-top:60px; } .debitCard .bottomCardLinks ul { list-style:none; margin:0 -7px; padding:0; } .debitCard .bottomCardLinks li { float:left; width:25%; padding:0 7px; } .debitCard .bottomCardLinks li a { background:#ededee; color:#666; font-size:16px; font-weight:600; position:relative; padding:10px 10px 10px 80px; display:block; text-decoration:none; line-height:24px; min-height:68px; } .debitCard .bottomCardLinks li a:hover { background:#ff6633; color:#fff; } .debitCard .bottomCardLinks li .icon { position:absolute; left:0; top:0; width:69px; height:69px; } .debitCard .bottomCardLinks li .icon1 { background-position:-273px -400px; } .debitCard .bottomCardLinks li .icon2 { background-position:-350px -396px; } .debitCard .bottomCardLinks li .icon3 { background-position:-429px -397px; } .debitCard .bottomCardLinks li .icon4 { background-position:-188px -892px; } .debitCard .bottomCardLinks li a:hover .icon1, .wob .debitCard .bottomCardLinks li .icon1 { background-position:-273px -456px; } .debitCard .bottomCardLinks li a:hover .icon2, .wob .debitCard .bottomCardLinks li .icon2 { background-position:-350px -452px; } .debitCard .bottomCardLinks li a:hover .icon3, .wob .debitCard .bottomCardLinks li .icon3 { background-position:-429px -453px; } .debitCard .bottomCardLinks li a:hover .icon4, .wob .debitCard .bottomCardLinks li .icon4 { background-position:-188px -953px; } .advancedSearch { text-align:left; max-width:800px; margin:0 auto; width:100%; box-shadow:0 0 5px #ccc; padding:20px; } .advancedSearch .pagingNo ul { margin:10px 0 0; padding:0; list-style:none; } .advancedSearch .pagingNo ul li { float:left; } .advancedSearch .pagingNo ul li span { float:left; padding:0 2px; } .advancedSearch .pagingNo input { background:#094174; border-radius:3px; color:#fff; font-size:0.857em; margin:0 2px; height:25px; width:25px; float:left; } .advancedSearch .pagingWrapper { text-align:center; } .advancedSearch .totalResult { margin-bottom:10px; } .advancedSearch input[type="text"] { width:320px; } .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 { margin-bottom:10px; display:inline-block; font-size:16px; } .advancedSearch label { margin-right:5px; } .advancedSearch hr { margin:10px 0 18px 0; } .advancedSearch .dateRange { margin-bottom:30px; } .advancedSearch .dateRange .formGroup { width:50%; float:left; } .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; } .advancedSearch .ui-datepicker-trigger { top:-10px; } .advancedSearch .buttons { margin-top:20px; } .moduleSearch { border:1px solid #e6e6e6; background:#f6f6f6; padding:10px 15px; } .moduleSearch li { float:left; width:auto; list-style:none; padding-right:10px; } .moduleSearch li .advSchFilterCheckbox { margin:6px 0 0 0; display:inline-block; vertical-align:top; font-weight:400; } .moduleSearch li:last-child, .moduleSearch.sebiSearch li:last-child { width:auto; padding-right:0; } .moduleSearch li label, .moduleSearch li .label { font-size:14px; padding:0 10px 0 0; display:inline-block; vertical-align:middle; font-weight:600; } .moduleSearch li .inputCol { display:inline-block; position:relative; width:118px; vertical-align:middle; } .moduleSearch li .inputCol .note { position:absolute; left:0; bottom:0; } .moduleSearch li:first-child .inputCol { width:153px; } .moduleSearch li .customSelectOuter { cursor:pointer; } .moduleSearch li .customSelectOuter select { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; background:transparent; } .moduleSearch li .customSelectOuter select::-ms-expand { display:none; } .moduleSearch li .customSelect { height:40px !important; padding:11px 40px 0 10px; line-height:18px; } .moduleSearch li .btnSearchReset input { line-height:36px; padding:0 18px; margin:0 7px 0 0; } .moduleSearch.eventSearch li { width:auto; } .moduleSearch input[type="text"] { height:40px; background:#fff; font-size:13px; } .moduleSearch li .btnSearchReset .resetBtn { background:#555; border-color:#555; margin:0; } .moduleSearch li .btnSearchReset .resetBtn:hover { background:#fff; color:#555; } .moduleSearch li select:disabled { background:#e6e6e6 url(../../images/drop-select-arrow-inactive.png) right center no-repeat; } .advSearchFilter .moduleSearch li { padding-right:20px; } .moduleSearch .customSelectInner { height:21px; font-size:13px; } .hasJS .moduleSearch select.customSelect option { font-size:13px; } .editProTable { margin-bottom:10px; } .editProTable td { vertical-align:top; } .addMore .fa { margin-right:10px; } .tenderFilter { padding:20px; } .tenderFilter li { width:50%; margin-bottom:10px; } .tenderFilter.tenderFilterReg li { width:20%; } .tenderFilter.corporate li { width:21%; } .tenderFilter label, .moduleSearch.sebiSearch .label { display:block; margin-bottom:5px; } .tenderFilter li .inputCol, .tenderFilter li:first-child .inputCol, .moduleSearch.sebiSearch .inputCol, .moduleSearch.sebiSearch li:first-child .inputCol { width:100%; } .tenderFilter li:last-child { width:auto; padding-right:0; margin:0; } .tenderFilter .btnSearchReset { margin-top:28px; } .tenderFilter.tenderFilterReg .btnSearchReset { margin-top:10px; } .moduleSearch.sebiSearch .btnSearchReset { margin-top:27px; } .moduleSearch.sebiSearch li { width:26%; } .commonListing { list-style:outside none none; padding:0; } .commonListing .thumbListRow { position:relative; } .commonListing li { padding:10px 15px; border-bottom:1px solid #f1f1f1; position:relative; } .commonListing li:nth-child(even) { background:#f5f5f5; } .commonListing li a { text-decoration:none; } .commonListing li:hover a { text-decoration:underline; } .commonListing li .size, .fileSize { font-size:0.813em; } .commonListing .thumbDate { color:#555; display:block; margin-bottom:5px; font-size:14px; } .commonListing li:hover .thumbDate { color:#666; } .commonListing li:hover .thumbListRow:after { height:100%; top:0; } .tenderListing p { margin-bottom:5px; } .tenderListing li a { margin-bottom:10px; display:block; } .commonListing .viewMore { text-decoration:underline; } .gridListing { list-style:none; padding:0; } .gridListing li { padding:15px 15px 15px 50px; border-bottom:1px solid #d3d3d3; background:url(../../images/bullet-arrow.png) no-repeat 15px 22px; } .gridListing li:nth-child(even) { background-color:#f6f6f6; } .gridListing li a { text-decoration:none; } .gridListing li a:hover { text-decoration:underline; } .gridListing li .size, .fileSize, { font-size:13px; } .gridListing .thumbDate, .gridListing li .source { color:#555; display:block; font-size:0.875em; font-weight:600; } .gridListing .thumbDate { margin-bottom:10px; } .gridListing li .source { margin-bottom:0; } .gridListing li:hover .thumbDate { color:#666; } .pagingNo { float:right; } .pagingNo ul { margin:0; padding:0; list-style:none; } .pagingNo ul li { display:inline-block; margin:0; } .pagingNo ul li a, .pagingNo ul li input, .paging input { text-decoration:none; color:#666; font-size:16px; display:inline-block; padding:2px 9px; border:0; background:none; font-weight:400; line-height:21px; } .pagingNo ul li.current { padding:2px 9px; background:#ff6633; color:#fff; } .pagingNo ul li input.prevBtn, .paging input.prevBtn { padding:2px 10px 2px 25px; } .pagingNo ul li input.nextBtn, .paging input.nextBtn { padding:2px 25px 2px 9px; } .pagingNo ul li input.prevBtn:hover, .pagingNo ul li input.nextBtn:hover, .paging input.prevBtn:hover, .paging input.nextBtn:hover { color:#ff6633; } .pagingNo ul li input.prevBtn.aspNetDisabled, .pagingNo ul li input.nextBtn.aspNetDisabled, .paging input.prevBtn.aspNetDisabled, .paging input.nextBtn.aspNetDisabled { opacity:0.4; } .pagingNo ul li input.prevBtn.aspNetDisabled:hover, .pagingNo ul li input.nextBtn.aspNetDisabled:hover, .paging input.prevBtn.aspNetDisabled:hover, .paging input.nextBtn.aspNetDisabled:hover { color:#666; } .pagingWrapper { display:table; width:100%; margin-bottom:0; margin-top:25px; } .pagingWrapper .pagingCount { float:left; } .officesBranches h2 span { color:#737373; font-weight:400; font-size:16px; } .officesBranches .officesTab { margin-bottom:20px; } .officesBranches .officesTab p { margin:0 0 5px 0; } .officesBranches .officesTab .label { font-weight:600; } .officesBranches .officeMap { width:100%; margin-top:20px; } .officesBranches .officeMap #content { padding:0; font-size:15px; min-height:inherit; } .officesBranches .tableData th:last-child, .officesBranches .tableData td:last-child { width:150px; text-align:center; } .officesBranches .tableData tr.total td { color:#ff6633; font-weight:600; } .tenderDetail h2 { font-weight:600; font-size:20px; line-height:27px; margin-bottom:25px; } .tenderDetailTable { font-size:14px; width:390px; } .tenderDetailTable td, .tenderDetailTable tr:nth-child(2n+1) td { padding:0; } .tenderDetailTable div { padding:10px; border-bottom:1px solid #d7d7d7; position:relative; } .tenderDetailTable div:after { width:1px; height:100%; position:absolute; left:190px; top:0; content:""; background:#d7d7d7; } .tenderDetailTable div:last-child { border:0; } .tenderDetailTable .label { font-weight:600; width:180px; float:left; margin-right:20px; } .tenderDetailTable .val { font-weight:600; color:#ff6633; } .tenderDetail .tenderDes { margin:20px 0; color:#666; font-size:16px; } .tenderDocTable { margin:0; } .tenderDocTable th { text-align:left; } .tenderDocTable th:last-child { width:130px; } .tenderdocList { margin:0; padding:0; list-style:none; } .tenderdocList li { padding:5px 0; } .cols2 { float:left; width:50%; } .awardList .awardRow { padding:35px 0; border-bottom:1px solid #ddd; } .awardList .awardRow:last-child { border:0; } .awardList .awardImg { float:right; text-align:right; width:23%; } .awardList .awardImg img { border:1px solid #d3d3d3; width:auto; } .awardList .boxContent { float:left; width:77%; padding-right:30px; } .awardList h2 { font-size:1.188em; font-weight:600; } .importantLinks .col2 { float:left; width:50%; } .importantLinks ul.bulletText li, .groupWebsitesLink ul.bulletText li, .loginPopup ul.bulletText li, .loginPage ul.bulletText li { font-weight:600; font-size:16px; margin:10px 0; } .importantLinks ul.bulletText li span, .groupWebsitesLink ul.bulletText li span, .loginPopup ul.bulletText li span, .loginPage ul.bulletText li span { display:block; font-weight:400; } .importantLinks ul.bulletText li a, .loginPopup ul.bulletText li a, .loginPage ul.bulletText li a { text-decoration:none; } .importantLinks ul.bulletText li a:hover, .loginPopup ul.bulletText li a:hover, .loginPage ul.bulletText li a:hover { text-decoration:underline; } .atmFilter { border:1px solid #d9d9d9; margin-bottom:10px; position:relative; } .atmFilter .listAson { position:absolute; right:0; top:-44px; margin:0; font-size:14px; color:#464646; } .atmFilter .topRow { background:#f1f2f2; padding:20px; } .atmFilter .topRow ul { padding:0; margin:0 -10px; list-style:none; } .atmFilter .topRow ul li { padding:0 10px; } .atmFilter .box { padding:20px; } .atmFilter .checkboxList { float:left; width:25%; margin:0; padding:0; list-style:none; } .atmFilter .checkboxList li { margin-bottom:10px; padding-right:30px; } .atmFilter .buttonRow { float:left; width:100%; text-align:right; } .atmFilter .buttonRow .button { padding:9px 30px; } .atmListing .heading { margin-bottom:0; } .atmListing .atmLocation { font-size:16px; font-weight:600; } .atmListing > ul { margin:0 -40px; padding:0; list-style:none; } .atmListing > ul > li { float:left; width:33.333%; } .atmListing .box { padding:40px; position:relative; } .atmListing .box:after, .atmListing .box:before { background:#ccc; position:absolute; content:""; } .atmListing .box:after { width:1px; top:0; bottom:0; right:0; } .atmListing .box:before { height:1px; left:0; bottom:0; right:0; } .atmListing > ul > li:first-child .box:after, .atmListing > ul > li:nth-child(2) .box:after, .atmListing > ul > li:nth-child(3) .box:after { top:40px; } .atmListing > ul > li:nth-child(3n) .box:after { display:none; } .atmListing > ul > li:nth-child(3n) .box:before { right:40px; } .atmListing > ul > li:first-child .box:before, .atmListing > ul > li:nth-child(3n + 1) .box:before { left:40px; } .atmListing > ul > li:nth-last-child(-n+3) .box:before { display:none; } .atmListing > ul > li:nth-last-child(-n+3) .box:after { bottom:40px; } .atmListing h3, .atmPopupBox h3 { color:#ff6633; font-size:16px; font-weight:700; margin:0; } .atmListing h4, .atmPopupBox h4 { color:#3f3f3f; font-size:18px; font-weight:700; margin-bottom:10px; } .atmListing h4 span, .atmPopupBox h4 span { font-size:15px; font-weight:400; } .atmListing .address, .atmPopupBox p { padding:10px 0; margin:0; color:#3f3f3f; font-size:14px; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7; } .atmListing .detailList, .atmPopupBox ul { margin-top:15px; padding:0; list-style:none; } .atmListing .detailList li, .atmPopupBox ul li { font-size:14px; color:#3f3f3f; float:left; width:100%; padding:2px 0; } .atmListing .detailList .label, .atmPopupBox li .label { position:relative; float:left; width:130px; } .atmListing .detailList .label:after, .atmPopupBox li .label:after { content:":"; position:absolute; right:12px; top:0; } .atmListing .detailList .value, .atmPopupBox li value { padding-left:130px; } .atmLocatorMap { width:100%; height:485px; border:1px solid #d9d9d9; } .atmLocatorMap #content { padding:0; } .atmPopupBox { width:250px !important; } .atmPopupBox p { border:0; padding:0; font-weight:400; } .atmPopupBox ul { margin-bottom:0; } .atmPopupBox ul li { font-weight:400; padding:6px 0; } .atmPopupBox li .label { width:60px; } .atmPopupBox li value { padding-left:60px; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position:absolute; left:-9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position:relative; padding-left:28px; font-size:0.938em; color:#464646; padding-bottom:0; line-height:20px; cursor:pointer; } [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content:''; position:absolute; left:0; top:1px; width:19px; height:19px; border:1px solid #dadada; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content:''; position:absolute; top:1px; left:0; transition:all .2s; background:url(../../images/checkbox-bg.png) no-repeat 1px 0; width:19px; height:19px; } [type="checkbox"]:not(:checked) + label:after { opacity:0; transform:scale(0); } [type="checkbox"]:checked + label:after { opacity:1; transform:scale(1); } .feedbackForm { margin:0 auto; max-width:900px; padding:20px; box-shadow:0 0 5px #ccc; } .feedbackForm .fieldsRequired { text-align:right; margin-top:20px; } .feedbackForm ul { margin:0 -10px; padding:0; } .feedbackForm ul li { margin:0 0 20px 0; list-style:none; width:100%; float:left; } .feedbackForm .fieldCol { padding:0 10px; float:left; width:50%; } .feedbackForm .fieldCol.fieldColWide { width:100%; } .captchaBox { position:relative; padding-right:180px; } .captchaBox .captchaImgBox { position:absolute; right:0; top:0; width:173px; } .captchaBox .captchaImgBox .refreshCaptcha { position:absolute; right:3px; top:7px; } .captchaBox .fa-refresh { font-size:20px; color:#404e7f; margin-left:6px; } .applicationForm .box { margin-left:20px; } .applicationForm .box p { margin-bottom:5px; } .faqRow { display:inline-block; margin-top:10px; width:100%; } .faqRow .q, .faqRow .a { float:left; position:relative; width:100%; } .faqRow .a { padding:6px 0 0 65px; } .faqRow .a ul.bulletText:last-child, .faqRow .a p:last-child { margin-bottom:0; } .faqRow .q .lbl, .faqRow .q .arrow { background-color:#ff6633; } .faqRow .a .lbl, .faqRow .a .arrow { background-color:#cdcdcd; color:#393939; } .faqRow .lbl { color:#ffffff; height:30px; left:0; line-height:30px; position:absolute; text-align:center; top:0; width:30px; } .faqRow .q .arrow, .faqRow .a .arrow { height:10px; left:22px; position:absolute; top:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); width:10px; z-index:1; } .faqRow .q p { color:#393939; font-size:16px; padding-top:3px; line-height:22px; font-weight:600; } .faqRow .a p { margin-bottom:10px; } .faqSearchWrap { position:relative; padding:20px 135px 20px 20px; background:#f1f1f1; margin-bottom:30px; min-height:93px; } .faqSearchWrap .faqInputWrap { position:relative; } .faqSearchWrap .categoryDrop { width:300px; position:absolute; left:48px; top:0; z-index:1; } .faqSearchWrap .categoryDrop .customSelect, .faqSearchWrap .categoryDrop .customSelect select { border-bottom:0; border-top:0; border-right:0; height:48px; line-height:48px; } .faqSearchWrap .faqInputWrap input[type=text] { height:48px; line-height:48px; border:0; } .faqSearchWrap .faqInputIcon { width:48px; height:48px; float:left; position:absolute; left:0; top:0; background:#fff url(../../images/faqs-search-icon.jpg) center center } .faqSearchWrap .faqSearchInput { width:100%; border:1px solid #e3e3e3; } .faqSearchWrap .faqSearchInput .ui-helper-hidden-accessible { position:absolute; bottom:-23px; } .faqSearchWrap .bannerFaqLink { text-align:right; margin-top:5px; display:block; } .faqSearchBtn { position:absolute; right:20px; top:20px; } .faqPageDetail .categoryBox { position:relative; width:300px; position:absolute; right:0; top:0; } .faqPageDetail .categoryBox label { font-weight:600; font-size:16px; } .faqPageDetail { position:relative; } .faqPageDetail .selectCategory .label { display:block; font-size:15px; padding-bottom:5px; } .economicSenarioLimks .bulletText > li { margin:8px 0; } .faqRow .q .queMark { color:#fff; font-size:19px; font-weight:600; float:left; position:absolute; left:0; top:0; z-index:1; padding:5px 0 0 13px; width:50px; } .faqRow .q .queMark:before, .faqRow .a:before { content:""; height:40px; left:0; margin-top:0px; position:absolute; top:0; width:40px; z-index:-1; } .faqRow .q .queMark:before { background:url(../../images/sprite.png) no-repeat -547px -37px; } .faqRow .a:before { content:"A"; padding:4px 14px; color:#fff; font-size:19px; font-weight:600; -webkit-border-radius:50%; border-radius:50%; background-color:#666666; } .faqRow .q h4 { position:relative; padding:7px 0 20px 65px; margin:0; color:#ff6633; } .faqRow .q h4:after { background:#ff6633; content:""; height:100%; left:20px; position:absolute; top:12px; width:1px; z-index:-1; } .ui-autocomplete { max-height:260px; width:266px; overflow:auto; position:absolute !important; z-index:999; margin:0; background:#fff; padding:0; list-style:none; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); border:1px solid #ebebeb; border-top:0; } .ui-autocomplete li { border-top:1px solid #cccccc; line-height:16px; font-size:14px; } .ui-autocomplete li a { cursor:pointer; font-size:14px; padding:10px; display:block; color:#555; } .ui-autocomplete li a:hover { text-decoration:none; background:#f1f1f1; color:#ff6633; } .ui-helper-hidden-accessible { display:none; } .accordion { margin-bottom:20px; } .accordion .accTrigger { background:#f0f0f0; padding:10px 60px 10px 15px; cursor:pointer; font-weight:700; font-size:16px; margin-top:2px; position:relative; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .accordion .accTrigger a { display:block; text-decoration:none; outline:0 } .accordion .accTrigger.active { background:#ff6633; color:#fff; } .accordion .accTrigger:after { position:absolute; right:0; top:0; width:44px; height:100%; content:""; background:#ff6633 url(../../images/plus-icon.png) 0 0 no-repeat; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .accordion .accTrigger.active:after { background:#ff6633 url(../../images/minus-icon.png) 0 0 no-repeat !important; color:#fff; } .accordDetail { padding:10px 15px; display:none } .noJS .accordion .accTrigger { background:none; padding-left:0 } .noJS .accordDetail { display:block; padding:10px 0 } .corporateGovernanceTbl th, .corporateGovernanceTbl td { font-size:14px; padding:6px; } .corporateGovernanceTbl td p, .corporateGovernanceTbl ul.bulletText li { font-size:14px; } .corporateGovernanceTbl th:nth-child(2), .corporateGovernanceTbl td:nth-child(2) { width:100px; } .humanResources .hrMainImg { float:left; margin:0 20px 20px 0; padding:10px; border:1px solid #ccc; } .humanResources .imgHolder { text-align:center; margin:0 0 20px 0; } .codeCompOfficers .srNo { width:80px; } .codeCompOfficers .officerName { width:200px; } .codeCompOfficers .regOffice { width:150px; } .codeCompOfficers .address { width:250px; } .codeCompOfficers .telEmail { width:auto; } .codeCompOfficers .name { font-weight:600; display:block; } .codeCompOfficers .telNo { display:block; } .codeCompOfficers th:first-child, .codeCompOfficers td:first-child { text-align:center; } .announcementDetail { position:relative; } .announcementDetail h2, .pressRlsDetailWrap h2 { padding-right:100px; } .back { background:url(../../images/back-icon.png) no-repeat 0 8px; padding-left:18px; font-weight:600; float:right; } .back.button { background:#ff6633; position:relative; padding-left:30px; } .back.button:before { position:absolute; left:10px; top:50%; margin-top:-4px; content:""; background:url(../../images/sprite.png) no-repeat -15px -1472px; width:12px; height:9px; } .back.button:hover:before { background-position:0 -1472px; } .back.button:hover { background:#fff; color:#ff6633; } .rightBtnLink { margin-bottom:20px; text-align:right; } .rightBtnLink .back { float:none; } .nextLinks { background:url(../../images/bullet-arrow.png) no-repeat 0 6px; padding-left:25px; font-weight:600; } .pressRlsDetailWrap .imgHolder, .pressRlsDetailWrap .pressShortDesc { display:none; } .pressRlsDetailWrap .pressReleaseDate { font-weight:600; margin-bottom:15px; } .govRequirementsTbl td:first-child { width:120px; text-align:center; } .govRequirementsTbl td:nth-child(2) { width:250px; } .directorsProfile td:first-child { width:250px; } .srNoCol td:first-child, .srNoCol th:first-child { text-align:center; width:85px; } .tableTotalValue td { font-weight:600; color:#ff6633; } .grameenParamarsh { text-align:center; } .careCenterTable th:first-child { width:85px; } .careCenterTable th:nth-child(2) { width:200px; } .careCenterTable th:nth-child(3), .careCenterTable th:nth-child(4) { width:250px; } .saartheeText { margin-left:280px; } .saartheeBlock > img { margin:0 20px 20px 0; border:2px solid #e0e0e0; } .asbaBlock { background:#ededed; margin-bottom:10px; padding:20px; } .asbaBlock .sabaImg { float:left; width:36%; } .asbaBlock .sabaText { float:left; margin:0; padding-left:25px; width:64%; } .callMrgL43 { margin-left:43px } .emailMrgL58 { margin-left:58px } .aboutMconnect { padding-bottom:30px; } .aboutMconnect .mconnectLogo { float:left; } .aboutMconnect .rightCol { padding-left:165px; } .aboutMconnect h2 { margin-bottom:0; } .aboutMconnect p { font-size:1.125em; } .mconnectFeatures { padding-bottom:45px; } .mconnectFeatures h2 { margin-bottom:10px; } .mconnectFeatures .container { position:relative; } .mconnectFeatures .imgHolder { position:absolute; left:50%; top:-100px; z-index:1; margin-left:-226px; } .newFeaturesRow { background:url(../../images/new-features-bg.jpg) no-repeat center center; background-size:100% 100%; padding:20px 0; margin-bottom:140px; } .newFeaturesRow ul { margin:0; padding:0; list-style:none; float:left; width:35%; } .newFeaturesRow ul.rightList { float:right; width:32%; } .newFeaturesRow ul.rightList li { padding-left:140px; } .newFeaturesRow ul.rightList li .icon { left:40px; } .newFeaturesRow ul li { font-size:18px; color:#fff; font-weight:700; padding:30px 16px 30px 101px; border-bottom:1px solid rgba(255, 255, 255, 0.20); position:relative; min-height:113px; } .newFeaturesRow ul li:last-child { border:0; } .newFeaturesRow ul li .icon { width:81px; height:81px; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-40px; background-color:rgba(0, 0, 0, 0.38); } .newFeaturesRow ul li .icon1 { background-position:-635px -2px; } .newFeaturesRow ul li .icon2 { background-position:-638px -85px; } .newFeaturesRow ul li .icon3 { background-position:-636px -165px; } .newFeaturesRow ul li .icon4 { background-position:-717px -2px; } .newFeaturesRow ul li .icon5 { background-position:-717px -85px; } .mconnectFeatures .newFeaturesList { float:left; width:33.333%; list-style:none; margin:0; padding:0 50px; border-right:1px solid #dadada; } .mconnectFeatures .newFeaturesList:first-child { padding-left:0; } .mconnectFeatures .newFeaturesList:last-child { padding-right:0; border:0; } .mconnectFeatures .newFeaturesList li { font-size:16px; color:#4a4a4a; margin:11px 0; } .appInfo { background:#f1f2f2; padding:55px 0 35px 0; position:relative; } .appInfo .appInfoBg { position:absolute; right:0; top:0; height:100%; width:740px; background:url(../../images/app-info-bg.png) no-repeat right top } .appInfo h2 { font-size:20px; color:#393939; font-weight:700; } .appInfo ul { margin:0; padding:0; list-style:none; width:450px; } .appInfo ul li { padding:0 30px 10px 0; float:left; width:100%; } .appInfo ul li a { display:block; background:#fff; border-bottom:1px solid #d8d9d9; padding:13px 20px; color:#393939; text-decoration:none; } .appInfo ul li a:hover { background:#ff6633; color:#fff; } .appInfo ul li .icon { width:43px; height:36px; display:inline-block; vertical-align:middle; margin-right:12px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .appInfo ul li .icon1 { background-position:-600px -264px; } .appInfo ul li a:hover .icon1, .wob .appInfo ul li .icon1 { background-position:-600px -303px; } .appInfo ul li .icon2 { background-position:-648px -264px; } .appInfo ul li a:hover .icon2, .wob .appInfo ul li .icon2 { background-position:-648px -304px; } .appInfo ul li .icon3 { background-position:-698px -264px; } .appInfo ul li a:hover .icon3, .wob .appInfo ul li .icon3 { background-position:-698px -304px; } .appInfo ul li .icon4 { background-position:-745px -264px; } .appInfo ul li a:hover .icon4, .wob .appInfo ul li .icon4 { background-position:-745px -304px; } .appInfo ul li .icon5 { background-position:-600px -343px; } .appInfo ul li a:hover .icon5, .wob .appInfo ul li .icon5 { background-position:-600px -384px; } .appInfo ul li .icon6 { background-position:-649px -343px; } .appInfo ul li a:hover .icon6, .wob .appInfo ul li .icon6 { background-position:-649px -384px; } .appInfo ul li .icon7 { background-position:-698px -343px; } .appInfo ul li a:hover .icon7, .wob .appInfo ul li .icon7 { background-position:-698px -383px; } .appInfo ul li .icon8 { background-position:-744px -344px; } .appInfo ul li .icon9 { background-position:-938px -2914px; } .appInfo ul li a:hover .icon9, .wob .appInfo ul li .icon9 { background-position:-938px -2957px; } .appInfo ul li a:hover .icon8, .wob .appInfo ul li .icon8 { background-position:-744px -384px; } .mconnectContact { padding-top:50px; } .mconnectContact h3 { font-weight:600; font-size:1.125em; color:#666; margin-bottom:50px; } .mconnectContact .leftCol, .mconnectContact .rightCol { float:left; width:50%; } .mconnectContact .rightCol { padding-left:60px; } .mconnectContact .rightdetail { display:inline-block; vertical-align:middle; } .mconnectContact .icon { display:inline-block; width: } .mconnectContact .icon { width:69px; height:69px; border-radius:50%; background-color:#ededee; display:inline-block; margin-right:25px; vertical-align:middle; } .mconnectContact .contactDetail { position:relative; } .mconnectContact .rightCol .contactDetail:after { height:100%; width:4px; position:absolute; left:-62px; top:0; content:""; background:#ff6633; } .mconnectContact .rightCol .contactDetail .call { float:none; } .mconnectContact .contactDetail p { margin:0; } .mconnectContact .contactDetail .call, .mconnectContact .contactDetail .fax { float:left; margin:40px 60px 0 0 } .mconnectContact .contactDetail .call .icon { vertical-align:top; } .mconnectContact .contactDetail .emailIcon { background-position:-237px -661px; } .mconnectContact .contactDetail .callIcon { background-position:-1304px -1312px; } .mconnectContact .contactDetail .faxIcon { background-position:-323px -661px; } .mconnectContact .contactDetail .smallText { font-size:14px; font-weight:400; display:block; } .mconnectContact .contactDetail .phoneNo { color:#ff6633; font-size:18px; } .borderTitle { position:relative; margin-bottom:30px; text-align:left; } .borderTitle:after { width:98px; height:6px; position:absolute; left:0; bottom:-15px; content:""; background:#ff6633; } .mpassbookBenefits { position:relative; padding:40px 0 } .mpassbookBenefits ul { margin:0; padding:0; list-style:none; float:left; width:48%; } .mpassbookBenefits ul.rightList { float:right; } .mpassbookBenefits ul li { font-size:18px; color:#666; font-weight:600; padding:30px 0 30px 101px; border-bottom:1px solid #d6d6d6; position:relative; min-height:113px; } .mpassbookBenefits ul li:last-child { border:0; } .mpassbookBenefits ul li .icon { width:68px; height:68px; position:absolute; left:0; top:50%; margin-top:-34px; } .mpassbookBenefits ul li .icon1 { background-position:-601px -437px; margin-top:-48px; } .mpassbookBenefits ul li .icon2 { background-position:-601px -510px; } .mpassbookBenefits ul li .icon3 { background-position:-595px -576px; } .mpassbookBenefits ul li .icon4 { background-position:-595px -651px; } .mpassbookBenefits ul li .icon5 { background-position:-591px -732px; } .mpassbookBenefits ul li .icon6 { background-position:-704px -438px; margin-top:-38px; } .mpassbookBenefits ul li .icon7 { background-position:-710px -514px; } .mpassbookBenefits ul li .icon8 { background-position:-708px -584px; } .mpassbookBenefits ul li .icon9 { background-position:-708px -663px; } .mpassbookBenefits ul li .icon10 { background-position:-703px -737px; } .mpassbookBenefits .imgHolder { position:absolute; left:50%; top:60px; z-index:1; margin-left:-125px; } .mpassbookDwnldApp { text-align:center; padding-bottom:40px; } .mpassbookDwnldApp h2 { position:relative; } .mpassbookDwnldApp h2:after { width:98px; height:6px; position:absolute; left:50%; margin-left:-49px; bottom:-19px; content:""; background:#ff6633; } .mpassbookDwnldApp ul { margin:0; padding:30px 0 0 0; list-style:none; } .mpassbookDwnldApp ul li { display:inline-block; vertical-align:middle; padding:0 5px; } .mpassbookRegPro { background:#f1f1f1; padding:40px 0; } .mpassbookRegPro ul { margin:0; padding:30px 0 0 0; list-style:none; } .mpassbookRegPro ul li { padding:0 30px; float:left; width:20%; min-height:361px; position:relative; } .mpassbookRegPro ul li:after { position:absolute; background:#c0c0c0; width:1px; top:140px; right:0; bottom:0; content:""; } .mpassbookRegPro ul li:last-child:after { display:none; } .mpassbookRegPro ul li p { color:#323232; } .mpassbookRegPro .circle { background:#ff6633; font-size:32px; color:#fff; font-weight:700; width:100px; height:100px; line-height:86px; text-align:center; border-radius:50%; border:6px solid #fff; display:block; margin:0 auto 44px auto; box-shadow:3px 5px 5px #bcbcbc; } .mpassbookRegPro .circle:after { position:absolute; right:-46px; top:41px; content:""; width:92px; height:21px; background:url(../../images/process-arrow.png) no-repeat 0 0; } .mpassbookRegPro ul li:last-child .circle:after { display:none; } .fraudAlert { padding:40px 0 10px 0; border-bottom:1px solid #d8d8d8; } .fraudAlert .imgHolder { float:left; background:url(../../images/fraud-alert-bg.png) no-repeat right center; width:350px; height:204px; padding-top:40px; text-align:center; float:left; } .fraudAlert ul.bulletText { padding:30px 150px 0 400px; } .fraudAlert ul.bulletText li { border-top:1px solid #e3e3e3; font-size:15px; color:#404040; padding:8px 0 10px 40px; background-position:left 14px; } .fraudAlert ul.bulletText li:last-child { border-bottom:1px solid #e3e3e3; } .mpassbookContanct { padding-top:40px; } .mpassbookContanct .leftCol, .mpassbookContanct .rightCol { float:left; width:50%; } .mpassbookContanct .leftCol { border-right:4px solid #ff6633; } .mpassbookContanct .leftCol p, .mpassbookContanct .rightCol p { margin:0; } .mpassbookContanct p.phoneNo { color:#ff6633; font-size:18px; } .mpassbookContanct p.phoneNo span { color:#555; font-weight:600; } .mpassbookContanct .contactDetail { padding-left:100px; margin-top:20px; position:relative; } .mpassbookContanct .contactDetail div { display:inline-block; vertical-align:top; padding-right:25px; } .mpassbookContanct .contactDetail .icon, .bussInquire .contactDetail .icon { position:absolute; left:0; top:0; width:69px; height:69px; border-radius:50%; background:#ededee; } .mpassbookContanct .contactDetail .sprite, .bussInquire .contactDetail .sprite { background-position:-303px -22px; width:69px; height:69px; display:block; } .mpassbookContanct .rightLinks { margin:0; padding:0; } .mpassbookContanct .rightLinks li { display:inline-block; text-align:center; width:32%; vertical-align:middle; } .mpassbookContanct .rightLinks a { color:#555; text-decoration:none; font-size:16px; font-weight:600; text-align:center; display:inline-block; position:relative; } .mpassbookContanct .rightLinks a:hover { color:#ff6633; } .mpassbookContanct .rightLinks a:after { width:0; height:2px; content:""; position:absolute; left:50%; bottom:-10px; background:#ff6633; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .mpassbookContanct .rightLinks a:hover:after { left:0; width:100%; } .mpassbookContanct .rightLinks .title { font-size:16px; font-variant:700; } .mpassbookContanct .rightLinks .icon { width:69px; height:69px; border-radius:50%; background:#ededee; display:block; margin:0 auto 10px auto; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; overflow:hidden; } .mpassbookContanct .rightLinks .sprite { width:69px; height:69px; display:block; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .mpassbookContanct .rightLinks .icon1, .digitalPages .rightLinks .icon1 { background-position:-802px 0; } .mpassbookContanct .rightLinks li a:hover .icon1, .digitalPages .rightLinks li a:hover .icon1 { background-position:-875px 0; } .mpassbookContanct .rightLinks .icon2 { background-position:-802px -71px; } .mpassbookContanct .rightLinks .icon3 { background-position:-802px -143px; } .mpassbookContanct .rightLinks li a:hover .icon { background:#ff6633; } .mpassbookContanct .rightLinks li a:hover .icon1, .wob .mpassbookContanct .rightLinks .icon1 { background-position:-872px 0; } .mpassbookContanct .rightLinks li a:hover .icon2, .wob .mpassbookContanct .rightLinks .icon2 { background-position:-872px -71px; } .mpassbookContanct .rightLinks li a:hover .icon3, .wob .mpassbookContanct .rightLinks .icon3 { background-position:-872px -143px; } .mpassbookContanct.mUpiStep { border-top:1px solid #dadada; } .debitCardViewNav { text-align:right; margin-bottom:25px; } .homeLoanGrid .viewNav a, .debitCardViewNav .viewNav a { width:21px; height:21px; display:inline-block; opacity:0.2; margin-left:6px; text-indent:-9999px; text-align:center; } .homeLoanGrid .viewNav a.active, .debitCardViewNav .viewNav a.active { opacity:1; } .homeLoanGrid .viewNav .gridViewIcon, .debitCardViewNav .viewNav .gridViewIcon { background-position:-533px -450px; } .homeLoanGrid .viewNav .listViewIcon, .debitCardViewNav .viewNav .listViewIcon { background-position:-564px -450px; } .homeLoanGridView { margin:-22px; padding:0; list-style:none; } .homeLoanGridView li { float:left; width:33.333%; padding:22px; } .homeLoanGridView .box { position:relative; } .homeLoanGridView .box:before { position:absolute; top:0; z-index:1; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.3); content:''; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } .homeLoanGridView .box:hover:before { -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } .homeLoanGridView .imgHolder { position:relative; border:1px solid #d9d9d9; overflow:hidden; } .homeLoanGridView .imgHolder img { display:block; width:100%; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms } .homeLoanGridView .imgHolder:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .homeLoanGridView a { color:#fff; } .homeLoanGridView .overlayArea { position:absolute; width:100%; text-align:center; left:0; bottom:-63px; background:rgba(0, 0, 0, 0.7); transition:all 350ms ease 0ms; -webkit-transition:all 350ms ease 0ms; padding-top:15px; } .homeLoanGridView .imgHolder:hover .overlayArea { bottom:0; } .homeLoanGridView .overlayArea:after { position:absolute; left:0; bottom:100%; width:100%; content:""; background:url(../../images/home-loan-box-bg.png) repeat-x 0 0; height:89px; } .homeLoanGridView a strong { display:block; font-size:1.125em; color:#fff; font-weight:700; margin-bottom:0; padding:0 11px; line-height:26px; } .homeLoanGridView .knowMore, .homeLoanListView .knowMore, .imgiconfourBoxes .knowMore, .knowMorebtn { display:inline-block; background:#ff6633; color:#fff; font-weight:600; margin:20px 0; padding:0 20px; line-height:38px; text-decoration:none; } .homeLoanGridView .knowMore .icon, .homeLoanListView .knowMore .icon, .imgiconfourBoxes .knowMore .icon, .knowMorebtn .icon { width:17px; height:12px; display:inline-block; vertical-align:middle; margin-left:12px; background-position:-543px -424px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .homeLoanGridView .knowMore:hover, .homeLoanListView .knowMore:hover, .imgiconfourBoxes .knowMore:hover, .knowMorebtn:hover { background:#fff; color:#ff6633; } .homeLoanGridView .knowMore:hover .icon, .homeLoanListView .knowMore:hover .icon, .imgiconfourBoxes .knowMore:hover .icon, .knowMorebtn:hover .icon { background-position:-560px -424px; } .homeLoanListView { padding:0; list-style:none; margin:-30px -14px; } .homeLoanListView li { padding:0 14px; float:left; width:50%; } .homeLoanListView li .box { border-bottom:1px solid #dedede; padding:40px 0; min-height:310px; } .homeLoanListView li:last-child .box, .homeLoanListView li:nth-child(9) .box { padding-bottom:0; border-width:0; } .homeLoanListView .imgHolder { float:left; width:200px; } .homeLoanListView .imgHolder img { border:1px solid #d9d9d9; } .homeLoanListView .rightDetail { padding-left:220px; min-height:220px; } .homeLoanListView h3 { font-size:18px; font-weight:700; color:#444; margin-bottom:10px; } .homeLoanListView .bold { font-weight:600; color:#444; } .homeLoanListView .knowMore, .imgiconfourBoxes .knowMore { border:1px solid #ff6633; margin:11px 0 0 0; } .homeLoanListView p { font-size:14px; margin-bottom:6px; } .resTab { position:relative; margin:18px 0 0; float:left; width:100%; } .resTab .tabNav { margin:0; padding:0; list-style:none; background-color:#ff6633; display:block; } .resTab .tabNav li:first-child { padding-left:30px; } .resTab .tabNav li { display:inline-block; margin:0; position:relative; } .resTab .tabNav li a { position:relative; min-width:187px; text-align:center; padding:15px 22px; background-color:#ff6633; color:#fff; display:block; font-weight:600; text-decoration:none; } .resTab .tabNav .r-tabs-state-active a { position:relative; color:#ff6633; background-color:#fff; } .resTab .tabNav .r-tabs-state-active a:before { content:""; position:absolute; top:-10px; left:0px; width:100%; height:4px; background-color:#ff6633; } .resTab .tabNav .r-tabs-state-active a:after { content:""; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:10px 10px 10px 10px; border-color:#ff6633 transparent transparent transparent; top:-8px; } .resTab .tabContent { padding:15px 0; 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 } .loanDetail { margin-bottom:25px; } .loanDetailTab.resTab { float:none; } .loanDetail .tabNav { float:left; width:265px; background:#f3f3f3; position:relative; padding:20px 0; border:0; z-index:1; } .loanDetail .tabNav:before { position:absolute; right:100%; z-index:-1; top:0; bottom:0; width:3000px; content:""; background:#f3f3f3; display:block; } .loanDetail .tabNav li { float:none; width:100%; } .loanDetail .tabNav li:first-child { padding-left:0; } .loanDetail .tabNav li a { display:block; font-size:1.125em; color:#606060; font-weight:600; padding:15px 0; min-height:84px; position:relative; border-bottom:1px solid #d5d5d5; background:#f3f3f3; text-align:left; } .loanDetail .tabNav .r-tabs-state-active a, .loanDetail .tabNav li a:hover { background:#fff; color:#ff6633; } .loanDetail .tabNav li a:before { position:absolute; right:100%; z-index:-1; top:0; bottom:-1px; width:3000px; content:""; background:#f3f3f3; border-bottom:1px solid #d5d5d5; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; height:auto !important; } .loanDetail .tabNav .r-tabs-state-active a:before, .loanDetail .tabNav li a:hover:before { background:#fff; left:auto !important; top:0; width:3000px; } .loanDetail .tabNav li a:after { position:absolute; right:0; left:auto !important; z-index:1; top:50%; width:5px; height:0; content:""; background:#ff6633; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; border:0 !important; transform:translateX(0); -webkit-transform:translateX(0); } .loanDetail .tabNav .r-tabs-state-active a:after, .loanDetail .tabNav li a:hover:after { top:0; height:100%; width:5px; transform:translateX(0); -webkit-transform:translateX(0); } .loanDetail .tabNav .singleLine { padding-top:11px; display:inline-block; } .loanDetail .tabNav li:last-child a:before, .loanDetail .tabNav li:last-child a { border:0; } .loanDetail .tabNav .icon, .leftTabBar .leftTab .icon, .loanDetail .r-tabs-accordion-title .icon, .leftTabDetails .r-tabs-accordion-title .icon { width:43px; height:45px; position:absolute; right:40px; top:50%; margin-top:-22px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .loanDetail .tabNav .icon1, .leftTabBar .leftTab .keyBenIcon, .leftTabBar .leftTab .keyFeaIcon, .loanDetail .r-tabs-accordion-title .icon1 { background-position:-817px -228px; } .loanDetail .tabNav .icon2, .leftTabBar .leftTab .eligibility, .loanDetail .r-tabs-accordion-title .icon2 { background-position:-817px -284px; } .loanDetail .tabNav .icon3, .leftTabBar .leftTab .rateInt, .loanDetail .r-tabs-accordion-title .icon3 { background-position:-817px -340px; } .loanDetail .tabNav .icon4, .leftTabBar .leftTab .termConIcon, .loanDetail .r-tabs-accordion-title .icon4 { background-position:-822px -395px; } .loanDetail .tabNav .icon5, .loanDetail .r-tabs-accordion-title .icon5 { background-position:-818px -450px; } .loanDetail .tabNav .icon6, .loanDetail .r-tabs-accordion-title .icon6 { background-position:-818px -506px; } .loanDetail .tabNav li a:hover .icon1, .loanDetail .tabNav .r-tabs-state-active a .icon1, .leftTabBar .leftTab li a:hover .keyBenIcon, .leftTabBar .leftTab .r-tabs-state-active a .keyBenIcon, .leftTabBar .leftTab li a:hover .keyFeaIcon, .leftTabBar .leftTab .r-tabs-state-active a .keyFeaIcon, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon1 { background-position:-874px -228px; } .loanDetail .tabNav li a:hover .icon2, .loanDetail .tabNav .r-tabs-state-active a .icon2, .leftTabBar .leftTab li a:hover .eligibility, .leftTabBar .leftTab .r-tabs-state-active a .eligibility, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon2 { background-position:-874px -284px; } .loanDetail .tabNav li a:hover .icon3, .loanDetail .tabNav .r-tabs-state-active a .icon3, .leftTabBar .leftTab li a:hover .rateInt, .leftTabBar .leftTab .r-tabs-state-active a .rateInt, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon3 { background-position:-874px -340px; } .loanDetail .tabNav li a:hover .icon4, .loanDetail .tabNav .r-tabs-state-active a .icon4, .leftTabBar .leftTab li a:hover .termConIcon, .leftTabBar .leftTab .r-tabs-state-active a .termConIcon, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon4 { background-position:-879px -395px; } .loanDetail .tabNav li a:hover .icon5, .loanDetail .tabNav .r-tabs-state-active a .icon5, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon5 { background-position:-874px -450px; } .loanDetail .tabNav li a:hover .icon6, .loanDetail .tabNav .r-tabs-state-active a .icon6, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon6 { background-position:-874px -506px; } .loanDetail .tabContainer { padding-left:30px; position:relative; float:left; width:840px; } .loanDetail .tabContent { width:100%; float:left; } .loanDetail .tabContent .faqRow { margin:10px 0 20px; } .loanRateInterest { padding:40px 0; } .loanRateInterest .leftCol, .loanRateInterest .rightCol { float:left; width:50%; } .loanRateInterest .leftCol { padding-right:100px; } .loanRateInterest .rightCol { padding-left:100px; } .loanRateInterest .amountBox { background:#fafafa; border:3px solid #d7d7d7; padding:10px 15px 20px 23px; position:relative; float:left; width:220px; font-size:18px; color:#323232; } .loanRateInterest .amountBox .icon { position:absolute; left:3px; bottom:-6px; width:40px; height:58px; } .loanRateInterest .amountBox .downArrow { background-position:-952px -2px; } .loanRateInterest .amountBox .upArrow { background-position:-952px -64px; } .loanRateInterest .amountBox .large { font-size:38px; font-weight:700; color:#ff6633; line-height:38px; padding-left:20px; } .loanRateInterest .amountBox .small { font-size:20px; color:#ff6633; padding-left:3px; } .loanRateInterest .rightBox { padding-left:250px; } .loanRateInterest .loanRateInterestRow { position:relative; padding-top:20px; } .loanRateInterest .loanRateInterestRow .imgHolder { position:absolute; left:50%; top:-9px; width:122px; margin-left:-61px; } .loanRateInterest .mark { margin:30px 0 0 0; padding:10px 0; text-align:center; color:#ff6633; border-bottom:1px solid #dadada; border-top:1px solid #dadada; } .alsoBeInterested { padding:30px 0 60px 0; } .loadDetailSlider .imgHolder, .loadDetailSlider .title { display:inline-block; vertical-align:middle; } .loadDetailSlider .imgHolder { width:40%; } .loadDetailSlider .title { padding-left:20px; width:60%; } .loadDetailSlider a { border-bottom:5px solid #dadada; display:block; padding-bottom:20px; color:#555; } .loadDetailSlider a:hover { color:#ff6633; border-color:#ff6633; } .loanSliderArea .loadDetailSlider { overflow:hidden; } .loanSliderArea { position:relative; } .loanSliderArea .swiper-button-next, .loanSliderArea .swiper-button-prev { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; opacity:0.70; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .loanSliderArea .swiper-button-next { right:-75px; background:url(../../images/sprite.png) no-repeat -958px -209px; } .loanSliderArea .swiper-button-prev { left:-75px; background:url(../../images/sprite.png) no-repeat -958px -147px; } .loanSliderArea .swiper-button-next:hover, .loanSliderArea .swiper-button-prev:hover { opacity:1; } .homeLoanInquire { background:#f6f6f6; border-bottom:1px solid #dadada; border-top:1px solid #dadada; padding:50px 0; margin-bottom:-41px; } .homeLoanInquire h2 { margin:0; } .bottomCotactDetail .leftCol, .bottomCotactDetail .rightCol { float:left; } .bottomCotactDetail .leftCol { width:40%; } .mpassbookContanct.bottomCotactDetail .leftCol { border:0; } .loanDetailInq .bottomCotactDetail .leftCol, .loanDetailInq .bottomCotactDetail .rightCol { width:50%; border:0; } .loanDetailInq .bottomCotactDetail .contactDetail { margin-top:0; padding-top:7px; } .homeLoanInquire.loanDetailInq { padding:20px 0 0 0; } .bottomCotactDetail .rightCol { width:60%; border-left:4px solid #ff6633; } .bottomCotactDetail .leftCol .contactDetail p, .bottomCotactDetail .rightCol .contactDetail p { margin:0; } .bottomCotactDetail p.phoneNo { color:#ff6633; font-size:18px; } .bottomCotactDetail p.phoneNo span { color:#555; } .bottomCotactDetail .contactDetail { padding-left:90px; margin-top:20px; position:relative; } .bottomCotactDetail .contactDetail div { display:inline-block; vertical-align:top; padding-right:25px; } .bottomCotactDetail .contactDetail .callIcon { position:absolute; left:0; top:0; width:69px; height:69px; border-radius:50%; background-color:#fff; background-position:-303px -22px; border:1px solid #d5d5d5; } .bottomCotactDetail .rightLinks { margin:0; padding:0; } .bottomCotactDetail .rightLinks li { display:inline-block; text-align:center; width:24.5%; vertical-align:middle; } .bottomCotactDetail .rightLinks a { color:#555; text-decoration:none; font-size:16px; font-weight:600; text-align:center; display:inline-block; position:relative; margin-right:-4px; } .bottomCotactDetail .rightLinks a:hover { color:#ff6633; } .bottomCotactDetail .rightLinks a:after { width:0; height:2px; content:""; position:absolute; left:50%; bottom:-10px; background:#ff6633; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .bottomCotactDetail .rightLinks a:hover:after { left:0; width:100%; } .bottomCotactDetail .rightLinks .title { font-size:16px; font-variant:700; } .bottomCotactDetail .rightLinks .icon, .accConnectWithUs ul li .icon { width:69px; height:69px; border-radius:50%; background-color:#fff; display:block; margin:0 auto 10px auto; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; overflow:hidden; border:1px solid #d5d5d5; } .bottomCotactDetail .rightLinks li a:hover .icon, .accConnectWithUs ul li a:hover .icon { background-color:#ff6633; border-color:#ff6633; } .bottomCotactDetail .rightLinks .inquireIcon { background-position:-803px -565px; } .bottomCotactDetail .rightLinks .branchLocatorIcon { background-position:-803px -633px; } .bottomCotactDetail .rightLinks .calculatorIcon { background-position:-802px -704px; } .bottomCotactDetail .rightLinks .callbackIcon { background-position:-801px -772px; } .bottomCotactDetail .rightLinks li a:hover .inquireIcon { background-position:-871px -565px; } .bottomCotactDetail .rightLinks li a:hover .branchLocatorIcon { background-position:-873px -633px; } .bottomCotactDetail .rightLinks li a:hover .calculatorIcon { background-position:-871px -704px; } .bottomCotactDetail .rightLinks li a:hover .callbackIcon { background-position:-869px -772px; } .bottomCotactDetail .rightLinks .cardPointIcon { background-position:-195px -724px; } .bottomCotactDetail .rightLinks .faqsIcon { background-position:-802px 0; } .bottomCotactDetail .rightLinks li a:hover .faqsIcon, .wob .bottomCotactDetail .rightLinks li a .faqsIcon { background-position:-872px 0; } .bottomCotactDetail .rightLinks .downloadFormsIcon { background-position:-803px -71px; } .bottomCotactDetail .rightLinks .termsCondiIcon { background-position:-802px -143px; } .bottomCotactDetail .rightLinks li a:hover .cardPointIcon, .wob .bottomCotactDetail .rightLinks li a .cardPointIcon { background-position:-263px -724px; } .bottomCotactDetail .rightLinks li a:hover .downloadFormsIcon, .wob .bottomCotactDetail .rightLinks li a .downloadFormsIcon { background-position:-872px -71px; } .bottomCotactDetail .rightLinks li a:hover .termsCondiIcon, .wob .bottomCotactDetail .rightLinks li a .termsCondiIcon { background-position:-872px -143px; } .bottomCotactDetail .rightLinks .dontsIcon { background-position:-391px -28px; } .bottomCotactDetail .rightLinks li a:hover .dontsIcon, .wob .bottomCotactDetail .rightLinks li a .dontsIcon { background-position:-462px -28px; } .bottomCotactDetail .rightLinks .griPolicyIcon { background-position:-346px -725px; } .bottomCotactDetail .rightLinks .priPolicyIcon { background-position:-345px -798px; } .bottomCotactDetail .rightLinks li a:hover .griPolicyIcon, .wob .bottomCotactDetail .rightLinks .griPolicyIcon { background-position:-414px -725px; } .bottomCotactDetail .rightLinks li a:hover .priPolicyIcon, .wob .bottomCotactDetail .rightLinks .priPolicyIcon { background-position:-414px -798px; } .giftCardBenefits { position:relative; margin-bottom:70px; } .giftCardBenefits:after { background:url(../../images/gift-cards-benefits-bg.jpg) no-repeat 0 0; position:absolute; top:0; right:-23%; content:""; width:653px; height:659px; } .giftCardBenefits .everyWish { position:absolute; right:-55px; top:391px; text-align:center; z-index:1; width:380px; } .giftCardBenefits .everyWish h3 { text-transform:uppercase; color:#ff6633; font-size:29px; margin-bottom:0; font-weight:700; } .giftCardBenefits .everyWish p { font-size:17px; color:#2f2f2f; font-weight:600; padding:0 50px; } .giftCardKeyList { margin:0; padding:0; list-style:none; width:60%; } .giftCardKeyList li { position:relative; border-bottom:1px solid #dadada; font-size:1.063em; padding:23px 0 23px 80px; } .giftCardKeyList li:last-child { border:0; } .giftCardKeyList .icon { position:absolute; left:0; top:50%; margin-top:-20px; width:50px; height:40px; } .giftCardKeyList .icon1 { background-position:-947px -258px; } .giftCardKeyList .icon2 { background-position:-947px -313px; } .giftCardKeyList .icon3 { background-position:-947px -382px; } .giftCardKeyList .icon4 { background-position:-945px -453px; } .giftCardKeyList .icon5 { background-position:-946px -514px; } .giftCardKeyList .icon6 { background-position:-946px -582px; } .giftCardKeyList .icon7 { background-position:-946px -643px; } .giftCardNote { margin-bottom:70px; background:#f3f3f3; padding:35px 50px; } .giftCardNote h2 { margin-bottom:15px; color:#555; font-weight:700; } .giftCardNote p { margin:0; } .travelEasyCard { background:url(../../images/traveleasy-card-bg.jpg) no-repeat right center; padding:0 500px 0 0; } .travelEasyCard .button { text-transform:uppercase; } .travelEasyCard h2 { color:#555; } .travelEasyCard h2 .mark { font-family:'open_sansbold_italic'; color:#ff6633; } .giftCardInquire { background:#eee; padding:50px 0; } .giftCardInquire h3 { font-size:1.125em; font-weight:700; margin-bottom:5px; } .giftCardInquire p { font-size:1.000em; } .giftCardInquire .bottomCotactDetail .contactDetail { padding-left:0; margin:10px 0 25px 0; } .giftCardInquire .bottomCotactDetail .rightCol { padding-left:10px; margin-top:10px; } .giftCardInquire .bottomCotactDetail .rightLinks li { width:auto; padding:0 20px; ; } .bottomCotactDetail .rightLinks.col3 li { width:32%; padding:0 20px; margin-bottom:30px; } .mclipKeyList { position:relative; padding:33px 0; margin-bottom:40px; border-bottom:1px solid #dadada; } .mclipKeyList .imgHolder { position:absolute; left:50%; top:37px; margin-left:-193px; width:34%; } .mclipKeyList ul { margin:0; padding:0; list-style:none; width:33%; float:left; } .mclipKeyList ul.rightList { float:right; margin-top:27px; } .mclipKeyList li { float:left; width:50%; text-align:center; padding:50px 13px; position:relative; overflow:hidden; min-height:180px; } .mclipKeyList li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:20px; bottom:20px; content:""; z-index:1; } .mclipKeyList li:before { width:145px; height:1px; background:#e0e0e0; position:absolute; left:20px; bottom:0; content:""; z-index:1; } .mclipKeyList li:nth-child(2n+2):after, .mclipKeyList li:last-child:before { display:none; } .mclipKeyList li a { text-decoration:none; } .mclipKeyList .box { position:relative; } .mclipKeyList h3 { font-size:17px; color:#555; font-weight:700; padding:13px 0; font-weight:600; margin:0; } .mclipKeyList li .icon { width:57px; height:42px; margin:0 auto; display:block; } .mclipKeyList li .icon1 { background-position:8px -796px; } .mclipKeyList li .icon2 { background-position:-357px -861px; width:105px; } .mclipKeyList li .icon3 { background-position:-55px -796px; } .mclipKeyList li .icon4 { background-position:-112px -796px; } .mclipKeyList li .icon5 { background-position:-239px -796px; width:91px; } .mclipKeyList li .icon6 { background-position:-171px -796px; } .mclipKeyList li .icon7 { background-position:0 -850px; } .mclipKeyList li .icon8 { background-position:-58px -850px; } .mclipKeyList li .icon9 { background-position:-114px -843px; } .mclipKeyList li .icon10 { background-position:-173px -847px; } .mclipKeyList li .icon11 { background-position:-225px -847px; } .mclipKeyList li .icon12 { background-position:-285px -849px; } .bodyMeetingTable th:first-child, .bodyMeetingTable th:nth-child(2), .bodyMeetingTable th:nth-child(3) { width:160px; } .boxesView { margin:-22px; padding:0; list-style:none; } .boxesView li { float:left; width:33.333%; padding:22px; } .boxesView.customerServicesList { margin:-13px; } .boxesView.customerServicesList li { padding:13px; } .boxesView .imgHolder { position:relative; border:1px solid #d9d9d9; overflow:hidden; } .boxesView .imgHolder img { display:block; width:100%; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms } .boxesView .imgHolder:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .boxesView a { color:#fff; } .boxesView .overlayArea { position:absolute; width:100%; text-align:center; left:0; bottom:-63px; background:rgba(0, 0, 0, 0.7); transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; } .boxesView .imgHolder:hover .overlayArea { bottom:0; } .boxesView .overlayArea:after { position:absolute; left:0; bottom:100%; width:100%; content:""; background:url(../../images/home-loan-box-bg.png) repeat-x 0 0; height:89px; } .boxesView strong { display:block; font-size:1.063em; color:#fff; font-weight:600; margin-bottom:0; padding:0 11px; } .boxesView .knowMore, .boxesView .knowMore, .personalAcc .row .knowMore { display:inline-block; background:#ff6633; color:#fff; font-weight:600; margin:20px 0; padding:0 25px; line-height:38px; text-decoration:none; } .boxesView .knowMore .icon, .boxesView .knowMore .icon, .personalAcc .row .knowMore .icon { width:17px; height:12px; display:inline-block; vertical-align:middle; margin-left:12px; background-position:-543px -424px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .boxesView .knowMore:hover, .boxesView .knowMore:hover, .personalAcc .row .knowMore:hover { background:#fff; color:#ff6633; } .boxesView .knowMore:hover .icon, .boxesView .knowMore:hover .icon, .personalAcc .row .knowMore:hover .icon { background-position:-560px -424px; } .boxesView .box { position:relative; } .boxesView .box:before { position:absolute; top:0; z-index:1; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.3); content:''; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); } .boxesView .box:hover:before { -webkit-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); } .bobMedia { position:relative; height:790px; } .bobMedia:after { position:absolute; left:-292px; top:-40px; width:947px; height:622px; content:""; background:url(../../images/media-hand.png) no-repeat 0 0; } .bobMedia .bobLogo { position:absolute; left:50%; top:50%; margin:-192px 0 0 -160px; z-index:1; } .bobMedia ul { margin:0; padding:0; list-style:none; } .bobMedia ul li { position:absolute; z-index:1; opacity:0; } .bobMedia ul li a { font-size:1.125em; font-weight:700; text-decoration:none; } .bobMedia ul li a:focus { outline:0 none; } .bobMedia ul li a:hover { color:#ff6633; } .bobMedia .title { position:absolute; display:inline-block; } .bobMedia .title:after { position:absolute; left:0; bottom:-3px; height:2px; width:0; content:""; background:#ff6633; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .bobMedia ul li a:hover .title:after { width:80px; } .bobMedia .imgHolder { position:relative; z-index:1; display:inline-block; border-radius:50%; } .bobMedia .imgHolder img { display:block; width:100%; transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; } .bobMedia .imgHolder:hover img { -webkit-transform:scale(0); transform:scale(0); } .bobMedia .imgHolder .imgOverlay { position:absolute; left:-4px; bottom:-4px; right:-4px; top:-4px; border-radius:50%; background:#ff6633; color:#fff; padding:72px 10px; text-align:center; font-size:0; -webkit-transform:scale(1.5); transform:scale(1.5); transition:all 0.4s ease-in-out 0.2s; -webkit-transition:all 0.4s ease-in-out 0.2s; opacity:0; visibility:hidden; } .bobMedia .imgHolder:hover .imgOverlay { -webkit-transform:scale(1); transform:scale(1); font-size:16px; opacity:1; visibility:visible; } .bobMedia .imgHolder:before { position:absolute; left:0; top:0; content:""; border-top:2px dashed #b6b6b6; } .bobMedia .imgHolder:after { left:-14px; top:-14px; position:absolute; content:""; animation:10s linear 0s infinite running spin; -webkit-animation:10s linear 0s infinite running spin; background:url(../../images/media-circle-bg.png) no-repeat center center; width:188px; height:188px; z-index:-1; } @-webkit-keyframes spin { 0% { -moz-transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); } 100% { -moz-transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); } } @-moz-keyframes spin { 0% { -moz-transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); } 100% { -moz-transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -o-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); } } .bobMedia .newsUpdateIcon { top:-10px; right:285px; } .bobMedia .newsUpdateIcon .title { top:20px; left:-180px; } .bobMedia .newsUpdateIcon .imgHolder:before { transform:rotate(-225deg); -webkit-transform:rotate(-225deg); width:140px; left:-114px; top:198px; } .bobMedia .photoGalleryIcon { top:245px; right:195px; } .bobMedia .photoGalleryIcon .title { top:40px; left:-160px; } .bobMedia .photoGalleryIcon .imgHolder:before { width:140px; left:-160px; top:80px; } .bobMedia .videoGalleryIcon { top:475px; right:303px; } .bobMedia .videoGalleryIcon .title { left:-140px; top:0; } .bobMedia .videoGalleryIcon .imgHolder:before { transform:rotate(225deg); -webkit-transform:rotate(225deg); width:140px; left:-115px; top:-40px; } .bobMedia .pressIcon { top:575px; right:555px; } .bobMedia .pressIcon .title { left:20px; bottom:-50px; } .bobMedia .pressIcon .imgHolder:before { height:140px; width:5px; left:80px; top:-164px; border-top:0; border-left:2px dashed #b6b6b6; } .bobMedia .announcementsIcon { top:485px; left:175px; } .bobMedia .announcementsIcon .title { bottom:-50px; left:0; } .bobMedia .announcementsIcon .imgHolder:before { transform:rotate(-225deg); -webkit-transform:rotate(-225deg); width:140px; left:133px; top:-40px; } .financialReportList { margin:0; padding:0; list-style:none; } .financialReportList li { float:left; width:33.333%; text-align:center; padding:85px 35px; position:relative; overflow:hidden; min-height:220px; } .financialReportList li.titleLarge { min-height:261px; } .financialReportList li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:45px; bottom:45px; content:""; z-index:1; } .financialReportList li:before { width:310px; height:1px; background:#e0e0e0; position:absolute; left:35px; bottom:0; content:""; z-index:1; } .financialReportList li:last-child:before, .financialReportList li:nth-last-child(2):before, .financialReportList li:nth-child(3n+3):after { display:none; } .financialReportList li a { text-decoration:none; } .financialReportList .box { position:relative; } .financialReportList h3 { font-size:18px; color:#3f3f3f; font-weight:700; margin-bottom:0; padding:13px 0; display:inline-block; position:relative; line-height:24px; } .financialReportList h3:after { width:62px; height:5px; content:""; position:absolute; margin-left:-31px; left:50%; bottom:0; background:#fff; opacity:0; } .financialReportList h3 a { color:#3f3f3f; } .financialReportList li, .financialReportList .box, .financialReportList h3, .financialReportList h3:after, .financialReportList .explore { -webkit-transition:all 350ms ease 0s; transition:all 350ms ease 0s; } .financialReportList li:hover { background:#ff6633; padding:50px 35px 110px 35px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.15); } .financialReportList li:hover:after, .financialReportList li:hover:before { opacity:0; } .financialReportList li:hover h3 { padding:9px 0 17px 0; color:#fff; } .financialReportList li:hover h3:after { opacity:1; } .financialReportList li:hover h3 a { color:#fff; } .financialReportList li:hover .explore { opacity:1; visibility:visible; transform:translateY(52px); -webkit-transform:translateY(52px); } .bsbcaTable tr td:first-child { width:215px; background:#f0f0f0; font-size:17px; font-weight:700; } .reportDropOuter { margin:0 0 20px 0; } .reportDropOuter .reportDropdown { float:left; width:400px; } .reportDropOuter .back { background:url(../../images/back-icon.png) no-repeat 0 8px; padding:0 0 0 18px; font-weight:600; float:right; border:0; color:#ff6633; margin-top:10px; } .reportDropOuter .back:hover { color:#555; } .finclRptbtnGroup { margin:0 0 20px 0; padding:0; list-style:none; } .finclRptbtnGroup li { display:inline-block; } .reportDropOuter .customSelectOuter:first-child { margin-bottom:20px; } .debitCardsliderTitle { text-align:center; font-weight:400; margin-bottom:40px; } .debitCardSlider { padding-bottom:15px; position:relative; } .debitCardSlider .cardBox, .debitCardSlider .swiper-slide { height:388px; } .debitCardSlider .swiper-slide { width:515px; } .debitCardSlider .cardBox { text-align:center; position:relative; } .debitCardSlider .cardBox:after { position:absolute; left:0; top:66px; width:100%; height:100%; content:""; opacity:0; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; } .debitCardSlider .swiper-slide-active .cardBox:after, .debitCardSlider .swiper-slide-active h3 { opacity:1; } .debitCardSlider .swiper-slide-active .cardBox:after { transition-delay:0.3s; } .debitCardSlider .imgHolder { position:relative; z-index:1; padding:40px 0 20px; } .debitCardSlider h3 { font-size:1.500em; color:#fff; opacity:0; font-weight:700; margin:0; padding-top:0; transition:350ms ease; -webkit-transition:350ms ease; } .debitCardSlider .sliderControl { position:absolute; top:0; width:100%; height:388px; } .debitCardSlider .sliderControl .swiper-button-next, .debitCardSlider .sliderControl .swiper-button-prev { width:56px; height:56px; border-radius:50%; box-shadow:0 0 15px rgba(0, 0, 0, 0.2); background-color:#fff; position:absolute; top:52%; margin-top:-28px; background-size:inherit; -webkit-transition:350ms ease; transition:350ms ease; } .debitCardSlider .sliderControl .swiper-button-next:hover, .debitCardSlider .sliderControl .swiper-button-prev:hover { opacity:0.8; } .debitCardSlider .sliderControl .swiper-button-prev { left:9.5%; background-position:-484px -789px; } .debitCardSlider .sliderControl .swiper-button-next { right:9.5%; background-position:-480px -731px; } .debitCardSliderOuter { position:relative; padding-bottom:485px; z-index:1; } .debitCardSliderOuter:after { width:100%; height:290px; background:#ff6633; border-bottom:20px solid #bc3f34; z-index:-1; position:absolute; left:0; top:31%; bottom:0; content:""; } .debitCardSlider .slideContent { width:1140px; position:absolute; left:50%; margin-left:-570px; top:100%; text-align:center; padding:50px 0 0; opacity:0; border-bottom:1px solid #d3d3d3; } .debitCardSlider .swiper-slide-active .slideContent { opacity:1; transition-delay:0.6s; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; transition-delay:0.7s; } .debitCardSlider .slideContent p { min-height:134px; color:#fff; margin-bottom:40px; } .debitCardSlider .slideContent ul { list-style:none; margin:0 0 40px 0; padding:0; text-align:center; } .debitCardSlider .slideContent ul li { display:inline-block; padding:10px 10px 20px 10px; width:19.6%; border-right:1px solid #d3d3d3; color:#333; font-size:16px; min-height:90px; vertical-align:top; } .debitCardSlider .masterCard .slideContent ul li { width:32%; } .debitCardSlider .ruClassicCard .slideContent ul { margin-bottom:20px; } .debitCardSlider .ruClassicCard .slideContent ul li { width:24.5%; margin-bottom:20px; min-height:inherit; } .debitCardSlider .slideContent ul li:last-child { border:0; } .debitCardSlider .slideContent .button { margin-bottom:50px; background:#ff6633; color:#fff; text-transform:uppercase; border:1px solid #ff6633; } .debitCardSlider .slideContent .button:hover { color:#ff6633; background:#fff; border-color:#ff6633; } .debitCardGrid .cardUser { margin:0; border:0; } .ipgKeyFeatures ul { margin:0; padding:0; border-left:1px solid #dedede; padding:0 40px; float:left; width:50%; list-style:none; } .ipgKeyFeatures .ipgKeyFeatures { position:relative; padding-left:360px; margin-top:40px; } .ipgKeyFeatures .ipgKeyFeatures:after { width:470px; height:401px; position:absolute; left:-110px; top:-30px; content:""; background:url(../../images/ipg-key-features-bg.png) no-repeat 0 0; display:block; } .ipgKeyFeatures ul li { min-height:88px; padding:20px 0 20px 80px; font-size:16px; position:relative; border-bottom:1px solid #dedede; } .ipgKeyFeatures ul li.single { padding:30px 0 30px 80px } .ipgKeyFeatures ul li:last-child { border:0; } .ipgKeyFeatures ul li .icon { position:absolute; left:0; top:20px; width:45px; height:47px; } .ipgKeyFeatures ul li .icon1 { background-position:-948px -703px; } .ipgKeyFeatures ul li .icon2 { background-position:-949px -769px; } .ipgKeyFeatures ul li .icon3 { background-position:-949px -837px; } .ipgKeyFeatures ul li .icon4 { background-position:-502px -844px; } .ipgKeyFeatures ul li .icon5 { background-position:-576px -844px; } .ipgKeyFeatures ul li .icon6 { background-position:-648px -844px; } .ipgKeyFeatures ul li .icon7 { background-position:-720px -843px; } .ipgKeyFeatures ul li .icon8 { background-position:-794px -844px; } .ipgTechSupport { background:#f7f7f7 url(../../images/ipg-technical-support.jpg) no-repeat right top; padding:60px 0 25px 0; margin-top:60px; } .ipgTechSupport ul { padding-right:400px; } .ipgTechSupport ul li, .ipgDocumentation ul li { margin-bottom:20px; } .ipgDocumentation { padding:60px 0 25px 0; } .ipgDocumentation .iconHolder { width:263px; float:left; padding-top:20px; } .ipgDocumentation .icon { width:198px; height:198px; border-radius:50%; box-shadow:2px 3px 7px rgba(0, 0, 0, 0.2); background:url(../../images/documentation-large-icon.png) no-repeat center center; display:inline-block; } .ipgDocumentation .rightArea { padding-left:263px; } .ipgInquire { background:#f8f8f8; margin-bottom:-40px; padding:40px 0; } .ipgInquire .leftCol { width:80%; } .ipgInquire .rightCol { width:20%; } .ipgInquire .contactDetail { padding:0; margin:0; } .ipgInquire .contactDetail div { padding-right:90px; } .ipgInquire .contactDetail a { font-size:18px; } .ipgInquire h3 { font-size:18px; font-weight:600; margin-bottom:10px; } .bottomCotactDetail .rightLinks { margin-top:27px; } .ipgInquire .rightLinks li { width:100%; } .nriLoanTypeList { margin:0; padding:0; list-style:none; } .nriLoanTypeList li { float:left; width:50%; text-align:center; position:relative; overflow:hidden; } .nriLoanTypeList .box { padding:55px 35px; position:relative; min-height:310px; display:block; } .nriLoanTypeList li.titleLarge { min-height:261px; } .nriLoanTypeList li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:45px; bottom:45px; content:""; z-index:1; } .nriLoanTypeList li:before { height:1px; background:#e0e0e0; position:absolute; left:35px; right:35px; bottom:0; content:""; z-index:1; } .nriLoanTypeList li:last-child:before, .nriLoanTypeList li:nth-child(5):before, .nriLoanTypeList li:nth-child(2n+2):after { display:none; } .nriLoanTypeList li a { text-decoration:none; } .nriLoanTypeList .title { font-size:18px; color:#3f3f3f; font-weight:700; margin-bottom:0; padding:18px 0; display:inline-block; position:relative; line-height:24px; } .nriLoanTypeList .title:after { width:62px; height:4px; content:""; position:absolute; left:50%; margin-left:-31px; bottom:10px; background:#fff; } .nriLoanTypeList .text { padding:0; font-size:14px; margin:0; color:#555; display:block; } .nriLoanTypeList .icon { width:68px; height:68px; display:block; margin:0 auto; position:relative; } .nriLoanTypeList .icon1 { background-position:0 -283px; height:58px; } .nriLoanTypeList .icon2 { background-position:-520px -284px; height:58px; } .nriLoanTypeList .icon3 { background-position:1px -899px; } .nriLoanTypeList .icon4 { background-position:-92px -901px; } .nriLoanTypeList .icon5 { background-position:-127px -283px; } .nriLoanTypeList li, .nriLoanTypeList .box, .nriLoanTypeList h3, .nriLoanTypeList p, .nriLoanTypeList .explore, .nriLoanTypeList .icon { -webkit-transition:all 350ms ease 0s; transition:all 350ms ease 0s; } .nriLoanTypeList li:hover .icon1 { background-position:0 -339px; } .nriLoanTypeList li:hover .icon2 { background-position:-520px -339px; } .nriLoanTypeList li:hover .icon3 { background-position:1px -975px; } .nriLoanTypeList li:hover .icon4 { background-position:-92px -977px; } .nriLoanTypeList li:hover .icon5 { background-position:-127px -322px; } .nriLoanTypeList li:hover .box { background:#ff6633; padding:25px 35px 85px 35px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.15) } .nriLoanTypeList li:hover:after, .nriLoanTypeList li:hover:before { opacity:0; } .nriLoanTypeList li:hover .title { padding:14px 0 22px 0; color:#fff; } .nriLoanTypeList li:hover .text { color:#fff; } .nriLoanTypeList li:hover .explore { opacity:1; visibility:visible; transform:translateY(-25px); -webkit-transform:translateY(-25px); } .moneyTransfer { position:relative; height:700px; margin:30px auto 0 auto; width:990px; } .moneyTransfer .middleImg { position:absolute; left:50%; top:50%; margin:-146px 0 0 -146px; z-index:1; } .moneyTransfer .middleImg img { border:12px solid #e5e5e5; border-radius:50%; } .moneyTransfer ul { margin:0; padding:0; list-style:none; } .moneyTransfer ul li { position:absolute; z-index:1; } .moneyTransfer ul li a { font-size:1.313em; color:#3f3f3f; font-weight:700; } .moneyTransfer ul li a:focus { outline:0 none; } .moneyTransfer ul li a:hover { color:#ff6633; } .moneyTransfer .title { position:absolute; display:inline-block; } .moneyTransfer .title:after { position:absolute; left:0; bottom:-3px; height:2px; width:0; content:""; background:#ff6633; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; display:none; } .moneyTransfer ul li a:hover .title:after { width:80px; } .moneyTransfer .imgHolder { position:relative; z-index:1; display:inline-block; } .moneyTransfer .imgHolder img { display:block; width:100%; transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; border-radius:50%; } .moneyTransfer ul li a:hover .imgHolder img { -webkit-transform:scale(0); transform:scale(0); } .moneyTransfer .imgHolder .imgOverlay { position:absolute; left:0; bottom:0; right:0; top:0; border-radius:50%; background:#ff6633; color:#fff; padding:31px 0; text-align:center; font-size:0; -webkit-transform:scale(1.5); transform:scale(1.5); transition:all 0.4s ease-in-out 0.1s; -webkit-transition:all 0.4s ease-in-out 0.1s; opacity:0; } .moneyTransfer ul li a:hover .imgHolder .imgOverlay { -webkit-transform:scale(1); transform:scale(1); font-size:16px; opacity:1; } .moneyTransfer .imgHolder:before { position:absolute; width:56px; left:0; top:0; content:""; border-top:2px dashed #b6b6b6; } .moneyTransfer .imgHolder:after { left:-7px; top:-7px; position:absolute; content:""; animation:10s linear 0s infinite running spin; -webkit-animation:10s linear 0s infinite running spin; background:url(../../images/money-transfer-circle-bg.png) no-repeat center center; width:101px; height:101px; z-index:-1; } .moneyTransfer .icon1 { top:45px; left:445px; } .moneyTransfer .icon1 .title { top:-50px; left:-55px; width:210px; } .moneyTransfer .icon1 .imgHolder:before { transform:rotate(90deg); left:16px; top:125px; } .moneyTransfer .icon2 { top:110px; left:615px; } .moneyTransfer .icon2 .title { top:25px; left:105px; } .moneyTransfer .icon2 .imgHolder:before { transform:rotate(130deg); left:-38px; top:104px; } .moneyTransfer .icon3 { top:270px; left:705px; } .moneyTransfer .icon3 .title { top:7px; left:105px; width:170px; } .moneyTransfer .icon3 .imgHolder:before { transform:rotate(180deg); left:-68px; top:46px; } .moneyTransfer .icon4 { top:440px; left:675px; } .moneyTransfer .icon4 .title { top:15px; left:105px; width:180px; } .moneyTransfer .icon4 .imgHolder:before { transform:rotate(213deg); left:-56px; top:-3px; } .moneyTransfer .icon5 { top:554px; left:539px; } .moneyTransfer .icon5 .title { top:15px; left:105px; width:180px; } .moneyTransfer .icon5 .imgHolder:before { transform:rotate(71deg); left:-13px; top:-35px; } .moneyTransfer .icon6 { top:551px; left:352px; } .moneyTransfer .icon6 .title { top:15px; right:105px; width:260px; text-align:right; } .moneyTransfer .icon6 .imgHolder:before { transform:rotate(110deg); left:37px; top:-35px; } .moneyTransfer .icon7 { top:450px; left:227px; } .moneyTransfer .icon7 .title { top:22px; right:105px; width:160px; text-align:right; } .moneyTransfer .icon7 .imgHolder:before { transform:rotate(143deg); left:83px; top:-3px; } .moneyTransfer .icon8 { top:270px; left:197px; } .moneyTransfer .icon8 .title { top:22px; right:105px; width:160px; text-align:right; } .moneyTransfer .icon8 .imgHolder:before { transform:rotate(184deg); left:96px; top:52px; } .moneyTransfer .icon9 { top:113px; left:271px; } .moneyTransfer .icon9 .title { top:8px; right:105px; width:180px; text-align:right; } .moneyTransfer .icon9 .imgHolder:before { transform:rotate(222deg); left:76px; top:96px; } .moneyTransfer .icon1 { opacity:0; animation:icon1 0.3s 500ms forwards; } @keyframes icon1 { 0% { left:445px; top:-5px; opacity:0; } 100% { left:445px; top:43px; opacity:1; } } .moneyTransfer .icon2 { opacity:0; animation:icon2 0.3s 800ms forwards; } @keyframes icon2 { 0% { left:615px; top:70px; opacity:0; } 100% { left:623px; top:107px; opacity:1; } } .moneyTransfer .icon3 { opacity:0; animation:icon3 0.3s 1s forwards; } @keyframes icon3 { 0% { left:850px; top:270px; opacity:0; } 100% { left:713px; top:270px; opacity:1; } } .moneyTransfer .icon4 { opacity:0; animation:icon4 0.3s 1.3s forwards; } @keyframes icon4 { 0% { left:780px; top:500px; opacity:0; } 100% { left:677px; top:450px; opacity:1; } } .moneyTransfer .icon5 { opacity:0; animation:icon5 0.3s 1.6s forwards; } @keyframes icon5 { 0% { left:539px; top:580px; opacity:0; } 100% { left:539px; top:560px; opacity:1; } } .moneyTransfer .icon6 { opacity:0; animation:icon6 0.3s 1.9s forwards; } @keyframes icon6 { 0% { left:352px; top:590px; opacity:0; } 100% { left:352px; top:551px; opacity:1; } } .moneyTransfer .icon7 { opacity:0; animation:icon7 0.3s 2s forwards; } @keyframes icon7 { 0% { left:227px; top:490px; opacity:0; } 100% { left:227px; top:450px; opacity:1; } } .moneyTransfer .icon8 { opacity:0; animation:icon8 0.3s 2.3s forwards; } @keyframes icon8 { 0% { left:110px; top:270px; opacity:0; } 100% { left:191px; top:270px; opacity:1; } } .moneyTransfer .icon9 { opacity:0; animation:icon9 0.3s 2.6s forwards; } @keyframes icon9 { 0% { left:271px; top:80px; opacity:0; } 100% { left:271px; top:113px; opacity:1; } } .swiftTable th:first-child, .swiftTable td:first-child { width:105px; text-align:center; } .swiftTable th:nth-child(2), .swiftTable td:nth-child(2) { width:250px; } .swiftTable.swiftCodes th:nth-child(2), .swiftTable.swiftCodes td:nth-child(2) { text-align:center; } .tenderListTable { margin:0; } .tenderListTable th:first-child { width:80px; } .tenderListTable th:first-child, .tenderListTable td:first-child, .tenderListTable .dateCol { text-align:center; } .tenderListTable th:nth-child(3) { width:200px; } .tenderListTable .dateCol { width:150px; } .tenderListing { margin:0; padding:0; list-style:none; } .tenderListing .label, .tenderListing .value, .tenderDetailContainer .label, .tenderDetailContainer .value { display:inline-block; padding:3px 0; } .tenderListing .label, .tenderDetailContainer .label { width:120px; font-weight:600; position:relative; } .tenderDetailContainer .label { width:215px; } .mediaDetail .label { width:125px; } .tenderListing .label:after, .tenderDetailContainer .label:after { position:absolute; right:10px; top:0; content:":"; } .annualReportTbl .leftValue, .annualReportTbl .rightValue, .balancesSheetTbl .leftValue, .balancesSheetTbl .rightValue { width:50%; float:left; } .annualReportTbl .rightValue, .balancesSheetTbl .rightValue { float:right; text-align:right; } .annualReportTbl th:nth-child(2), .annualReportTbl th:nth-child(3) { width:280px; } .balancesSheetTbl th:nth-child(3), .balancesSheetTbl th:nth-child(4) { width:250px; } .balancesSheetTbl th:nth-child(2) { width:110px; } .balancesSheetTbl th:nth-child(2), .balancesSheetTbl td:nth-child(2) { text-align:center; } .offerZoneList { margin:0 -23px; padding:0; list-style:none; } .offerZoneList li { padding:23px; float:left; width:33.333%; } .offerZoneList .box { position:relative; overflow:hidden; } .offerZoneList .imgHolder { position:relative; border:1px solid #d9d9d9; overflow:hidden; } .offerZoneList .imgHolder img { display:block; width:100%; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms } .offerZoneList .imgHolder:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); } .offerZoneList .overlayArea { position:absolute; width:100%; text-align:center; left:0; bottom:-63px; background:rgba(0, 0, 0, 0.7); transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; } .offerZoneList .imgHolder:hover .overlayArea { bottom:0; } .offerZoneList .overlayArea:after { position:absolute; left:0; bottom:100%; width:100%; content:""; background:url(../../images/home-loan-box-bg.png) repeat-x 0 0; height:89px; } .offerZoneList h3 { font-size:21px; color:#fff; font-weight:700; margin-bottom:0; padding:0 11px; } .offerZoneList .knowMore, .offerZoneList .knowMore { display:inline-block; background:#ff6633; color:#fff; font-weight:600; margin:20px 0; padding:0 25px; line-height:38px; text-decoration:none; } .offerZoneList .knowMore .icon { width:17px; height:12px; display:inline-block; vertical-align:middle; margin-left:12px; background-position:-543px -424px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .offerZoneList .knowMore:hover { background:#fff; color:#ff6633; } .offerZoneList .knowMore:hover .icon { background-position:-560px -424px; } .offerImgHolder img { border:1px solid #d9d9d9; width:100%; margin:0 0 30px; } .masterDbtCardOffer { margin:0; padding:0; list-style:none; } .masterDbtCardOffer li { margin-bottom:40px; } .masterDbtCardOffer li:last-child { margin:0; } .masterDbtCardOffer li img { width:100%; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms } .masterDbtCardOffer li img:hover { box-shadow:0 0 8px #7e7e7e; } .shoppingOffer { margin:10px -10px; padding:0; list-style:none; } .shoppingOffer li { float:left; width:50%; padding:10px; } .shoppingOffer li img { width:100%; } .wellnessOffer .imgHolder { text-align:center; margin-bottom:20px; } .wellnessOffer .imgHolder img { border:1px solid #d9d9d9; } .billPayList { float:left; width:100%; padding:20px 0 45px; } .billPayListCover { float:left; width:100%; position:relative; } .billPayListCover .hline { width:1px; height:100%; position:absolute; left:50%; top:0px; background-color:#dddddd; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); } .billPayListInfo { float:left; width:47%; position:relative; } .billPayListInfo:last-child { float:right; } .billPayListInfo h3 { font-size:20px; line-height:25px; font-weight:bold; } .billPayListInfo ul { list-style:none; padding:0px; margin:0px; } .billPayListInfo ul li { float:left; width:100%; border-top:1px solid #dddddd; padding:18px 0 18px 26px; position:relative; } .billPayListInfo ul li:before { content:""; position:absolute; left:-12px; top:20px; width:22px; height:20px; background:url(../../images/sprite.png) no-repeat -276px -920px; } .billPayList .borderTitle { margin-bottom:57px; } .billPayEligi { float:left; width:100%; background-color:#f9f9f9; padding:52px 0 36px; position:relative; z-index:9; } .billPayEligiCover { float:left; width:100%; position:relative; } .billPayEligi ul { list-style:none; padding:9px 0 0 187px; margin:0px; } .billPayEligi ul li { position:relative; padding:0 0 0 30px; } .billPayEligi ul li p { margin:0 0 17px; } .billPayEligi ul li:before { content:""; position:absolute; left:-14px; top:2px; width:22px; height:20px; background:url(../../images/sprite.png) no-repeat -276px -920px; } .billPayEligiImg { position:absolute; left:0px; top:74px; width:140px; } .billPayUsage { float:left; width:100%; padding:50px 0; } .billPayUsage ul { list-style:none; padding:0px; margin:33px 0 0; } .billPayUsage ul li { float:left; height:198px; display:table; position:relative; width:19%; text-align:center; } .billPayUsage ul li .inner { display:table-cell; vertical-align:middle; } .billPayUsage ul li:nth-child(1) { text-align:left; padding:0 61px 0 0; } .billPayUsage ul li:last-child { width:auto; } .billPayUsage ul li:nth-child(2) .iconcover:not(:last-child) { margin-bottom:30px; } .billPayUsage .iconcover { display:block; vertical-align:top; position:relative; text-align:center; } .billPayUsage .icon { width:50px; height:47px; display:inline-block; vertical-align:top; } .billPayUsage .iconcover p { margin:5px 0 0 0; font-weight:600; } .billPayUsage .icon1 { background-position:-357px -923px; } .billPayUsage .icon2 { background-position:-447px -924px; } .billPayUsage .icon3 { background-position:-539px -924px; } .billPayUsage .icon4 { background-position:-629px -918px; } .billPayUsage .icon5 { background-position:-725px -924px; } .billPayUsage .icon6 { background-position:-797px -924px; } .billPayUsage .icon7 { background:url(../../images/bbps-icon.png) no-repeat 0px 0px; width:186px; height:59px; position:relative; top:-12px; } .billPayUsage ul li:nth-child(1):before { content:""; width:53px; height:81px; background-position:-310px -994px; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:nth-child(2):before { content:""; width:53px; height:81px; background-position:-416px -994px; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:nth-child(3):before { content:""; width:53px; height:81px; background-position:-513px -994px; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:nth-child(4):before { content:""; width:53px; height:81px; background-position:-513px -994px; position:absolute; right:-51px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:nth-child(5):before { content:""; width:53px; height:81px; background-position:-513px -994px; position:absolute; right:18px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:nth-child(6):before { content:""; width:53px; height:81px; background-position:-513px -994px; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } .billPayUsage ul li:before { background-image:url(../../images/sprite.png); background-repeat:no-repeat; } .clear { clear:both; } .billPayUsage ul li:last-child:before { background:none; } #footer { float:left; width:100%; } .billPayCategory { float:left; width:100%; background:url(../../images/billPayCategory-bg-image.jpg) no-repeat left top; padding:53px 0 82px; background-size:100% 100%; } .billPayCategory h2 { margin:0 0 14px; } .billPayCateCover { float:left; width:100%; margin:19px 0 0 0; } .billPayCateInfo { float:left; width:100%; border-top:1px solid #e3e4e4; } .billPayCateInfo:nth-child(2) ul li:nth-child(1) { position:relative; bottom:-2px; border-bottom:2px solid #fbfbfb; } .billPayCateInfo:nth-child(2) ul li:last-child { width:12%; position:relative; bottom:-2px; border-bottom:2px solid #fbfbfb; } .billPayCateInfo h4 { font-size:18px; line-height:23px; font-weight:900; margin:0px; padding:0px; } .billPayCateInfo h4 span { color:#ff6633; } .billPayCateInfo h5 { font-size:16px; line-height:20px; font-weight:900; margin:0px; padding:0px; } .billPayCateInfo h5 span { color:#ff6633; } .billPayCateInfo:nth-child(1) { background-color:#fff; } .billPayCateInfo:nth-child(2), .billPayCateInfo:nth-child(3), .billPayCateInfo:nth-child(4) { background:rgba(255, 255, 255, 0.6); } .billPayCateInfo ul { margin:0px; padding:0px; list-style:none; } .billPayCateInfo ul li { height:133px; display:table; float:left; } .billPayCateInfo ul li:not(:last-child) { border-right:1px solid #e3e4e4; } .billPayCateInfo .billPayCateInfoInn { display:table-cell; vertical-align:middle; text-align:center; padding:0 10px; width:152px; } .billPayCateInfo ul li:nth-child(1) { width:10%; } .billPayCateInfo ul li:nth-child(2) { width:15%; text-align:left; } .billPayCateInfo ul li:nth-child(3) { width:63%; text-align:left; } .billPayCateInfo ul li:nth-child(2) .billPayCateInfoInn { text-align:left; } .billPayCateInfo ul li:last-child { width:10%; } .billPayCateInfo .icon { width:60px; height:50px; display:inline-block; vertical-align:top; } .billPayCateInfo .icon1 { background-position:-0px -1105px; } .billPayCateInfo .icon2 { background-position:-106px -1105px; } .billPayCateInfo .icon3 { background-position:-185px -1105px; } .billPayCateInfo .icon4 { background-position:-284px -1102px; } .billPayCateInfo .icon5 { background-position:-393px -1105px; } .billPayCateInfo .icon6 { background-position:-13px -1191px; } .billPayCateInfo .icon7 { background-position:-101px -1185px; } .billPayCateInfo .icon8 { background-position:-201px -1185px; } .billPayCateInfo .icon9 { background-position:-295px -1185px; } .billPayCateInfo .icon10 { background-position:-390px -1180px; } .billPayCateInfo .icon11 { background-position:-491px -1180px; } .billPayCateInfo .icon12 { background-position:-591px -1180px; } .billPayCateInfo .icon13 { background-position:-6px -1261px; } .billPayCateInfo .icon14 { background-position:-97px -1261px; } .billPayCateInfo .icon15 { background-position:-196px -1258px; } .billPayCateInfo .icon16 { background-position:-292px -1258px; } .billPayCateInfo p { margin:10px 0 0 0; font-size:0.875em; } .billPayCateInfo .col-control { float:left; display:table; height:133px; } .billPayCharges { float:left; width:100%; padding:57px 0 10px 0; } .billPayCharges .table-info { width:100%; display:inline-block; vertical-align:top; margin:8px 0 0; -webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); } .billPayCharges .table-info h4 { font-size:18px; line-height:23px; font-weight:700; margin:0px; padding:0px; } .billPayCharges .table-info h4 span { color:#ff6633; } .billPayCharges .table-info .icon { width:58px; height:58px; display:inline-block; vertical-align:top; } .billPayCharges .table-info .icon1 { background-position:0 -1105px; } .billPayCharges .table-info .icon2 { background-position:-106px -1105px; } .billPayCharges .table-info .icon3 { background-position:-185px -1105px; } .billPayCharges .table-info .icon4 { background-position:-284px -1102px; } .billPayCharges .table-info .icon5 { background-position:-393px -1105px; } .billPayCharges .table-info p { width:100%; text-align:center; display:block; margin:0px; } .billPayCharges .table-info .first-col { width:35%; height:128px; vertical-align:middle; text-align:left; padding:0 25px; } .billPayCharges .table-info .second-col { width:15%; height:128px; vertical-align:middle; text-align:center; } .billPayCharges .table-info .third-col { width:12%; height:128px; vertical-align:middle; text-align:center; } .billPayCharges .table-info .forth-col { width:13%; height:128px; vertical-align:middle; text-align:center; } .billPayCharges .table-info .fifth-col { width:12%; height:128px; vertical-align:middle; text-align:center; } .billPayCharges .table-info .sixth-col { width:13%; height:128px; vertical-align:middle; text-align:center; } .billPayCharges .table-info td { text-align:center; vertical-align:middle; } .billPayCharges .table-info .inner-table { padding:0px; background-color:#fff; border:0px!important; position:relative; bottom:-1px; right:-1px; } .billPayCharges .table-info .inner-table td { height:57px; text-align:left; padding:0 40px; } .billPayCharges .table-info .nopadd { padding:0px; } .billPayCharges .table-info tr:nth-child(odd) td, .tableRowOdd { background-color:#fff; } .billPayCharges .note { float:left; width:100%; margin:30px 0 0 0; } .billPayCharges .note p { color:#ff6633; } .billPayPSI { float:left; width:100%; background-color:#f8f8f8; padding:30px 0 30px; } .billPayPSI p { padding:0px; margin:0px; } .billPayPSI h2 { margin:0 0 14px; } .billPayPSI ul { padding:0px; margin:0px; } .billPayPSI ul li { display:inline-block; vertical-align:top; padding:20px 20px; } .billPayPSI ul li:nth-child(1) { border-right:1px solid #d3d3d3; width:43%; padding:20px 20px 20px 0; } .billPayPSI ul li:nth-child(2) { width:28%; } .easy-pay-banner { border-bottom:4px solid rgba(0, 0, 0, 0.9); } .easy-pay-banner .pageTitle h2 { margin:0px 0 0; } .easyPayInBank { float:left; width:100%; } .easyPayInBank p a { text-decoration:underline; } .easyPayInBank .brdParagraph { margin-bottom:60px; } .easyPayAdv { float:left; width:100%; padding:12px 0 0; position:relative; } .easyPayAdvCover { float:left; width:100%; padding:95px 0 0; } .easyPayAdvinfo { float:left; width:27%; } .easyPayAdvinfo:last-child { float:right; text-align:left; } .easyPayAdvinfo ul { list-style:none; padding:0px; } .easyPayAdvinfo ul li { text-align:right; padding:0 68px 0 0; margin:0 0 16px; position:relative; display:inline-block; vertical-align:top; width:100%; } .easyPayAdvinfo ul li:nth-child(2) { padding:0 83px 0 0; } .easyPayAdvinfo ul li:nth-child(3) { padding:0 87px 0 0; } .easyPayAdvinfo ul li:nth-child(4) { padding:0 45px 0 0; } .easyPayAdvinfo .icon { position:absolute; right:0px; width:60px; height:50px; top:0px; } .easyPayAdvinfo .icon1 { background-position:-996px 4px; } .easyPayAdvinfo .icon2 { background-position:-996px -49px; right:7px; top:-3px; } .easyPayAdvinfo .icon3 { background-position:-996px -107px; right:9px; top:0px; } .easyPayAdvinfo .icon4 { background-position:-993px -166px; right:-14px; top:9px; } .easyPayAdvinfo .icon5 { background-position:-1062px 4px; left:0; top:0px; } .easyPayAdvinfo .icon6 { background-position:-1062px -49px; left:11px; top:0px; } .easyPayAdvinfo .icon7 { background-position:-1062px -108px; left:34px; top:4px; } .easyPayAdvinfo .icon8 { background-position:-1062px -164px; left:0px; top:4px; } .easyPayAdvinfo:last-child .easyPayAdvinfo ul li { float:left; } .easyPayAdvinfo:last-child ul li:nth-child(1) { padding:0 0 0 60px; text-align:left; } .easyPayAdvinfo:last-child ul li:nth-child(2) { padding:0 0 0 89px; text-align:left; } .easyPayAdvinfo:last-child ul li:nth-child(3) { padding:0 0 0 89px; text-align:left; } .easyPayAdvinfo:last-child ul li:nth-child(4) { padding:0 0 0 61px; text-align:left; } .easyPayAdvImg { position:absolute; left:50%; bottom:0px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); max-width:443px; width:100%; } .easyPayReq { float:left; width:100%; } .easyPayReq ul { padding:50px 0 0 187px; } .easyPayReq .billPayEligi { padding:43px 0 36px; } .easyPayReqCov { float:left; width:100%; margin:45px 0 0 0; padding:42px 0 0; border-top:1px solid #d3d3d3; } .easyPayReqCov .list-arrow { min-height:inherit; padding:0px; margin:0px; } .list-arrow { float:left; width:100%; padding:0px; margin:0px; min-height:inherit; list-style:none; } .list-arrow li { padding:0 0 0 30px; position:relative; } .list-arrow li:before { content:""; position:absolute; left:-10px; top:2px; width:22px; height:20px; background:url(../../images/sprite.png) no-repeat -276px -920px; } .eayPayStarted { float:left; width:100%; padding:41px 0; } .eayPayStarted .resTab2 .tabNav { border-bottom:4px solid #d3d3d3; } .eayPayStarted .resTab2 .tabNav { background-color:#fff; } .eayPayStarted .resTab2 .tabNav li { position:relative; } .eayPayStarted .resTab2 .tabNav li a { color:#000; background:#fff; } .eayPayStarted .resTab2 .tabNav li.r-tabs-state-active a { color:#000!important; } .eayPayStarted .resTab2 .tabNav li a:before { display:none; } .eayPayStarted .resTab2 .tabNav li a:after { display:none; } .eayPayStarted .resTab2 .tabNav li.r-tabs-state-active:before { content:""; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:10px 10px 10px 10px; border-color:#d3d3d3 transparent transparent transparent; bottom:-22px; } .eayPayStarted .resTab2 .tabNav li.r-tabs-state-default a { font-weight:normal; color:#555555!important; } .innertab-info { float:left; width:100%; } .innertab-info h2 { color:#555555; margin:30px 0; } .eayPayInquire { float:left; width:100%; } .eayPayInquire .ipgInquire { margin-bottom:0px; } .eayPayInquire ul.bulletText { margin:13px 0 0; } .eayPayInquire ul.bulletText li { background-position:left 8px; } .eayPayInquire .ipgInquire .contactDetail div { width:48%; padding:0px; } .eayPayInquire .ipgInquire .contactDetail div:last-child { width:48%; float:right; } .eayPayInquireEm { margin:30px 0 0 0; } .eayPayInquire .bottomCotactDetail .leftCol { padding:0 0 23px; } .visaCardOffer .box { margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #ccc; } .visaCardOffer .box:last-child { margin:0; padding:0; border:0; } .visaCardOffer .imgHolder { margin-bottom:15px; } .visaCardOffer .imgHolder img { border:1px solid #ccc; } .rapidFunds .brdParagraph { font-weight:400; } .rapidFunds-top { float:left; width:100%; margin:0 0 30px; } .rapidFunds-top p { margin:0 0 5px; } .rapidFunds-middle { float:left; width:100%; margin:0 0 30px; } .rapidFunds-bottom { float:left; width:100%; } .rapidFunds-bottom table { margin:30px 0; } .rapidFunds-bottom td { padding:20px 30px; } .rapidFunds-bottom .first-col { width:60%; text-align:left; } .rapidFunds-bottom .second-col { width:20%; text-align:center; } .rapidFunds-bottom .third-col { width:20%; text-align:center; } .eShoppe { float:left; width:100%; } .eShoppe .list-arrow { margin:0 0 15px; } .eShoppe .brdParagraph { margin-bottom:60px; font-weight:600; } .eShoppe h3 { font-size:18px; line-height:23px; font-weight:700; margin:0px 0 10px; } .eShoppe a { display:inline-block; vertical-align:top; } .eshopSimSteps { float:left; width:100%; background-color:#ff6633; padding:41px 0; } .eshopSimSteps h2 { color:#fff; } .eshopSimSteps ul { width:100%; float:left; margin:0px; padding:0px; list-style:none; } .eshopSimSteps ul li { width:18%; float:left; box-sizing:border-box; padding:0 20px 0 43px; position:relative; min-height:161px; } .eshopSimSteps ul li:not(:last-child):before { position:absolute; right:0px; top:0px; width:1px; height:100%; background-color:#fff; content:""; } .eshopSimSteps ul li:not(:last-child) { margin-right:2%; } .eshopSimStepsInfo { float:left; width:100%; color:#fff; } .eshopSimStepsInfo h3 { font-size:56px; line-height:60px; font-weight:700; color:#f7c7c2; float:left; position:absolute; left:0px; } .eshopSimStepsInfo p { color:#fff; margin:12px 0 0; } .eshopSimStepsInfo .icon { position:relative; top:3px; width:101px; height:50px; float:left; width:62px; } .eshopSimStepsInfo .stepsicon1 { background-position:-795px -2162px; } .eshopSimStepsInfo .stepsicon2 { background-position:-897px -2166px; } .eshopSimStepsInfo .stepsicon3 { background-position:-1004px -2162px; } .eshopSimStepsInfo .stepsicon4 { background-position:-1091px -2163px; width:100px; } .eshopSimStepsInfo .stepsicon5 { background-position:-1217px -2160px; } .eshopGetSta { float:left; width:100%; padding:39px 0; } .eshopGetSta ul { list-style:none; } .eshopGetSta ul li { float:left; } .eshopGetSta ul li:not(:last-child) { margin-right:34px; } .eshopMerch { display:table; width:159px; height:159px; border:2px dashed #d6d6d6; border-radius:4px; } .eshopMerch .vcenter { display:block; padding:43px 0; vertical-align:middle; text-align:center; } .eshopMerch .text { display:block; font-weight:700; margin:0px; color:#555; } .eshopMerch .micon { background-position:-1033px -602px; width:44px; height:44px; display:inline-block; vertical-align:top; } .eshopDisc { float:left; width:100%; background-color:#f6f6f6; border:1px solid #d3d3d3; padding:42px 30px 20px; } .eshopDisc p { font-size:15px; line-height:25px; color:#818181; } .loginPopup .button { display:block; text-align:center; text-transform:uppercase; letter-spacing:2px; } .devider { display:block; position:relative; text-align:center; margin:15px 0; } .devider:after { width:100%; left:0; top:50%; height:1px; content:""; position:absolute; background:#ff6633; } .devider span { display:inline-block; padding:0 8px; background:#fff; position:relative; z-index:1; text-transform:uppercase; } .loginPopup, .loginPage { max-width:860px; } .loginPage { margin:0 auto; width:100%; } .loginPopup h3, .loginPage h3 { padding:0; margin-bottom:10px; } .loginPopup h3 span, .loginPage h3 span { font-weight:600; color:#555; font-size:0.737em; } .loginPopup .detailRow { padding:30px 35px 25px; } .loginPopup .row, .loginPage .row { margin:0 -40px; } .loginDetaillist { padding:0 40px; border-bottom:1px solid #e3e3e3; margin-bottom:15px; padding:0; } .loginDetaillist:last-child { border-bottom:none; margin-bottom:0; } .loginDetaillist ul.bulletText { float:left; margin-bottom:5px; padding-right:15px; width:50%; } .loginDetaillist ul.bulletText:last-child { padding-left:15px; padding-right:0; } .loginPopup .row .col2, .loginPage .row .col2 { padding:0 40px; } .loginPopup .row .col2:first-child, .loginPage .row .col2:first-child { border-right:1px solid #ccc; } .loginPopup ul, .loginPage ul { margin:0; } .headerRow .botRightNav .nojsLogin, .noJS .headerRow .botRightNav .jsLogin { display:none; } .noJS .headerRow .botRightNav .nojsLogin { display:inline-block; } .bbheader { position:fixed; top:0; text-align:center; z-index:100; min-height:480px; width:100%; height:100%; background-color:#ff6633; } .ip-logo, .bbloader { position:absolute; left:0; width:100%; opacity:0; cursor:default; pointer-events:none; } .ip-logo { top:15%; height:100%; -webkit-transform:translate3d(0, 25%, 0); transform:translate3d(0, 25%, 0); } .bbloader { bottom:23%; } .bbheader .ip-inner { display:none !important; } .bbheader .bbloader .bbloaderCircle { stroke:#ddd; } .bbheader .bbloader .bbloaderCircle { -webkit-transition:stroke-dashoffset 0.2s; transition:stroke-dashoffset 0.2s; stroke:#ef6e7e; } .bbContainer { position:relative; z-index:101; display:none; } .noJS .bbContainer { display:none !important; } .bbContainer.loaded .bbheader .ip-logo { opacity:0; visibility:hidden; } .bbMain { overflow:hidden; } .loading .ip-logo, .loading .bbloader { opacity:1; -webkit-animation:animInitialHeader 700ms cubic-bezier(0.7, 0, 0.3, 1) both; animation:animInitialHeader 700ms cubic-bezier(0.7, 0, 0.3, 1) both; } .loading .bbloader { -webkit-animation-delay:0.1s; animation-delay:0.1s; } @keyframes animInitialHeader { from { opacity:0; -webkit-transform:translate3d(0, 800px, 0); transform:translate3d(0, 800px, 0); } } .loaded .ip-logo, .loaded .bbloader { opacity:1; } .loaded .ip-logo { -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-animation:animLoadedLogo 700ms cubic-bezier(0.7, 0, 0.3, 1) forwards; animation:animLoadedLogo 700ms cubic-bezier(0.7, 0, 0.3, 1) forwards; } @keyframes animLoadedLogo { to { -webkit-transform:translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); transform:translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } .loaded .bbloader { -webkit-animation:animLoadedLoader 700ms cubic-bezier(0.7, 0, 0.3, 1) forwards; animation:animLoadedLoader 700ms cubic-bezier(0.7, 0, 0.3, 1) forwards; } @keyframes animLoadedLoader { to { opacity:0; -webkit-transform:translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform:translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } .loaded .ip-logo .bbloaderCircle { -webkit-transition:all 0.5s ease 0.3s; transition:all 0.5s ease 0.3s; fill:#fff; } .loaded .bbheader { -webkit-animation:animLoadedHeader 600ms cubic-bezier(0.3, 0, 0.3, 1) forwards; animation:animLoadedHeader 600ms cubic-bezier(0.3, 0, 0.3, 1) forwards; } @keyframes animLoadedHeader { to { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); } } .loaded .bbMain .browser, .loaded .bbMain .browser .box { -webkit-animation:animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation:animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both; } .loaded .bbMain .browser, .loaded .bbMain .browser .box:first-child { -webkit-animation-delay:0.1s; animation-delay:0.1s; } .loaded .bbMain .browser .box:nth-child(2) { -webkit-animation-delay:0.15s; animation-delay:0.15s; } .loaded .bbMain .browser .box:nth-child(3) { -webkit-animation-delay:0.2s; animation-delay:0.2s; } @keyframes animLoadedContent { from { opacity:0; -webkit-transform:translate3d(0, 200px, 0); transform:translate3d(0, 200px, 0); } } .layoutSwitch .bbheader { position:absolute; } .noJs .bbheader { position:relative; min-height:0px; } .noJs .bbheader .ip-logo { margin-top:20px; height:180px; opacity:1; -webkit-transform:none; transform:none; } .loadingImg { font-size:10px; margin:50px auto; text-indent:-9999em; width:60px; height:60px; border-radius:50%; background:#ffffff; background:-moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background:-webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background:-o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background:-ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background:linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%); position:relative; -webkit-animation:load3 1.4s infinite linear; animation:load3 1.4s infinite linear; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); } .loadingImg:before { width:50%; height:50%; background:#ffffff; border-radius:100% 0 0 0; position:absolute; top:0; left:0; content:''; } .loadingImg:after { background:#ff6633; width:75%; height:75%; border-radius:50%; content:''; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0; } @-webkit-keyframes load3 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .awardDesc { max-height:4.8em; margin-bottom:20px; overflow:hidden; } .awardDesc p:last-child { margin-bottom:0; } .awardDesc + a span { font-size:12px; } .sebiTable th:nth-child(2) { width:160px; } .sebiTable th:last-child, .sebiTable td:nth-child(2) { text-align:center; } .PagerStyle table, .PagerStyle table td { padding:0; border:0; } .PagerStyle table td a, .PagerStyle table td span { text-align:center; color:#666666; display:block; font-size:16px; font-weight:400; line-height:21px; padding:4px 7px; margin:0 1px; text-decoration:none; } .PagerStyle table td span, .PagerStyle table td a:hover { background:#ff6633; color:#fff; } .accountSubNav, .depositsSubNav { margin:0; padding:20px 0 40px 0; list-style:none; } .accountSubNav li, .depositsSubNav li { float:left; width:33.333%; text-align:center; border-right:1px solid #e0e0e0; } .currentAccountbox li { width:50%; } .accountSubNav li .box, .depositsSubNav li .box { padding:55px 0 0 0; position:relative; overflow:hidden; min-height:200px; } .tenderCategoryLinks.accountSubNav li { width:50%; } .accountSubNav li:last-child, .depositsSubNav li:last-child { border:0; } .accountSubNav li.titleLarge { min-height:265px; } .accountSubNav li a, .depositsSubNav li a { text-decoration:none; display:block; } .accountSubNav .box, .depositsSubNav .box { position:relative; display:block; } .accountSubNav .title, .depositsSubNav .title { font-size:18px; color:#3f3f3f; font-weight:700; margin-bottom:0; padding:13px 0; display:inline-block; position:relative; line-height:24px; } .accountSubNav .title:after, .depositsSubNav .title:after { width:0; height:3px; content:""; position:absolute; left:50%; bottom:10px; background:#fff; -webkit-transition:all 350ms ease 0s; transition:all 350ms ease 0s; } .accountSubNav .title a, .depositsSubNav .title a { color:#3f3f3f; } .accountSubNav .icon, .depositsSubNav .icon { width:59px; height:53px; display:block; margin:0 auto; position:relative; } .accountSubNav .icon1 { background-position:-140px -1335px; } .accountSubNav .icon2 { background-position:-212px -1335px; } .accountSubNav .icon3 { background-position:-283px -1334px; } .accountSubNav li, .accountSubNav .box, .accountSubNav h3, .accountSubNav h3:after, .accountSubNav p, .accountSubNav .explore, .accountSubNav .icon, .depositsSubNav li, .depositsSubNav .box, .depositsSubNav h3, .depositsSubNav h3:after, .depositsSubNav p, .depositsSubNav .explore, .depositsSubNav .icon { -webkit-transition:all 350ms ease 0s; transition:all 350ms ease 0s; } .accountSubNav li:hover .icon1 { background-position:-140px -1399px; } .accountSubNav li:hover .icon2 { background-position:-212px -1399px; } .accountSubNav li:hover .icon3 { background-position:-283px -1399px; } .accountSubNav li:hover .box, .depositsSubNav li:hover .box { background:#ff6633; padding:20px 0 20px 0; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.15) } .accountSubNav li:hover .title, .depositsSubNav li:hover .title { padding:9px 0 17px 0; color:#fff; } .accountSubNav li:hover .title:after, .depositsSubNav li:hover .title:after { width:100%; left:0; } .accountSubNav li:hover .title a, .depositsSubNav li:hover .title a { color:#fff; } .accountSubNav li:hover .explore, .depositsSubNav li:hover .explore { opacity:1; visibility:visible; transform:translateY(-25px); -webkit-transform:translateY(-25px); } .depositsSubNav .icon1 { background-position:-356px -1335px; } .depositsSubNav .icon2 { background-position:-504px -1336px; } .depositsSubNav .icon3 { background-position:-436px -1336px; } .depositsSubNav li:hover .icon1 { background-position:-356px -1404px; } .depositsSubNav li:hover .icon2 { background-position:-504px -1403px; } .depositsSubNav li:hover .icon3 { background-position:-436px -1405px; } .tenderCategoryLinks .icon { width:52px; height:52px; } .tenderCategoryLinks li .icon1 { background-position:0 -1335px; } .tenderCategoryLinks li .icon2 { background-position:-67px -1331px; } .accountSubNav.tenderCategoryLinks li:hover .icon1 { background-position:0 -1400px; } .accountSubNav.tenderCategoryLinks li:hover .icon2 { background-position:-67px -1400px; } .contact { float:left; width:100%; } .contact ul li { margin:0 0 20px; } .contact table th, .contact table td, .contact table .tableData th, .contact table .tableData td { text-align:left; padding:20px 30px; } .contact h2 { margin:0 0 5px; color:#555555; font-size:20px; line-height:25px; } .contact p { margin:0px; display:block; color:#555555; font-weight:400; } .contact p.paddleft { padding:0 0 0 80px; } .contact .phoneinfo { width:100%; position:relative; padding:0 0 0 92px; margin:10px 0 0 0; } .contact .phoneinfo strong { position:absolute; left:0px; top:0px; width:88px; } .contact table td:last-child { width:50%; } .contactOffInfo { float:left; width:100%; } .contOverseasOff .globalPresence .mapArea h2 { text-align:left; } .contOverseasOff { float:left; width:100%; background-color:#f8f8f8; text-align:left; } .contOverseasOff h2 { color:#ff6633; text-align:left; } .contOverseasOff img { max-width:1145px; width:100%; display:inline-block; vertical-align:top; } .contOverseasOff .globalPresence .map .marker { width:17px; height:25px; display:block; cursor:pointer; background-position:-271px 0; } .contOverseasOff .globalPresence .map .aus { bottom:92px; right:134px; } .contOverseasOff .globalPresence .map .nz { bottom:52px; right:60px; } .contOverseasOff .globalPresence .map .fi { bottom:122px; right:49px; } .contOverseasOff .globalPresence .map .mau { bottom:143px; left:704px; } .contOverseasOff .globalPresence .map .sey { left:686px; bottom:177px; } .contOverseasOff .globalPresence .map .rsa { bottom:100px; left:593px; } .contOverseasOff .globalPresence .map .bot { left:605px; top:419px; } .contOverseasOff .globalPresence .map .zam { left:619px; top:376px; } .contOverseasOff .globalPresence .map .tan { left:642px; top:352px; } .contOverseasOff .globalPresence .map .ken { left:653px; top:337px; } .contOverseasOff .globalPresence .map .uga { left:636px; top:326px; } .contOverseasOff .globalPresence .map .mal { left:846px; top:323px; } .contOverseasOff .globalPresence .map .sing { left:846px; top:346px; } .contOverseasOff .globalPresence .map .thai { left:857px; top:298px; } .contOverseasOff .globalPresence .map .hk { right:246px; top:269px; } .contOverseasOff .globalPresence .map .so { left:696px; top:279px; } .contOverseasOff .globalPresence .map .uae { left:709px; top:271px; } .contOverseasOff .globalPresence .map .bahr { left:688px; top:256px; } .contOverseasOff .globalPresence .map .gha { left:518px; top:317px; } .contOverseasOff .globalPresence .map .usa { left:216px; top:207px; } .contOverseasOff .globalPresence .map .guy { left:350px; top:321px; } .contOverseasOff .globalPresence .map .tt { left:328px; top:301px; } .contOverseasOff .globalPresence .map .bah { left:280px; top:278px; } .contOverseasOff .globalPresence .map .bel { left:538px; top:158px; } .contOverseasOff .globalPresence .map .uk { left:519px; top:143px; } .contMoreInfo { float:left; width:100%; padding:0 0 30px; } .contMoreInfo ul:first-child { float:left; width:47%; } .contMoreInfo ul:last-child { float:right; width:47%; } .contMoreInfoCover { float:left; width:100%; background-color:#fff; border:1px solid #e2e2e2; padding:30px 30px 0; } .contact .resTab .tabNav li a { font-size:18px; line-height:23px; } .rtgsNeft { float:left; width:100%; } .rtgsNeft .bulletText li { margin:0 0 32px 0; } .rtgsNeft .bulletText li p { margin:0 0 10px 0; } .rtgsNeftSteps { float:left; width:100%; background-color:#ff6633; padding:50px 0; color:#fff; } .rtgsNeftSteps h2 { color:#fff; } .simpleSteps { float:left; width:100%; list-style:none; margin:0px; padding:0px; } .simpleSteps li { position:relative; color:#fff; padding:5px 20px 5px 40px; width:18%; float:left; position:relative; min-height:82px; } .simpleSteps li:not(:last-child) { margin-right:2%; } .simpleSteps li:not(:last-child):before { right:0px; top:0px; position:absolute; height:100%; width:1px; background-color:#f7c7c2; content:""; } .simpleSteps li p { color:#fff; margin:0px; } .simpleSteps li .icon { position:absolute; left:0px; top:0px; font-size:56px; line-height:56px; color:#f7c7c2; font-weight:700; } .rtgNeftTime { float:left; width:100%; margin:40px 0 15px; padding:0 287px 0 0; position:relative; } .rtgNeftTimeInfo { list-style:none; padding:0px; margin:0 0 46px; max-width:600px; width:100%; } .rtgNeftTimeInfo h6 { font-weight:700; margin:0 0 11px; } .rtgNeftTimeInfo p { margin:0px; } .rtgNeftTimeInfo li { position:relative; width:50%; float:left; padding-left:50px; } .rtgNeftTimeInfo li:first-child { padding-left:0px; } .rtgNeftTimeInfo li:not(:last-child):before { position:absolute; right:0px; top:0px; width:1px; height:100%; content:""; background-color:#eaeaea; } .rtgNeftTime .gStartedIcon { position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .gStartedIcon { } .gStartedIcon a { color:#555; text-decoration:none; font-size:16px; font-weight:700; text-align:center; display:inline-block; position:relative; } .gStartedIcon a:hover { color:#ff6633; } .gStartedIcon a:after { width:0; height:2px; content:""; position:absolute; left:50%; bottom:-10px; background:#ff6633; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .gStartedIcon a:hover:after { left:0; width:100%; } .gStartedIcon .icon { background-color:#fff; border:1px solid #d5d5d5; border-radius:50%; display:block; height:118px; margin:0 auto 10px; overflow:hidden; transition:all 0.3s ease 0s; width:118px; } .gStartedIcon .cardPointIcon { background-position:-1002px -649px; } .gStartedIcon a:hover .icon { background-color:#ff6633; border-color:#ff6633; } .gStartedIcon a:hover .cardPointIcon { background-position:-1002px -740px; } .rtgNeftFacili { float:left; width:100%; border-bottom:1px solid #d8d8d8; background-color:#f8f8f8; padding:48px 0; } .rtgNeftFacili p { font-size:18px; line-height:25px; } .rtgNeftFacili p strong { margin:0 0 10px 0; display:inline-block; vertical-align:top; } .rtgNeftFaciliInn { float:left; width:100%; padding:0 359px 0 0; position:relative; } .rtgNeftFaciliInn .content-left { width:100%; float:left; position:relative; padding:0 55px 0 0; } .rtgNeftFaciliInn .content-left:before { content:""; width:5px; height:100%; background-color:#ff6633; position:absolute; right:0px; top:0px; } .rtgNeftFaciliMInfoCov { float:left; width:100%; } .rtgNeftFaciliMInfo:last-child { float:right; } .rtgNeftFaciliMInfo { float:left; list-style:none; margin:0px; padding:0px; } .rtgNeftFaciliMInfo li { float:left; position:relative; } .rtgNeftFaciliMInfo li p { margin:0px 0 10px; font-size:18px; line-height:25px; } .rtgNeftFaciliMInfo li span { min-width:80px; display:inline-block; } .rtgNeftFaciliInn .content-right { position:absolute; max-width:285px; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .rtgNeftFaciliInn .content-right .gStartedIcon { float:left; } .rtgNeftFaciliInn .content-right .gStartedIcon:not(:last-child) { margin-right:42px; } .rtgNeftFaciliInn .content-right .gStartedIcon .icon { width:59px; height:59px; } .gStartedIcon .viewDirecIcon { background-position:-1034px -850px; } .gStartedIcon a:hover .viewDirecIcon { background-position:-1034px -916px; } .gStartedIcon a:hover .downloadIcon { background-position:-1033px -1060px; } .gStartedIcon .downloadIcon { background-position:-1033px -984px; } .digitMark { float:left; width:100%; text-align:center; margin-top:20px; } .digitMarkList { max-width:100%; width:100%; display:inline-block; position:relative; } .digitMarkList:before { content:""; left:50%; position:absolute; top:0px; height:100%; width:2px; border-right:2px dashed #b6b6b6; transform:translateX(-1px); -webkit-transform:translateX(-1px); -moz-transform:translateX(-1px); -o-transform:translateX(-1px); -ms-transform:translateX(-1px); } .digitMark ul { list-style:none; padding:0px; width:100%; float:left; } .digitMark ul li a { color:#3f3f3f; display:inline-block; font-size:1.313em; font-weight:700; height:96px; line-height:28px; margin:0; width:100%; } .digitMark ul li a:hover { color:#ff6633; } .digitMark ul li a .title { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .digitMark ul li:nth-child(odd) a .title { right:219px; } .digitMark ul li { width:50%; float:left; position:relative; clear:both; } .digitMark ul li:nth-child(odd) { float:left; padding:0 216px 0 0; } .digitMark ul li:nth-child(odd) a { text-align:right; } .digitMark ul li:nth-child(odd):after { position:absolute; right:-5px; top:50%; content:""; width:10px; height:10px; background-color:#ff6633; border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); margin-top:1px; } .digitMark ul li:nth-child(odd):before { content:""; position:absolute; right:0; top:50%; width:100%; height:2px; border-bottom:2px dashed #b6b6b6; width:109px; } .digitMark ul li:nth-child(even) { float:right; padding:0 0 0 216px; } .digitMark ul li:nth-child(even) a .title { left:219px; } .digitMark ul li:nth-child(even) a { text-align:left; } .digitMark ul li:nth-child(even):after { position:absolute; left:-5px; top:50%; content:""; width:10px; height:10px; background-color:#ff6633; border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); margin-top:1px; } .digitMark ul li:nth-child(even):before { content:""; position:absolute; left:0; top:50%; width:100%; height:2px; border-bottom:2px dashed #b6b6b6; width:109px; } .digitMark ul li p { display:table; height:96px; font-size:21px; line-height:28px; font-weight:700; color:#3f3f3f; margin:0px; width:100%; } .digitMark .imgHolder { position:absolute; top:8px; z-index:1; display:inline-block; } .digitMark ul li:nth-child(odd) .imgHolder { right:97px; } .digitMark ul li:nth-child(odd) .imgHolder:after { right:-7px; } .digitMark ul li:nth-child(even) .imgHolder { left:97px; } .digitMark ul li:nth-child(even) .imgHolder:after { left:-7px; } .digitMark .imgHolder img { display:block; width:100%; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .digitMark ul li a:hover .imgHolder img { -webkit-transform:scale(0); transform:scale(0); } .digitMark .imgHolder .imgOverlay { position:absolute; left:-4px; bottom:-4px; right:-4px; top:-4px; border-radius:50%; background:#ff6633; color:#fff; padding:36px 10px; text-align:center; font-size:0; -webkit-transform:scale(1.5); transform:scale(1.5); transition:all 0.4s ease-in-out 0.2s; -webkit-transition:all 0.4s ease-in-out 0.2s; opacity:0; font-weight:700; } .digitMark ul li a:hover .imgHolder .imgOverlay { -webkit-transform:scale(1); transform:scale(1); font-size:16px; opacity:1; } .digitMark .imgHolder:before { position:absolute; left:0; top:0; content:""; border-top:2px dashed #b6b6b6; } .digitMark .imgHolder:after { left:-7px; top:-7px; position:absolute; content:""; animation:10s linear 0s infinite running spin; -webkit-animation:10s linear 0s infinite running spin; background:url(../../images/digital-banking-circle-bg.png) no-repeat center center; width:100px; height:100px; z-index:-1; background-size:100px; } .digitalMarkIcon { width:86px; height:86px; display:inline-block; vertical-align:top; background-color:#ff6633; border-radius:50%; } .digitMark .icon1 { background-position:-1014px -1123px; } .digitMark .icon2 { background-position:-1015px -1194px; } .digitMark .icon3 { background-position:-1016px -1260px; } .digitMark .icon4 { background-position:-1088px -228px; } .digitMark .icon5 { background-position:-1173px -228px; } .digitMark .icon6 { background-position:-1090px -311px; } .digitMark .icon7 { background-position:-1094px -404px; } .digitMark .icon8 { background-position:-1092px -492px; } .digitMark .icon9 { background-position:-1098px -561px; } .digitMark .icon10 { background-position:-1100px -638px; } .digitMark .icon11 { background-position:-1093px -713px; } .digitMark .icon12 { background-position:-1096px -790px; } .digitMark .icon13 { background-position:-1098px -876px; } .digitMark .icon14 { background-position:-1098px -959px; } .digitMark .icon15 { background-position:-1097px -1035px; } .digitMark .icon16 { background-position:-1100px -1117px; } .digitMark .icon17 { background-position:-1100px -1192px; } .digitMark .icon18 { background-position:-1104px -1264px; } .digitMark .icon19 { background-position:-1168px -301px; } .digitMark .icon20 { background-position:-1272px -2499px; } .digitMark .icon21 { background-position:-1371px -2085px; } .digitMark .icon22 { background-position:-1270px -2410px; } .digitMark .icon23 { background-position:-1275px -2320px; } .digitMark .icon24 { background-position:-1274px -2229px; } .digitMark .icon25 { background-position:-1361px -2756px; } .digitMark .icon26 { background-position:-1360px -2668px; } .digitMark .icon27 { background-position:-1360px -2583px; } .digitMark .icon28 { background-position:-1361px -2492px; } .digitMark .icon29 { background-position:-1359px -2407px; } .digitMark .icon30 { background-position:-1362px -2318px; } .digitMark .icon31 { background-position:-1372px -2151px; } .digitMark .icon32 { background-position:-1360px -2230px; } .mCustomScrollbar { -ms-touch-action:pinch-zoom; touch-action:pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action:auto; touch-action:auto; } .mCustomScrollBox { position:relative; overflow:hidden; height:100%; max-width:100%; outline:none; direction:ltr; } .mCSB_container { overflow:hidden; width:auto; height:auto; } .mCSB_inside > .mCSB_container { margin-right:30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right:0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right:0; margin-left:30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left:0; } .mCSB_scrollTools { position:absolute; width:16px; height:auto; left:auto; top:0; right:0; bottom:0; } .mCSB_outside + .mCSB_scrollTools { right:-26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right:auto; left:0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left:-26px; } .mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width:2px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } .mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; height:30px; z-index:1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position:relative; width:4px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; text-align:center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width:12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width:8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom:0; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#ff6633; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#ff6633; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#ff6633; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color:#000; background-color:rgba(0, 0, 0, 0.1); } .GI_TW_expander { color:white; } .GITheWall { overflow:hidden; } .GITheWall ul li.GI_TW_Selected_Row { -webkit-transition:margin-bottom 0.3s ease-in; -moz-transition:margin-bottom 0.3s ease-in; -o-transition:margin-bottom 0.3s ease-in; transition:margin-bottom 0.3s ease-in; } .GI_TW_expander { position:absolute; z-index:1; top:0; background:rgba(239, 232, 222, 1); left:0; width:100%; margin-top:0; height:0; overflow:hidden; -webkit-transition:height 0.1s ease-in; transition:height 0.1s ease-in; } .GI_TW_expander.animating { overflow:hidden !important; } .GI_TW_expander.opened { overflow:visible; } .GI_TW_expander .GI_TW_pointer { position:absolute; margin-left:-20px; margin-top:-25px; width:0; height:0; border-left:25px solid transparent; border-right:25px solid transparent; border-bottom:25px solid; border-bottom-color:rgba(239, 232, 222, 1); -webkit-transition:left 0.3s ease-in; -moz-transition:left 0.3s ease-in; -o-transition:left 0.3s ease-in; transition:left 0.3s ease-in; } .GI_TW_expander .GI_TW_expander-inner { overflow:hidden; padding-bottom:30px; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg { position:relative; width:100%; height:580px; margin:10px 0 0; text-align:center; overflow:hidden; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img { position:relative; } .GI_TW_expander .GI_TW_Controls { z-index:1; } .GI_TW_expander .GI_TW_close { position:absolute; padding:0; top:6px; right:15px; text-align:center; color:#000; font-size:15px; cursor:pointer; border:2px solid; border-color:#000; -webkit-border-radius:50%; border-radius:50%; width:32px; height:32px; z-index:2; } .GI_TW_expander .GI_TW_arrow { position:absolute; bottom:8px; cursor:pointer; } .GI_TW_arrow .prevAlb, .GI_TW_arrow .nextAlb { font-style:normal; padding:10px 17px; background:rgba(0, 0, 0, 0.6); font-size:16px; color:#fff; text-align:center; font-family:'roboto'; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .GI_TW_arrow .prevAlb:hover, .GI_TW_arrow .nextAlb:hover { background:#ff6633; } .GI_TW_expander .GI_TW_arrow.GI_TW_hidden { display:none; } .GI_TW_expander .GI_TW_arrow.GI_TW_next { right:0px; } .GI_TW_expander .GI_TW_arrow.GI_TW_prev { left:0px; } .GI_TW_expander .GI_TW_loading { width:100%; height:100%; position:absolute; top:0; left:0 !important; margin:0; background:rgba(0, 0, 0, 0.7) url(../../images/photos-loading.gif) no-repeat center center; } .GI_TW_expander .GI_TW_arrow, .GI_TW_expander .GI_TW_close { opacity:0; transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .GI_TW_expander.opened .GI_TW_arrow, .GI_TW_expander.opened .GI_TW_close { opacity:1; } .hidden { display:none !important; visibility:hidden; } .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } .invisible { visibility:hidden; } .photoGalleryList { margin:0 0 40px 0; padding:5px; text-align:center; } .photoGalleryList li { list-style:none; display:inline-block; width:311px; padding:2px 3px; overflow:hidden; vertical-align:top; } .photoGalleryList li a { display:block; text-decoration:none; } .photoGalleryList .imgHolder { position:relative; overflow:hidden; display:block; height:200px; } .photoGalleryList .imgHolder img { width:100%; border:1px solid #d3d3d3; } .photoGalleryList .albumName { padding:8px 32px; line-height:24px; display:block; font-size:14px; font-weight:600; text-align:center; color:#fff; vertical-align:middle; transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .photoGalleryList li a:hover .albumName { margin-top:10px; } .photoGalleryList li.GI_TW_Current .albumName, .photoGalleryList li.GI_TW_Current a:hover .albumName { margin-top:15%; } .photoGalleryList .bottom { position:absolute; bottom:0; left:0; width:100%; height:65px; background:rgba(0, 0, 0, 0.8); transition:all 0.6s ease 0ms; -webkit-transition:all 0.6s ease 0ms; } .photoGalleryList li a:hover .bottom, .photoGalleryList li.GI_TW_Current .bottom { height:100%; background-color:#ff6633; } .photoGalleryList .bottom:after { bottom:0px; content:""; display:block; height:5px; left:0; position:absolute; background-color:#ff6633; transition:width 350ms ease, left 350ms ease; -webkit-transition:width 350ms ease, left 350ms ease; width:100%; } .photoGalleryList li a:hover .bottom:after { width:0; left:50%; } .photoGalleryList li a { min-height:225px; background:url(../../images/loading.gif) center center no-repeat; } .GI_TW_expander-inner #loadMoreRow { position:absolute; bottom:0; width:100%; background:none; text-align:center; } .GI_TW_expander-inner #loadMoreRow .loadMore { color:#fff; margin:30px 0; background:none; cursor:pointer; font-style:normal; position:relative; display:inline-block; padding:0 20px 0 50px; line-height:44px; width:170px; border:1px solid #ff6633; background-color:#ff6633; -webkit-transition:350ms ease; transition:350ms ease; } .GI_TW_expander-inner #loadMoreRow .loadMore:after { background:url(../../images/load-more-arrow.png) no-repeat 0 center; width:26px; height:44px; content:""; position:absolute; left:15px; top:0; background-size:100% auto; } .GI_TW_expander-inner #loadMoreRow .loadMore:hover { color:#ff6633; background-color:#111; } .galleryTitle { margin:35px 0; } .galleryTitle h2:before, .galleryTitle h3:before { background:#d9d9d9; content:""; display:block; height:1px; left:0px; position:absolute; top:50%; width:100%; z-index:1; } .galleryTitle h2, .galleryTitle h3 { position:relative; max-width:900px; margin:0 auto; text-align:center; display:block; font-size:25px; } .galleryTitle h3 { color:#555; } .galleryTitle h2 span, .galleryTitle h3 span { z-index:2; display:inline-block; padding:0px 38px; position:relative; background:#fff; } .galleryTitle p { text-align:center; font-size:15px; color:#646464; margin:0; } .zoomwall { font-size:0; overflow:hidden; padding:0; } .zoomwall img { height:15vw; opacity:1; vertical-align:top; transform-origin:0% 0%; transition-property:transform, opacity; transition-duration:0.3s; transition-timing-function:ease-out; -webkit-transform-origin:0% 0%; -webkit-transition-property:transform, opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease-out; } .zoomwall.lightbox img { transition-timing-function:ease-in; -webkit-transition-timing-function:ease-in; } .zoomwall.lightbox img { opacity:0.3; } .zoomwall.lightbox img.active { opacity:1; } .gallerySelectedItem { width:100%; padding-bottom:80px; } .gallerySelectedItem .swiper-slide { background-position:center; background-size:cover; width:800px; height:500px; position:relative; } .gallerySelectedItem .swiper-slide .imgHolder { position:relative; overflow:hidden; width:800px; height:500px; background-color:#ffffff; } .gallerySelectedItem .swiper-slide:after { position:absolute; left:0; bottom:-29px; content:""; height:29px; width:100%; } .gallerySelectedItem .swiper-slide img { width:100%; } .gallerySelectedItem .swiper-slide .imgHolder .title { position:absolute; bottom:-20%; left:0; width:100%; background:rgba(0, 0, 0, 0.8); font-size:15px; color:#fff; line-height:24px; text-align:center; padding:15px; opacity:0; transition:350ms ease; -webkit-transition:350ms ease; } .gallerySelectedItem .swiper-slide.swiper-slide-active .imgHolder .title { opacity:1; bottom:0; } .zoomwall { font-size:0; overflow:hidden; padding:0; } .zoomwall img { height:15vw; opacity:1; vertical-align:top; transform-origin:0% 0%; transition-property:transform, opacity; transition-duration:0.3s; transition-timing-function:ease-out; -webkit-transform-origin:0% 0%; -webkit-transition-property:transform, opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease-out; } .zoomwall.lightbox img { transition-timing-function:ease-in; -webkit-transition-timing-function:ease-in; } .zoomwall.lightbox img { opacity:0.3; } .zoomwall.lightbox img.active { opacity:1; } .gallerySearch { padding-bottom:30px; } .gallerySearchIn { position:relative; width:60%; margin:0 auto; } .gallerySearchIn label { position:absolute; left:15px; top:9px; z-index:4; font-weight:600; padding:1px 0 0 40px; } .gallerySearchIn input[type=text] { width:100%; padding:9px 65px 9px 18px; height:45px; position:relative; z-index:1; } .gallerySearchIn .button { position:absolute; right:0; top:0; z-index:4; height:45px; width:90px; padding-left:0; padding-right:0; text-align:center; } .gallerySearchIn .resetBtn { position:absolute; right:0; top:0; background-color:#666; } .gallerySearchIn input[type="submit"], .wob .gallerySearchIn input[type="submit"] { background:#ff6633 url(../../images/faq-search-btn-icon.png) center center no-repeat; width:50px; height:44px; display:inline-block; text-indent:-9999px; border:none; } .gallerySearchIn input[type="submit"]:hover, .wob .gallerySearchIn input[type="submit"]:hover { background:#111 url(../../images/faq-search-btn-icon.png) center center no-repeat; } .galleryInputIcon { font-size:19px; color:#c2c2c2; width:45px; height:45px; float:left; text-align:center; padding-top:4px; position:absolute; left:0; top:0; background:#fff; } .galleryInputIcon:after { content:""; position:absolute; width:1px; height:22px; right:0; top:50%; margin-top:-11px; background:#d0d0d0; } .gallerySearchIn .viewAllAlbum { display:block; text-align:right; padding:5px 45px 0 0; } .galleryNxtBakBtn { height:100%; width:14.5%; margin:-60px 0 0 0; top:0; opacity:0.9; transition:350ms ease; -webkit-transition:350ms ease; } .galleryNxtBakBtn.swiper-button-next { background:url(../../images/gallery-arrow-right.png) center center no-repeat; } .galleryNxtBakBtn.swiper-button-prev { background:url(../../images/gallery-arrow-left.png) center center no-repeat; } .galleryNxtBakBtn:hover { opacity:1; } .photoGallery2017 .GI_TW_arrow { display:none; } .wallArrows { position:fixed; display:none; top:50%; width:50px; height:100px; margin-top:-50px; text-indent:-9999px; overflow:hidden; z-index:99; -webkit-border-radius:5px; border-radius:5px; opacity:0.5; } .wallBack { background:#000 url(../../images/video-control.png) no-repeat 10px center; left:5%; } .wallNext { background:#000 url(../../images/video-control.png) no-repeat -62px center; right:5%; } .wallArrows:hover { opacity:0.8; } .zoomwallZoomed .wallArrows { display:block; } .shareButton { margin:auto; width:auto !important; position:absolute; top:20px; right:20px; line-height:18px; opacity:0; -webkit-transition:opacity .5s ease .15s; -moz-transition:opacity .5s ease .15s; -o-transition:opacity .5s ease .15s; -ms-transition:opacity .5s ease .15s; transition:opacity .5s ease .15s; } .shareButton li, .shareButton ul { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } .shareButton label { display:none; } .swiper-slide-active .imgHolder:hover .shareButton { opacity:1; } .shareFolder { margin:auto; width:auto !important; position:absolute; top:auto; right:0; left:0; bottom:-50px; line-height:18px; opacity:1; -webkit-transition:all .5s ease .15s; -moz-transition:all .5s ease .15s; -o-transition:all .5s ease .15s; -ms-transition:all .5s ease .15s; transition:all .5s ease .15s; } .shareFolder li, .shareFolder ul { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } .shareFolder label { display:none; } .photoGalleryList li:hover .shareFolder { bottom:25px; } .sharePhoto { margin:auto; width:auto !important; position:fixed; top:auto; right:0; left:0; bottom:-100px; line-height:18px; z-index:99999; opacity:1; -webkit-transition:all .5s ease .15s; -moz-transition:all .5s ease .15s; -o-transition:all .5s ease .15s; -ms-transition:all .5s ease .15s; transition:all .5s ease .15s; } .sharePhoto li, .sharePhoto ul { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } .sharePhoto label { display:none; } .zoomwallZoomed .sharePhoto { bottom:5px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:10px; left:auto; } .galleryNxtBakBtn.swiper-button-prev { left:10px; } .desktop .photoGallery2017 .albumTitle { color:#fff; } .photoGallery2017 .albumTitle { text-align:center; padding:10px 60px; color:#000; font-size:16px; position:absolute; left:0; top:0; width:100%; background-color:#ff6633; z-index:1; } .device .photoGallery2017 .albumTitle { display:none; } .desktop .photoGallery2017 .GI_TW_expander { -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; position:fixed; left:0!important; top:0 !important; height:100%!important; width:100%!important; -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); opacity:0; } .photoGallery2017 .GI_TW_expander.opened { position:fixed; left:0!important; top:0 !important; height:100%!important; width:100%!important; z-index:999; background-color:#111; color:#fff; -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1; } .desktop .GI_TW_expander .GI_TW_close { width:50px; height:50px; content:""; position:absolute; right:10px; top:30px; margin-top:-25px; width:30px; height:30px; border:0 none; } .videoGallery2017 .GI_TW_expander .GI_TW_close { border:0; } .GI_TW_expander .GI_TW_close .fa-times { background:url(../../images/close-icon.png) no-repeat 0 0; display:block; width:30px; height:30px; } .GI_TW_expander .GI_TW_close { line-height:22px; } .photoGallery2017 .photoGalleryList li { margin:0!important; } .photoGallery2017 .customeScroll { max-height:100%; padding-top:44px; } .photoGallery2017 .GI_TW_expander-inner { height:100%!important; } .device .photoGallery2017 .GI_TW_expander .GI_TW_expander-inner { padding:15px 0; } .device .photoGallery2017 .customeScroll { padding:0; } .zoomwall img { background:url(../../images/image-load.gif) center center no-repeat; } body.desktop.photoGalleryOpen { overflow:hidden; } body.desktop.photoGalleryOpen .at4-share-outer, body.photoGalleryOpen #backtotop { display:none!important; } .ppstateplaying .playerOnclick { display:none; } .photoContianer { display:none; } .videoGallery2017 .GI_TW_expander .GI_TW_expander-inner { padding-bottom:0; } .videosOuter { padding:40px 0; } .videoPlayArea { float:left; width:62%; padding:0 30px 0 0; } .videoPlayBox { position:relative; } .videoPlayArea .vidoeAddedin { position:relative; height:380px; } .youtubeVideoFrame { width:100%; border:0 none; height:100%; position:absolute; left:0; top:0; bottom:0; background:url(../../images/photos-loading.gif) center no-repeat; } .videoPlayBox a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .videoPlayBox a img { width:100%; min-height:100%; } .videosRightBlk { float:right; width:38%; min-height:420px; padding:0 0 40px 30px; border-left:1px solid #475161; } .videosRightBlk #zoomwall a { display:block; width:115px; height:80px; float:left; border:3px solid #fff; padding:0; margin:0 10px 10px 0; } .videosRightBlk #zoomwall a.active, .videosRightBlk #zoomwall a:hover { border-color:#FF8A0F; } .videosRightBlk #zoomwall a img { width:100%; min-height:100%; max-height:100%; } .playVideoTitle { display:block; padding:10px 0 0; color:#333; font-weight:600; text-align:center; } .featureVidBox .videoPlay { position:absolute; left:50%; top:50%; width:90px; height:50px; margin-left:-50px; margin-top:-50px; border:2px solid #fff; background:rgba(0, 0, 0, 0.2) url(../../images/play-arrow.png) center center no-repeat; border-radius:5px; -webkit-border-radius:5px; -webkit-transition:all 1000ms cubic-bezier(.52, .32, .37, .94); -moz-transition:all 1000ms cubic-bezier(.52, .32, .37, .94); -ms-transition:all 1000ms cubic-bezier(.52, .32, .37, .94); -o-transition:all 1000ms cubic-bezier(.52, .32, .37, .94); transition:all 1000ms cubic-bezier(.52, .32, .37, .94); } .swiper-slide-active .featureVidBox .videoPlay { left:50%; top:50%; } .featureVidBox, .featureVidBox .vidoeAddedin { position:relative; height:100%; } .playfeatureVid { position:absolute; left:0; top:0; display:block; right:0; bottom:0; } .playfeatureVid img { width:100%; min-height:100%; } .gallerySelectedItem .swiper-slide.swiper-slide-active .videoPlayerAdded .title { bottom:-25%; opacity:0; } .sharing .social li.entypo-twitter { background:#6cdfea url(../../images/twitter.png) center center no-repeat; padding:8px 0; } .sharing .social li.entypo-facebook { background:url(../../images/facebook.png) center center no-repeat; padding:8px 0; } .sharing .social li.entypo-gplus { background:#e34429 url(../../images/google.png) center center no-repeat; padding:8px 0; } .closePhoto { width:27px; height:27px; text-align:center; position:absolute; right:1px; top:1px; cursor:pointer; background:url(../../images/close-white-icon.png) no-repeat center center; } #ContentPlaceHolder1_UserCMSHeader1_header { left:0; right:0; z-index:100; -webkit-box-shadow:0 0 3px #333; box-shadow:0 0 3px #333; background-color:#fff; position:fixed; } .interestRatesAdv .resTab .tabNav li a { min-width:150px; } .interestRatesAdv .resTab .tabNav li { float:left; width:50%; } .mfp-content { text-align:center; } .mfp-content #request-callback-popup { display:inline-block; } .officesBranches .resTab .tabNav li:first-child { padding-left:45px; } .checkPop input[type="checkbox"] { margin-top:2px; } .mobileAppsList { margin:0; padding:0; list-style:none; } .mobileAppsList li { float:left; width:25%; text-align:center; position:relative; } .mobileAppsList li > a { padding:45px 35px; overflow:hidden; min-height:242px; display:block; text-decoration:none; } .mobileAppsList li:hover > a { background:#ff6633; padding:35px 35px 55px 35px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.15) } .mobileAppsList li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:45px; bottom:45px; content:""; z-index:1; } .mobileAppsList li:before { width:215px; height:1px; background:#e0e0e0; position:absolute; left:35px; bottom:0; content:""; z-index:1; } .mobileAppsList li:last-child:before { display:none; } .mobileAppsList li:nth-child(4n+4):after { display:none; } .mobileAppsList li:hover:after, .mobileAppsList li:hover:before { opacity:0; } .mobileAppsList li, .mobileAppsList .box, .mobileAppsList .title, .mobileAppsList .title:after, .mobileAppsList .icon { transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; } .mobileAppsList .title:after { width:0; height:3px; content:""; position:absolute; left:50%; bottom:-8px; background:#fff; } .mobileAppsList li:hover .title:after { width:100%; left:0; } .mobileApps { float:left; width:100%; } .mobileApps .box, .mobileApps .imgHolder { display:block; } .mobileApps .imgHolder { margin-bottom:15px; } .mobileApps ul li:hover .title { color:#fff; } .mobileApps .title { color:#555555; font-size:16px; font-weight:700; margin:10px 0; position:relative; } .mobileApps .appLinks { position:absolute; text-align:center; bottom:44px; width:100%; } .mobileApps .appLinks a { display:inline-block; height:21px; margin:0 5px; width:18px; } .mobileApps ul li a.android { background-position:-1202px -444px; } .mobileApps ul li:hover a.android { background-position:-1202px -389px; } .mobileApps ul li a.android:hover { background-position:-1205px -418px; } .mobileApps ul li a.ios { background-position:-1237px -444px; } .mobileApps ul li:hover a.ios { background-position:-1237px -388px; } .mobileApps ul li a.ios:hover { background-position:-1237px -416px; } .mobileApps ul li a.window { background-position:-1274px -444px; } .mobileApps ul li:hover a.window { background-position:-1274px -391px; } .mobileApps ul li a.window:hover { background-position:-1274px -420px; } .cards.loanTypeList li { width:33.3%; } .cards.loanTypeList li .box { min-height:inherit; } .cards.loanTypeList li:before { display:none; } .cards.loanTypeList li:hover p { display:none; } .cards.loanTypeList li:last-child { border-right:0px; } .cards.loanTypeList li:last-child:after { display:none; } .debitCardIcon { background-position:-1193px -493px; } .cards.loanTypeList li:hover .debitCardIcon { background-position:-1193px -576px; } .creditCardIcon { background-position:-1283px -496px; } .cards.loanTypeList li:hover .creditCardIcon { background-position:-1284px -577px; } .giftCardIcon { background-position:-1370px -489px; } .cards.loanTypeList li:hover .giftCardIcon { background-position:-1370px -570px; } .cards.loanTypeList h3:after { height:5px; } .genNext.loanTypeList li:before { display:none; } .genNextJunior { background-position:-1190px -656px; } .genNext.loanTypeList li:hover .genNextJunior { background-position:-1190px -728px; } .genNextSuvidha { background-position:-1282px -808px; } .genNext.loanTypeList li:hover .genNextSuvidha { background-position:-1282px -893px; } .genNextPower { background-position:-1190px -808px; } .genNext.loanTypeList li:hover .genNextPower { background-position:-1190px -889px; } .genNextLifestyle { background-position:-1283px -660px; } .genNext.loanTypeList li:hover .genNextLifestyle { background-position:-1283px -732px; } .genNext.loanTypeList li .box { padding:72px 35px 52px; display:block; } .genNext.loanTypeList li:hover .box { padding:47px; } .subsidiary h3.heading { margin-top:18px; } .pagiNation { float:left; width:100%; } .pagiNation p:first-child { float:left; } .pagiNation p:last-child { float:right; } .callBackLink:hover .callBackLinkHover { display:block; opacity:1; visibility:visible; } .callBackLink:hover a:hover { text-decoration:none; } .callBackLinkHover { margin:50px 0; width:551px; background-color:#ffffff; border-top:4px solid #e34234; padding:30px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.75); box-shadow:0 0 10px rgba(0, 0, 0, 0.75); position:absolute; right:0px; top:-10px; display:none; opacity:0px; visibility:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; } .callBackLinkHover:before { position:absolute; right:30px; top:-10px; content:""; width:0; height:0; border-bottom:10px solid #e34234; border-left:5px solid transparent; border-right:5px solid transparent; } .callBackLinkHover ul { list-style:none; } .callBackLinkHover h2 { margin-bottom:10px; } .callBackLinkHover p { margin-bottom:0px; } .callBackLinkHover ul li { float:left; position:relative; } .callBackLinkHover ul li:first-child { padding-right:30px; margin-right:30px; } .callBackLinkHover ul li:first-child:before { width:1px; height:100%; background-color:#d3d3d3; position:absolute; right:0px; top:0px; content:""; } .callBackLinkHover h2 { font-size:22px; color:#323232; } .callBackLinkHover ul li a { font-weight:700; color:#555555; } .callBackLinkHover ul li a:hover { color:#e34234; } .callBackLinkHover .btnRow { text-align:center; } .callBackLinkHover .btnRow p { color:#e34234; margin-bottom:20px; } .callBackLinkHover ul li span { min-width:44px; display:inline-block; } .nextArrowBtn { display:inline-block; padding:6px 35px 8px 16px; color:#fff; font-size:14px; font-weight:400; opacity:1; position:relative; background:#ff6633 url(../../images/ar.png) 84% center no-repeat; } .nextArrowBtn:hover { background-color:#555; color:#fff; text-decoration:none; } .backArrowBtn { display:inline-block; padding:6px 16px 8px 35px; color:#fff; font-size:14px; font-weight:400; opacity:1; position:relative; background:#ff6633 url(../../images/left-arrow.png) 10px center no-repeat; } .backArrowBtn:hover { background-color:#555; color:#fff; text-decoration:none; } .locateTabs .tabNav { padding:0 20px; background-color:#ff6633; display:block; list-style:none; margin:0; } .locateTabs .tabNav li { display:inline-block; margin:0; position:relative; } .locateTabs .tabNav li a { position:relative; min-width:187px; text-align:center; padding:19px 22px; background-color:#ff6633; color:#fff; display:block; font-weight:600; text-decoration:none; } .locateTabs .tabNav li.active a { position:relative; color:#ff6633; background-color:#fff; } .locateTabs .tabNav li.active a:before { content:""; position:absolute; top:-10px; left:0px; width:100%; height:4px; background-color:#ff6633; } .locateTabs .tabNav li.active a:after { content:""; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:10px 10px 10px 10px; border-color:#ff6633 transparent transparent transparent; top:-8px; } .searchPanel { position:relative; padding-right:120px; margin:20px 0; } .searchPanel .searchBtn { position:absolute; right:0; top:0; } .searchPanel .searchBtn input { padding:10px 20px; } .locationWrap { margin:20px -15px; } .mapAndLocationWrap { tansition:all 0.5s ease-out; width:100%; float:left; -webkit-transition:all 0.5s ease-out; padding:0 15px; } .findLocationSearch { background:#f8f8f8; padding:20px; border-bottom:1px solid #d6d6d6; margin-bottom:30px; display:none; } .searchFeildsCols { position:relative; padding-right:100px; } .searchFeildsCols .searchFeildCol { width:100%; float:left; margin-bottom:15px; padding:0 15px; position:relative; } .searchFeildsCols.twoColumns .searchFeildCol { width:50%; } .searchFeildsCols.threeColumns .searchFeildCol { width:33.33%; } .searchFeildsCols .searchFeildRow { margin:0 -15px; } .searchFeildsCols .searchBtn { position:absolute; right:0; top:0; } .searchFeildsCols .searchBtn input { padding:10px 20px; } #dvMap { width:100%; height:650px; } .locationWrap.halfWidth .mapAndLocationWrap { width:50%; } .routeDetailsWrap { width:50%; float:left; padding:20px 15px; } .routeDetial { position:relative; } .routeDetial h3 { float:left; width:105px; } .routeDetial .distanceDuration { padding-left:90px; font-size:16px; text-align:right; } .routeDetial .details { margin-right:20px; display:inline-block; font-weight:700; color:#e34234; position:relative; } .routeDetial .details:last-child { margin-right:0; } .routeDetial .details:last-child:before { background:#c5c5c5; width:1px; height:100%; position:absolute; left:-10px; top:0; content:""; } .routeDetial .details span { color:#555555; font-weight:400; } .routeShowDetails { display:none; overflow:auto; padding-right:10px; } .locationWrap.halfWidth .routeShowDetails { display:block; height:614px; } .routeDetailsWrap img.adp-marker { max-width:none; } .routeDetailsWrap td { border-left:0 none; border-right:0 none; border-bottom:0 none; border-top:1px solid #cdcdcd; } .routeDetailsWrap table { border:0 none; margin:0; } .routeDetailsWrap table tr:last-child td { border-bottom:1px solid #cdcdcd } .routeShowDetails .adp-summary { display:none; } .routeShowDetails td .adp-distance { font-weight:600; } .routeShowDetails .adp-placemark td { border-bottom:0 none; } .loanCategorySliderWrap { background:#f5f5f5; padding:15px 0; margin-top:-40px; margin-bottom:30px; } .loanCategorySliderWrap .container { position:relative; } .loanCategorySliderWrap .swiper-button-prev, .loanCategorySliderWrap .swiper-button-next { height:34px; margin-top:-16px; width:20px; } .loanCategorySliderWrap .swiper-button-next { background-position:-962px -206px; text-indent:-9999px; right:0; } .loanCategorySliderWrap .swiper-button-prev { background-position:-962px -147px; text-indent:-9999px; left:0; } .loanCategorySliderWrap .swiper-button-next:hover, .loanCategorySliderWrap .swiper-button-prev:hover { opacity:0.7; } .loanLinkSlider a { font-size:18px; color:#3f3f3f; padding:22px 0; text-align:center; position:relative; display:block; font-weight:700; } .loanLinkSlider a:before { background:#cecece; content:""; width:1px; height:50px; left:0; top:50%; position:absolute; margin-top:-25px; } .loanLinkSlider:before { background:#cecece; content:""; width:1px; height:50px; right:0; top:50%; position:absolute; margin-top:-25px; } .loanLinkSlider a:hover { color:#ff6633; text-decoration:none; } .loanLinkSlider a.active { background:#ff6633; color:#fff; } .loanLinkSlider .swiper-slide { float:left; width:16%; } .loanCategorySliderWrap .swiper-button-disabled { opacity:0; visibility:hidden; } .leadMangeMentWrap { width:100%; padding:0; margin:0; } .leadMangementTabs .tabContainer { background:#f5f5f5; padding:30px 40px; } .leadMangeMentWrap .leftContent { width:100%; padding-right:408px; } .emiCalculatorWrap { width:100%; max-width:360px; float:right; } .emiCoutnerBg { background:#f5f5f5; padding:20px 30px 10px; margin-bottom:20px; } .leadMangementTabs { margin-top:0; } .leadMangementTabs .tabNav { padding:0 15px; } .commonForm { width:100%; float:left; } .commonForm .fieldRow { margin:0 -15px; clear:both; } .commonForm .fieldCol { padding:0 15px; margin-bottom:25px; } .commonForm.twoColoumn .fieldCol { width:50%; float:left; } .commonForm .fieldCol.fullWidth { width:100%; } .commonForm .fieldLabel { font-size:16px; margin-bottom:10px; } .commonForm .fieldLabel .red { color:#ff0000; } .commonForm .fieldInput { position:relative; } .commonForm .fieldInput .error { position:absolute; top:100%; left:0; } .commonForm select { appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url(../../images/requestCallBackArrow.png); background-repeat:no-repeat; background-position:right center; } .commonForm .radioList { min-height:42px; } .commonForm .radioList input { float:left; margin:5px; clear:left; } .commonForm .radioList label, .commonForm .radioList .label { float:left; color:#555; } .commonForm .buttons-row input.cancelButton { background-color:#555555; border-color:#555555; color:#fff; } .commonForm .buttons-row input.cancelButton:hover { background-color:#fff; color:#555; border-color:#555; text-decoration:none; } .radioList table, .radioList table td, .radioList table tr:nth-child(2n+1) td { background:none; border:0; margin:0; } .commonForm .buttons-row input { margin-right:10px; } .commonForm .captchaImage { margin-top:30px; } .commonForm .captchaImg { max-width:134px; } .radioList table td { padding:6px 20px 0 0; float:left; } .radioList table tr { float:left; } .commonForm .captchaReImg { vertical-align:middle; } .formMandetoryText { float:right; font-size:14px; } .formMandetoryText span { color:#ff0000; } .emiCounter { margin-bottom:40px; } .emiCounter .fieldRow { margin:0 -7px 25px; position:relative; padding-right:126px; } .emiCounter input { position:absolute; width:112px; right:0; top:0; font-size:16px; font-weight:600; text-align:center; } .emiCounter label { font-size:17px; margin-bottom:10px; font-weight:600; } .emiCalculatorWrap .ui-slider-horizontal { height:4px; } .emiCalculatorWrap .ui-widget-content { background:#ccc; } .emiCalculatorWrap .ui-widget-header { background:#ff6633; } .emiCalculatorWrap .ui-slider .ui-slider-handle { background:#ff6633; border:4px solid #fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.65); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.65); border-radius:50%; -webkit-border-radius:50%; cursor:pointer; height:20px; position:absolute; width:20px; z-index:2; } .ui-widget { font-family:Verdana, Arial, sans-serif; font-size:1.1em; } .ui-slider { position:relative; text-align:left; } .ui-state-default { background-position:-5px -332px } .ui-slider-horizontal .ui-slider-handle { margin-left:-0.6em; top:-0.5em; } .ui-slider-horizontal .ui-slider-range-min { left:0; } .ui-slider-horizontal .ui-slider-range { height:100%; top:0; } .ui-slider .ui-slider-range { border:0 none; display:block; font-size:0.7em; position:absolute; z-index:1; } .chartLegends { margin:0 0 35px; padding:0; list-style:none; } .chartLegends li { float:left; font-size:15px; font-weight:600; margin-right:20px; padding-left:23px; position:relative; } .chartLegends li:before { background:#666; height:14px; width:14px; content:""; left:0; top:50%; margin-top:-7px; position:absolute; } .chartLegends li.interest:before { background:#f85729; } #emiChart svg > rect { fill:transparent; } .emiTotalWrap { background:#666; padding:10px 20px; color:#fff; } .emiTotalWrap .totalRow { border-bottom:1px solid #cccccc; padding:15px 0; font-weight:600; color:#fff; font-size:16px; position:relative; padding-right:100px; } .emiTotalWrap .totalRow .leftLabel { display:block; } .emiTotalWrap .totalRow .totalCount { position:absolute; right:0; top:15px; } .emiTotalWrap .totalRow:last-child { border-bottom:0 none; } [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before { background:#fff !important; } .accordDetail.subsidiaryBorder { } #logo img { width:auto; max-width:inherit; font-size:12px; } .headerScroll .headerRow { padding:11px 0; } .headerScroll .headerRow .rightCol { width:auto; margin-top:15px; } .headerScroll .headerRow .topRightNav { display:none; } .headerScroll .headerRow .searchBox { width:38px; position:absolute; right:63px; display:block; transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; z-index:12; } .headerRow .searchBox input { padding:10px 23px 10px 15px; } .headerScroll .headerRow .topNav { transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; } .headerScroll .headerRow .topNav.active { opacity:0; visibility:hidden; } .headerScroll .headerRow .topRow { float:left; margin-top:4px; display:none; } .headerScroll .headerRow .rightCol .bottomRow { margin:0; float:right; width:164px; position:relative; } .headerScroll .headerRow .botRightNav li { padding:0 2px; } .headerScroll .headerRow .searchBox.active { width:745px; } .headerScroll .callBackLink { padding-bottom:4px; display:none; } .headerScroll .headerRow .topNav li { margin:0 8px; } .headerScroll .headerRow .botRightNav li .text { text-indent:-9999px; display:none; } .headerScroll .headerRow .botRightNav li a { padding:0; } .headerScroll #nav li li a { font-size:14px; } .headerScroll #nav > li a img, .headerScroll #nav > li.MenuLi1 > ul > li > a:before, .headerScroll #nav > li.MenuLi2 > ul > li > a:before, .headerScroll #nav > li.MenuLi3 > ul > li > a:before, .headerScroll #nav > li.MenuLi4 > ul > li > a:before { display:none; } .headerScroll #nav > li.MenuLi1 > ul > li > a, .headerScroll #nav > li > ul > li > a { padding:0 4px; } .headerScroll #nav > li > ul > li > a { line-height:37px; } .headerScroll #mainNav, .scrollMenu #mainNav { display:none; } .headerScroll .scrollMenu #mainNav { display:block; } .headerRow .scrollMenu { float:left; margin-left:16px; transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; } .headerScroll .headerRow .scrollMenu.active { opacity:0; } .headerRow .scrollMenu .mainNavigation { border:0; margin-top:15px; } .headerScroll #logo { width:230px; } .headerScroll #logo img { width:100%; } .topStrip { transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; } .headerScroll .topStrip { margin-top:-28px; } .reqCallPopup h2, .overseasPopup h2 { background:none; color:#ff6633; padding:0; margin-bottom:30px; } .reqCallPopup .successMsg { font-size:17px; color:#008000; } .loanDetlBtn { margin:0; padding:0; list-style:none; } .loanDetlBtn li { display:inline-block; margin-right:10px; } .mfp-close, .mfp-close:hover, .networkCloseBtn { position:absolute; right:-15px; top:-15px; width:28px; height:28px; background:url(../../images/header-sprite.png) -436px -366px no-repeat; border-radius:50%; text-indent:-9999px; opacity:1; border:0; padding:0; margin:0; box-shadow:0 0 5px #505050; } .closeBtnIn .mfp-close { right:10px; top:10px; } .eduLoanList { margin:0 -22px; } .searchShortDesc { font-size:14px; } #content.largeBannerPage { padding-top:0; } .loanTopNav { background:#ff6633; margin-bottom:30px; } .hindiDoc .loanTopNav { margin-top:-40px; } .hindiDoc .loanTopNav.mrgTop0 { margin-top:0; } .loanTopNav ul { margin:0; padding:30px 0; list-style:none; } .loanTopNav ul li { float:left; width:25%; text-align:center; border-right:1px solid #ff9360; } .loanTopNav ul li a { text-decoration:none; } .loanTopNav ul li:last-child { border:0; } .loanTopNav .icon { margin:0 auto 15px auto; width:70px; height:70px; border-radius:50%; display:block; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; position:relative; background-color:#ff6633; } .loanTopNav ul li a:hover .icon { background-color:#fff; } .loanTopNav .icon:after { left:-1px; top:-1px; right:-1px; bottom:-1px; position:absolute; content:""; border:1px solid rgba(255, 255, 255, 0.40); border-radius:50%; transition:all 0.4s ease 0ms; -webkit-transition:all 0.4s ease 0ms; } .loanTopNav .icon1, .loanTopNav.accDetTopNav .icon2, .wob .loanTopNav ul li a:hover .icon1, .wob .loanTopNav.accDetTopNav ul li a:hover .icon2 { background-position:-1222px -1px; } .loanTopNav ul li a:hover .icon1, .loanTopNav.accDetTopNav ul li a:hover .icon2 { background-position:-1222px -73px; } .loanTopNav .icon2, .wob .loanTopNav ul li a:hover .icon2 { background-position:-1294px -1px; } .loanTopNav ul li a:hover .icon2 { background-position:-1294px -73px; } .loanTopNav .icon3, .loanTopNav.accDetTopNav .icon1, .wob .loanTopNav ul li a:hover .icon3, .wob .loanTopNav.accDetTopNav ul li a:hover .icon1 { background-position:-1365px -1px; } .loanTopNav ul li a:hover .icon3, .loanTopNav.accDetTopNav ul li a:hover .icon1 { background-position:-1365px -73px; } .loanTopNav .icon4, .wob .loanTopNav ul li a:hover .icon4 { background-position:-1293px -146px; } .loanTopNav ul li a:hover .icon4 { background-position:-1293px -217px; } .loanTopNav .icon5, .loanTopNav.accDetTopNav .icon3, .wob .loanTopNav ul li a:hover .icon5, .wob .loanTopNav.accDetTopNav ul li a:hover .icon3 { background-position:-1364px -146px; } .loanTopNav ul li a:hover .icon5, .loanTopNav.accDetTopNav ul li a:hover .icon3 { background-position:-1364px -217px; } .loanTopNav .title { display:block; font-size:1.000em; color:#fff; font-weight:700; } .innerLargeBanner .breadcrumb { color:#000; background-color:#e3e3e3; } .innerLargeBanner .breadcrumb a, .innerLargeBanner .breadcrumb .bdrNoLink { color:#000; background-image:url(../../images/breadcrumb-arrow-black.png); } .innerBanner.innerLargeBanner .imgHolder { height:auto; position:relative; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; } .innerBanner .vCenter, .homeBanner .vCenter, .landingBanner .vCenter { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; } .innerBanner.innerLargeBanner .pageTitle .vCenter { padding-top:0; top:0; -webkit-transform:inherit; -moz-transform:inherit; transform:inherit; position:static; } .innerBanner.innerLargeBanner .pageTitle { height:auto; bottom:35px; top:auto; background:rgba(0, 0, 0, 0.65); padding:5px 0; } .innerBanner.innerLargeBanner .pageTitle.hideBreadCum { bottom:0; } .innerBanner.innerLargeBanner .pageTitle h1 { margin:0; font-size:1.438em; color:#fff; font-weight:700; } .innerBanner .bannerContent { position:relative; } .contentAcc { margin-bottom:25px; } .contentAcc .accTrigger, .accordion.contentAcc .accTrigger.active { background:none; font-weight:600; padding:10px 30px 10px 0; border-bottom:1px solid #dadada; color:#444; position:relative; font-size:1.0em; cursor:pointer; } .contentAcc .accTrigger:after { background:url(../../images/dark-arrow-down.png) no-repeat 0 0; width:15px; height:15px; top:21px; right:0; position:absolute; content:""; } .contentAcc .accTrigger.active:after { background:url(../../images/dark-arrow-up.png) no-repeat 0 0; } .contentAcc .accordDetail { padding:15px 0; display:none } .contentAcc .accordDetail.active { display:block; } .thCol2, .tdCol2 { width:215px; } .cols3 { float:left; width:33.33%; } .thCol3, .tdCol3 { width:33.33%; } .thCol1 { width:80px; } .bulletCheckList { margin:0 0 25px 0; padding:0 0 7px 0; list-style:none; border-bottom:1px solid #d5d5d5; } .bulletCheckList li { font-size:1.125em; font-weight:600; background:url(../../images/bullet-check-arrow.png) no-repeat 0 0; padding-left:52px; margin-bottom:25px; } .bulletCheckList li:last-child { margin-bottom:15px; } .bulletCheckList.ListLeft li { float:left; width:50%; } .eduLoanDetailPage, .homeLoanLandingPage { padding-top:40px; } .homeLoanLandingPage.vehicleLandingPage { padding-top:0; } .homeLoanForm { max-width:530px; margin:0 auto; box-shadow:0 0 10px 0 #e6e6e0; } .amalTab.resTab .tabNav li a { min-width:1px; } .radiance header { background:#081f41; } .radiance .mainNavigation { display:none; } .radiance #logo a { background:url(../../images/baroda-radiance/logo.png) no-repeat 0 0; width:244px; height:79px; float:left; } .radiance #logo img { visibility:hidden; } .radiance .textLeftBanner { margin-left:0; } .radiance a { color:#fff; transition:250ms ease; -webkit-transition:250ms ease; } .radiance .bobNetwork ul li a { color:#224781; } .radiance .innerBanner.innerLargeBanner .pageTitle { background:rgba(34, 71, 129, 0.5); } .radiance .innerBanner.innerLargeBanner .pageTitle h1 { color:#fff; font-size:1.500em; } .radiance #content.largeBannerPage { padding:0; } .radiance .simpleBulletlist { margin:0; padding:0; } .radiance .simpleBulletlist li { list-style:none; color:#fff; font-size:1.063em; margin-left:0; margin-bottom:10px; background:url(../../images/baroda-radiance/roundArrow.png) no-repeat 0px 10px; padding-left:30px; } .radiance .simpleBulletlist li:last-child { margin-bottom:0; } .radiance .innerBanner { padding-top:143px; } .radiance .bannerData { max-width:1140px; top:44%; width:100%; padding:0; } .radiance .textRightBanner { margin-right:0; padding-top:20px; } .radiance .innerCommonBanner h2 { font-size:2.250em; margin-left:0; font-weight:300; color:#d1ac54; margin-bottom:20px; text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.15); padding-bottom:30px; } .radiance .commonbannersLoan h2:before { display:none; } .radiance .expertsTeam { background:#081f41; margin-top:0px; padding:40px 0; color:#fff } .radiance .expertsTeam h2 { color:#fff; font-size:1.500em; margin-bottom:30px; } .radiance .expertsTeam .leftBlock { float:left; width:50%; padding-right:20px; position:relative; } .radiance .expertsTeam .leftBlock h2 { position:absolute; background:#022754; font-size:20px; right:20px; bottom:15px; font-weight:normal; padding:13px 22px 12px; z-index:1; } .radiance .rightFixedBox .box .darkButton:hover { background:#224781; } .radiance .expertsTeam .leftBlock h2:after { content:""; position:absolute; background:url(../../images/baroda-radiance/yellowBg.png) no-repeat 0 0; width:72px; height:67px; left:-52px; top:-9px; z-index:-10; } .radiance .expertsTeam .rightBlock { float:right; width:50%; padding-left:30px; font-size:1em; } .radiance .expertsTeam .rightBlock p:last-child { margin-bottom:0; } .radiance .threeBlock { margin:40px 0 0; } .radiance .threeBlock .singleBlock { text-align:center; width:33.33%; float:left; position:relative; font-size:0.938em } .radiance .threeBlock .singleBlock:after { content:""; border-right:1px solid rgba(255, 255, 255, 0.20); width:1px; height:100%; position:absolute; right:0; top:0; } .radiance .threeBlock .singleBlock:last-child:after { display:none; } .radiance .threeBlock .singleBlock h2 { color:#d1ac54; font-size:1.188em; margin-bottom:5px; } .radiance .wealthManagement { background:rgba(5, 59, 113, 1); background:-moz-linear-gradient(left, rgba(5, 59, 113, 1) 0%, rgba(10, 42, 77, 1) 35%, rgba(10, 41, 76, 1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(5, 59, 113, 1)), color-stop(35%, rgba(10, 42, 77, 1)), color-stop(100%, rgba(10, 41, 76, 1))); background:-webkit-linear-gradient(left, rgba(5, 59, 113, 1) 0%, rgba(10, 42, 77, 1) 35%, rgba(10, 41, 76, 1) 100%); background:-o-linear-gradient(left, rgba(5, 59, 113, 1) 0%, rgba(10, 42, 77, 1) 35%, rgba(10, 41, 76, 1) 100%); background:-ms-linear-gradient(left, rgba(5, 59, 113, 1) 0%, rgba(10, 42, 77, 1) 35%, rgba(10, 41, 76, 1) 100%); background:linear-gradient(to right, rgba(5, 59, 113, 1) 0%, rgba(10, 42, 77, 1) 35%, rgba(10, 41, 76, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#053b71', endColorstr='#0a294c', GradientType=1); position:relative; z-index:1; } .radiance .threeBlock .singleBlock .teicon { margin:20px 0; text-indent:-9999px; background:url(../../images/baroda-radiance/radianceservicesBg.png) no-repeat 0 0; width:63px; height:60px; display:inline-block; } .radiance .threeBlock .singleBlock .te1 { background-position:3px -186px; } .radiance .threeBlock .singleBlock .te2 { background-position:-92px -186px; } .radiance .threeBlock .singleBlock .te3 { background-position:-184px -186px; } .radiance .threeBlock .singleBlock:first-child { padding-right:25px; } .radiance .threeBlock .singleBlock:last-child { padding-left:25px; } .radiance .wealthManagement:before { background:url(../../images/baroda-radiance/welathMangbg.png) no-repeat top left; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; opacity:0.4; z-index:-10; } .radiance .comprewealthManagement { background:#11305d; padding:55px 0; color:#fff; } .radiance h2 { color:#fff; font-weight:600; } .radiance .comprewealthManagement h2 { color:#fff; margin-bottom:40px; font-size:1.500em; } .radiance .comprewealthManagement h3 { border-bottom:1px solid rgba(255, 255, 255, 0.20); font-size:1em; font-weight:600; } .radiance .comprewealthManagement .leftBlock { float:left; width:50%; padding-right:15px; } .radiance .comprewealthManagement .rightBlock { float:left; width:50%; padding-left:15px; } .radiance .comprewealthManagement h3 span { display:inline-block; position:relative; padding:10px 25px; line-height:15px; background:rgba(209, 171, 84, 1); background:-moz-linear-gradient(left, rgba(209, 171, 84, 1) 0%, rgba(186, 140, 60, 1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(209, 171, 84, 1)), color-stop(100%, rgba(186, 140, 60, 1))); background:-webkit-linear-gradient(left, rgba(209, 171, 84, 1) 0%, rgba(186, 140, 60, 1) 100%); background:-o-linear-gradient(left, rgba(209, 171, 84, 1) 0%, rgba(186, 140, 60, 1) 100%); background:-ms-linear-gradient(left, rgba(209, 171, 84, 1) 0%, rgba(186, 140, 60, 1) 100%); background:linear-gradient(to right, rgba(209, 171, 84, 1) 0%, rgba(186, 140, 60, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ab54', endColorstr='#ba8c3c', GradientType=1); margin-left:15px; text-transform:uppercase; text-shadow:1px 1px rgba(0, 0, 0, 0.4); color:#fff; } .radiance .comprewealthManagement h3 span:before { content:""; width:0; height:0; border-bottom:35px solid rgba(209, 171, 84, 1); border-left:15px solid transparent; position:absolute; left:-15px; top:0; } .radiance .comprewealthManagement .leftBlock .row:first-child { margin-bottom:60px; } .radiance .comprewealthManagement .rightBlock .row:first-child { margin-bottom:52px; } .radiance .comprewealthManagement h3 span:after { content:""; width:0; height:0; border-top:36px solid #ba8d3c; border-right:15px solid transparent; position:absolute; right:-15px; top:0; } .radiance .comprewealthManagement .singleBox { margin:0 -5px; } .radiance .comprewealthManagement .oneThirdbox { float:left; width:33.33%; padding:0 8px; } .radiance .bulletTextgolden { margin:0; padding:0; } .radiance .bulletTextgolden li { list-style:none; margin:0; background:url(../../images/baroda-radiance/goldernArrow.png) no-repeat left 12px; font-size:0.813em; padding:6px 0 6px 20px; line-height:21px; border-top:1px solid rgba(255, 255, 255, 0.20); } .radiance .oneThirdbox h4 { color:#fff; margin-bottom:8px; font-size:0.875em } .radiance .muchmoreBanking h2 { font-size:1.500em; } .radiance .muchmoreBanking { background:#081f41; padding:50px 0 60px 0; color:#fff; } .radiance .muchmoreBanking .singleImage { width:50%; float:left; padding:0 15px; } .radiance .muchmoreBanking .twoImages { margin:50px 0 -15px; } .radiance .debitcardSection { background:#d4bb80 url(../../images/baroda-radiance/debitcardBg.jpg) no-repeat top center/cover; padding:50px 0; } .radiance .middledebitcardSection .leftBlock { float:left; width:50%; } .radiance .middledebitcardSection .rightBlock { float:left; width:50%; padding-left:15px; padding-top:50px; } .radiance .middledebitcardSection .rightBlock h2 { color:#191919; margin-bottom:0px; font-size:1.500em; } .radiance .middledebitcardSection .rightBlock h3 { color:#191919; font-size:1.375em; } .radiance .middledebitcardSection .rightBlock h3 span { font-weight:normal; } .radiance .middledebitcardSection .leftBlock .cardImage { } .radiance .middledebitcardSection ul.bulletText li { background:url(../../images/baroda-radiance/bullet-arrowblack.png) no-repeat left 7px; margin-bottom:18px; color:#191919; font-weight:600; font-size:1em; } .radiance .middledebitcardSection ul.bulletText li a { text-decoration:underline; color:#11305d; } .radiance .middledebitcardSection ul.bulletText li a:hover { text-decoration:none; } .radiance .wealthManagement { padding:60px 0; } .radiance .exclusiveOffers { padding:0; margin-top:35px; } .radiance .wealthManagement h2 { border-bottom:1px solid #0d6293; margin-bottom:20px; padding-bottom:20px; font-size:1.500em; font-weight:600; } .radiance .wealthManagement p { border-bottom:1px solid #0d6293; color:#fff; padding-bottom:20px; margin-bottom:20px; } .radiance .wealthManagement .swiper-slide p { border:none; text-align:left; padding-top:20px; margin-bottom:0; padding-bottom:0; font-size:0.938em } .radiance .wealthManagement .swiper-slide .slideThumbTitle { font-size:1.125em; color:#fff; font-weight:600; line-height:23px; text-align:left; min-height:45px; margin-bottom:20px; } .radiance .exclusiveOffersListnoslide { overflow:hidden; list-style:none; margin:0; padding:0px; } .radiance .exclusiveOffersListnoslide .swiper-wrapper { margin:0 -8px; display:block; } .radiance .exclusiveOffers .swiper-button-next, .radiance .exclusiveOffers .swiper-button-prev { position:absolute; top:50%; margin-top:-15px; width:30px; height:33px; opacity:0.60; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .radiance .exclusiveOffers .swiper-button-next { right:-80px; background-position:100% 0; } .radiance .exclusiveOffers .container { padding:0; } .radiance .exclusiveOffers .swiper-button-prev { left:-80px; background-position:0 0; } .radiance .exclusiveOffers .swiper-button-next:hover, .exclusiveOffers .swiper-button-prev:hover { opacity:1; } .radiance .exclusiveOffersListnoslide .swiper-slide { float:left; box-shadow:inherit!important; padding:0 8px; width:25%; } .noJS .radiance .exclusiveOffersListnoslide .swiper-slide { margin-right:20px; width:265px; } .noJS .radiance .exclusiveOffersListnoslide .swiper-slide img { width:100%; } .radiance .radiance-next-prev { background:url(../../images/baroda-radiance/radiance-next-prev.png) 0 0 no-repeat; } .radiance .exclusiveOffersListnoslide .swiper-slide .box:hover img { -webkit-transform:inherit!important; transform:inherit!important; } .radiance .footerIconSection { background:url(../../images/baroda-radiance/footerIconSectionBg.jpg) 0 0 no-repeat; background-size:cover; padding:40px 0; } .footerIconSection .footerIconList { list-style:none; margin:0; padding:0; } .footerIconSection .footerIconList li { float:left; width:20%; text-align:center; padding:0 10px; } .footerIconSection .footerIconList li .innerfooterIconList, .footerIconSection .footerIconList li .innerfooterIconList:hover { text-decoration:none; } .footerIconSection .footerIconList li .footerIconTitle { font-size:1.125em; font-weight:bold; color:#081f41; margin-bottom:5px; } .footerIconSection .footerIconList li p { font-size:0.938em; color:#303030; line-height:20px; margin-bottom:0; } .footerIconSection .footerIconList li .wealthMangIcon, .footerIconSection .footerIconList li .dediTeamIcon, .footerIconSection .footerIconList li .custSoltIcon, .footerIconSection .footerIconList li .cerIcon, .footerIconSection .footerIconList li .lifePrivIcon { width:144px; height:144px; border:2px solid #626664; border-radius:50%; -webkit-border-radius:50%; display:inline-block; text-indent:-9999px; background:#e6d1a2 url(../../images/baroda-radiance/radianceservicesBg.png) 0 0 no-repeat; transition:300ms ease; -webkit-transition:300ms ease; margin-bottom:20px; } .footerIconSection .footerIconList li .wealthMangIcon { background-position:-335px 31px } .footerIconSection .footerIconList li .dediTeamIcon { background-position:-465px 30px } .footerIconSection .footerIconList li .custSoltIcon { background-position:-595px 33px } .footerIconSection .footerIconList li .cerIcon { background-position:-724px 36px } .footerIconSection .footerIconList li .lifePrivIcon { background-position:-852px 35px } .footerIconSection .footerIconList li .innerfooterIconList:hover .wealthMangIcon, .footerIconSection .footerIconList li .innerfooterIconList:hover .dediTeamIcon, .footerIconSection .footerIconList li .innerfooterIconList:hover .custSoltIcon, .footerIconSection .footerIconList li .innerfooterIconList:hover .cerIcon, .footerIconSection .footerIconList li .innerfooterIconList:hover .lifePrivIcon { background-color:#081f41; border-color:#081f41; } .footerIconSection .footerIconList li .innerfooterIconList:hover .wealthMangIcon { background-position:-335px -82px } .footerIconSection .footerIconList li .innerfooterIconList:hover .dediTeamIcon { background-position:-465px -83px } .footerIconSection .footerIconList li .innerfooterIconList:hover .custSoltIcon { background-position:-595px -81px } .footerIconSection .footerIconList li .innerfooterIconList:hover .cerIcon { background-position:-724px -80px } .footerIconSection .footerIconList li .innerfooterIconList:hover .lifePrivIcon { background-position:-852px -78px } .radiance .concServices { background:#11305d; padding:50px 0 40px; color:#fff; text-align:center; } .radiance .concServices h2 { color:#d1ac54; font-size:1.500em; font-weight:600; } .radiance .singleService { float:left; width:25%; position:relative; margin-bottom:35px; min-height:230px; padding:5px 5px 0 5px; } .radiance .singleService:before { content:""; position:absolute; right:0; top:0; height:240px; width:1px; background:#375177; } .radiance .singleService:last-child:before { display:none; } .radiance .singleService .icon { width:68px; height:65px; background:url(../../images/baroda-radiance/radianceservicesBg.png) no-repeat 0 0; text-indent:-9999px; display:inline-block; margin-bottom:20px; } .radiance .singleService .icon.is1 { background-position:0 0; } .radiance .singleService .icon.is2 { background-position:-90px 0; } .radiance .singleService .icon.is3 { background-position:-185px 0; } .radiance .singleService .icon.is4 { background-position:-263px 0; } .radiance .fourServices { margin:50px 0 30px; border-bottom:1px solid #375177; } .radiance .fourServices h3 { color:#d0aa52; margin-bottom:5px; font-weight:600; font-size:1.125em; } .radiance .fourServices p { font-size:0.875em; margin-bottom:0; } .radiance .fourServicesinfo p { margin-bottom:10px; } .radiance .fourServicesinfo span { font-size:1.500em; color:#d1ac54; background:url(../../images/baroda-radiance/tollFreeicon.png) no-repeat 0 2px; padding-left:35px; font-weight:600; } .radiance .fourServicesinfo span a { color:#d1ac54; } .radiance .fourServicesinfo p.smallText { margin-top:22px; opacity:0.70; font-size:0.813em; } .radiance .footerBlue { background:#081f41; padding:55px 0; } .radiance .fourImages { margin:0 -15px; } .radiance .fourImages .singleImage { float:left; width:50%; padding:0 15px; margin:0 0 30px 0; position:relative; } .radiance .fourImages .singleImage .innersingleImage { display:block; position:relative; } .radiance .fourImages .singleImage .innersingleImage:after { content:""; background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(38%, rgba(0, 0, 0, 0.2)), color-stop(62%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8))); background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.4) 62%, rgba(0, 0, 0, 0.8) 100%); background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.4) 62%, rgba(0, 0, 0, 0.8) 100%); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.4) 62%, rgba(0, 0, 0, 0.8) 100%); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.4) 62%, rgba(0, 0, 0, 0.8) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0); position:absolute; height:130px; bottom:0; right:0; left:0; z-index:0 } .radiance .fourImages .singleImage:last-child .innersingleImage:after { content:""; background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.6)), color-stop(62%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.8))); background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 62%, rgba(0, 0, 0, 0.8) 100%); background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 62%, rgba(0, 0, 0, 0.8) 100%); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 62%, rgba(0, 0, 0, 0.8) 100%); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 62%, rgba(0, 0, 0, 0.8) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0); position:absolute; height:160px; bottom:0; right:0; left:0; z-index:0 } .radiance .fourImages .singleImage h2 { position:absolute; bottom:35px; left:30px; margin:0; z-index:1 } .radiance .fourImages .singleImage img { width:100%; } .radiance .hoverBlock { position:absolute; top:0; left:0; width:100%; padding:35px 25px; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1; } .radiance .fourImages .singleImage.hoverText h2 { position:static; bottom:0; left:0; margin-bottom:20px; } .radiance ul.bulletText { margin:0; padding:0; } .radiance ul.bulletText li { color:#fff; background-image:url(../../images/baroda-radiance/bullet-arrowWhite.png); } .fontNormal { font-weight:normal; } .radiance .callUstext { margin-bottom:0; margin-top:25px; color:#fff; } .radiance .hoverBlock.belowBox { bottom:0px; height:auto; padding-bottom:0; background:none; color:#fff; top:auto } .radiance .hoverBlock.belowBox .right { font-size:12px; font-family:'open_sansitalic'; } .radiance .fourImages .singleImage.hoverText .belowBox h2 { margin-bottom:0; } .radiance .hoverBlock.belowBox p { margin-bottom:10px; } .radiance .footerBlue .conveService .leftBlock { float:left; width:50%; padding-right:20px; padding-top:50px; } .radiance .footerBlue .conveService .rightBlock { float:left; width:50%; padding-left:15px; } .radiance .footerBlue .conveService .rightBlock img { border:1px solid #c3c3c3; } .radiance .conveService ul.bulletText li { background-image:url(../../images/baroda-radiance/bullet-arrowGolden.png); padding-left:36px; font-size:1em; margin-bottom:15px } .radiance .conveService { margin-bottom:40px; } .radiance .preferedPrice { background:#081f41; padding:30px 0 0; margin-top:40px; } .radiance .preferedPrice .priceGrid { margin-bottom:0; } .radiance .preferedPrice .priceGrid th { background:#d1ac54 } .radiance .preferedPrice .priceGrid { border-left:1px solid #d1ac54; border-top:1px solid #d1ac54; } .radiance .preferedPrice .priceGrid th { background:#d1ac54; color:#081f41; border-right:1px solid #d1ac54; border-bottom:1px solid #d1ac54; font-weight:normal; text-align:center; } .radiance .preferedPrice .priceGrid td { background:#0d2a55; border-right:1px solid #d1ac54; border-bottom:1px solid #d1ac54; color:#fff; padding:12px 40px; } .radiance .preferedPrice .priceGrid .gridTitle td { background:#d1ac54; color:#081f41; } .radiance .preferedPrice h3 { color:#fff; font-size:1.375em; font-weight:600; } .radiance .withdrawalPopup { max-width:1024px; } .higherWithdrawalPopup { padding:20px; } .higherWithdrawalPopup h2 { color:#073767; font-size:20px; border-bottom:1px solid #bfbfbf; margin-bottom:20px; padding-bottom:10px; padding-left:0; background:none; } .higherWithdrawalPopup .popupGrid { margin:0; padding:0; } .higherWithdrawalPopup .popupGrid th { background:#d1ac54; color:#081f41; font-weight:normal; border-right:1px solid #d1ac54; border-bottom:1px solid #d1ac54; } .higherWithdrawalPopup .popupGrid td { background:#f6f6f6; color:#2d2d2d; } .higherWithdrawalPopup .popupGrid td.gridSubtitle { color:#081f41; } .decimalText { list-style:none; } .decimalText li { list-style:decimal; list-style-position:outside; padding:0 0 10px 10px } .airportPopup { width:100%; max-width:1170px; } .airportLoungePopup { padding:20px; } .airportLoungePopup .titlePopup { border-bottom:1px solid #bfbfbf; margin-bottom:20px; padding-bottom:10px; } .airportLoungePopup h2 { color:#073767; font-size:20px; float:left; margin:0; padding:0; background:none; } .airportLoungePopup h3 { color:#073767; font-size:1.125em; border-bottom:1px solid #bfbfbf; margin-bottom:10px; padding-bottom:5px; } .airportLoungePopup h4 { color:#073767; font-size:1em; margin:0px; padding:0px; } .airportLoungePopup p { margin:0; padding:0 0 5px 0; color:#222; font-size:14px; } .airportLoungePopup .popupLink { font-size:12px; } .airportLoungePopup .bulletList { list-style:disc; margin:0; } .airportLoungePopup .bulletList li { font-size:12px; color:#575757; } .airportLoungePopup .width70p { padding-left:25px; } .airportLoungePopup .alignRight { padding-left:25px; } .padR30px { padding-right:30px; } .textoverImage { position:relative; } .textoverImage .imageText { position:absolute; top:25px; left:25px; line-height:30px; } .textoverImage .imageText h3 { font-size:21px; color:#fffe91; text-shadow:1px 1px rgba(0, 0, 0, 0.5); border-bottom:none; } .textoverImage .imageText p { color:#f9f9f9; font-size:17px; font-weight:600; line-height:25px; text-shadow:1px 1px rgba(0, 0, 0, 0.4); } .gulfporgPopup.inlineContentPopup { width:100%; max-width:1170px; } .gulfPopup { padding:20px; } .gulfPopup .titlePopup { border-bottom:1px solid #bfbfbf; margin-bottom:20px; padding-bottom:10px; } .gulfPopup h2 { color:#073767; font-size:20px; float:left; margin:0; padding:0; background:none; } .gulfPopup h3 { color:#ba8c3c; font-size:14px; margin-bottom:5px; padding:0; font-weight:700; } .gulfPopup h4 { color:#073767; font-size:1em; margin:0px; padding:0px; } .gulfPopup p { margin:0; padding:0 0 5px 0; color:#222; font-size:14px; } .gulfPopup .popupLink { font-size:12px; } .gulfPopup .popupLink a, .airportLoungePopup .popupLink a { color:#575757; } .gulfPopup .bulletList { list-style:disc; margin-bottom:0; } .gulfPopup .bulletList li { font-size:12px; color:#575757; } .gulfPopup .gulfImageBlock { width:60%; float:left; background:#081f41; } .gulfImageBlock .gulfImg { float:left; width:57% } .gulfImageBlock .gulfImgInfo { float:left; width:43%; background:#081f41; } .gulfPopup .descriptionBlock { width:40%; float:right; } .gulfPopup .descBlockList { list-style:none; padding-left:25px; } .gulfPopup .descBlockList li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #c7c7c7; } .gulfPopup .descBlockList li:last-child { border:none; margin:0; padding:0; } .gulfImgInfo .imageTitle { font-size:1.125em; color:#fff; font-weight:600; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #375177; } .gulfImgInfo { padding:20px; } .gulfImgInfo .bulletText { margin:0; padding:0; list-style:none; } .gulfImgInfo .bulletText li { font-size:0.875em; color:#fff; background:url(../../images/baroda-radiance/bullet-text-arrow.png) 0 7px no-repeat; padding:0 0 0 12px } .gulfImgInfo .bulletText li strong { color:#ba8c3c; font-weight:600; } .locationList { position:relative; padding-left:24%; font-size:0.875em; color:#2d2d2d; } .locationList .cityName { position:absolute; left:0; top:0; color:#11305d; font-weight:600; } .callNumber { color:#d4bc81; font-size:21px; } .callNumber a { color:#d4bc81; } .radiance .headerRow .topRightNav li a:hover, .radiance .footerLinks ul li a:hover { color:#d1ac54; } .radiance ul.bulletText li { background:url(../../images/baroda-radiance/bullet-arrowGolden.png) no-repeat left 7px; } .radiance .loginPopup h3, .radiance .loginPage h3 { color:#081f41; } .radiance .homeRightNav h2 { color:#224781; } .radiance .homeSprite { background-image:url(../../images/baroda-radiance/header-sprite.png); } .radiance .topStrip, .radiance #accessControl input { background-color:#0a4878; } .radiance .headerRow .topNav li a, .radiance .headerRow .topRightNav li a, .radiance .copyright p, .radiance .connectWithUs p, .radiance .mobConWithUs p { color:#fff; } .radiance .headerRow .topNav li a:hover, .radiance .headerRow .topNav li a.active { color:#d1ac54; } .radiance .headerRow .searchBox input { background-color:#13305f; } .radiance .headerRow .botRightNav li a { border-color:#224781; color:#fff; } .radiance .headerRow .botRightNav li a:hover { background:#224781; } .radiance .headerRow .botRightNav li a .loginIcon { background-position:7px -27px; } .radiance .headerRow .botRightNav li a .locateIcon, .wob .radiance .headerRow .botRightNav .locateIcon { background-position:-28px -27px; } .radiance .headerRow .botRightNav li a .contactIcon, .wob .radiance .headerRow .botRightNav .contactIcon { background-position:-64px -27px; } .radiance .overseasDropdownblock > a .icon { background-position:-541px -75px; } .radiance .rightFixedBox .socialList li a, .radiance .homeRightNav .homeRightNavSlide > a { background-color:#224781; } .radiance #footer { background:#081f41; } .radiance .footerTopLinks li a, .radiance .footerLinks .col3 h3, .radiance .footerLinks ul li a { color:#fff; } .radiance .footerSlideup, .radiance .footerHide:after { background-color:#d1ac54; } .radiance .footerHide { background:#081f41; } .radiance .marqueeHomePage, .radiance #footer .networkLink, .radiance .recentlyVisitedPopup h3 { background:#224781; } .radiance .footerLinks ul li .icon { background-position:-544px -175px; } .radiance #footer .siteUpdate strong, .radiance #footer .siteUpdate span.counter { color:#0c609b; } .radiance .ratesStrip .rate, .radiance .recentlyVisitedPopup li a:hover { color:#224781; } .radiance .adiFrameOpen { background-color:#224781; } .radiance { background:#081f41; } .wob .radiance .textLeftBanner h2, .wob .radiance .concServices h2, .wob .radiance .preferedPrice .priceGrid th, .wob .radiance .preferedPrice .priceGrid .gridTitle td, .wob .footerIconSection .footerIconList li .footerIconTitle, .wob .footerIconSection .footerIconList li p, .wob .airportLoungePopup .bulletList li, .wob .locationList, .wob .locationList .cityName, .wob .gulfPopup .bulletList li, .wob .gulfImgInfo .bulletText li strong, .wob .inlineContentPopup .airportLoungePopup h2, .wob .airportLoungePopup p, .wob .airportLoungePopup h4, .wob .inlineContentPopup .airportLoungePopup h2, .wob .inlineContentPopup .gulfPopup h2, .wob .inlineContentPopup .higherWithdrawalPopup h2, .wob .gulfPopup h3, .wob .gulfPopup h4, .wob .inlineContentPopup .higherWithdrawalPopup h2, .wob h3, .wob .airportLoungePopup h3 { color:#fff; } .wob .radiance .expertsTeam, .wob .radiance .comprewealthManagement, .wob .radiance .concServices, .wob .radiance .footerHide:after { background:#222; } .wob .footerSlideup, .wob #footer .networkLink { background-color:#222; } .wob .radiance .innerBanner.innerLargeBanner .pageTitle, .wob .radiance .footerIconSection, .wob .radiance #accessControl input.fontScaler, .wob .radiance .preferedPrice .priceGrid .gridTitle td, .wob .radiance th, .wob .radiance .tableData th { background:#333; } .wob .radiance .wealthManagement, .wob .radiance .debitcardSection, .wob .radiance #footer, .wob .radiance .footerBlue, .wob .radiance .preferedPrice, .wob .radiance .expertsTeam .leftBlock h2 { background:#000; } .wob .radiance .muchmoreBanking, .wob .gulfPopup .gulfImageBlock, .wob .gulfImageBlock .gulfImgInfo { background:#111; } .wob .radiance .expertsTeam h2, .wob .radiance .wealthManagement h2, .wob .radiance .wealthManagement .swiper-slide .slideThumbTitle, .wob .radiance .comprewealthManagement h2, .wob .radiance .fourServices h3, .wob .radiance .middledebitcardSection .rightBlock h2, .wob .radiance .middledebitcardSection .rightBlock h3 { color:#fff; } .wob .radiance .comprewealthManagement h3 span { background:#444; } .wob .radiance .comprewealthManagement h3 span:before { border-bottom-color:#444; } .wob .radiance .comprewealthManagement h3 span:after { border-top-color:#444; } .wob .radiance .singleService:before, .wob .radiance .preferedPrice .priceGrid th, .wob .radiance .topStrip, .wob .headerRow .botRightNav li a:hover { background:#333; } .wob .radiance .headerRow .searchBox input, .wob .radiance .recentlyVisitedPopup h3, .wob .radiance .rightFixedBox .socialList li a, .wob .radiance .rightFixedBox .socialList li a, .wob .radiance .homeRightNav .homeRightNavSlide > a, .wob .radiance .adiFrameOpen { background-color:#333; } .wob .radiance .conveService ul.bulletText li { background-image:url(../../images/bullet-arrow-wh.png); } .wob .footerIconSection .footerIconList li span, .radiance .footerBlue .conveService .rightBlock img, .wob .gulfPopup .titlePopup, .wob .radiance .headerRow .botRightNav li a { border-color:#333; } .wob .radiance .innerBanner { padding-top:140px; } .wob .radiance .threeBlock .singleBlock:after, .wob .radiance .wealthManagement h2, .wob .radiance .wealthManagement p, .wob .radiance .fourServices { border-color:#333; } .wob .radiance .bulletTextgolden li { background:url(../../images/baroda-radiance/goldernArrowwhite.png) no-repeat left 12px; } .wob .radiance .middledebitcardSection ul.bulletText li { background:url(../../images/baroda-radiance/bullet-arrowWhite.png) no-repeat left 7px; color:#fff; } .wob .radiance .middledebitcardSection ul.bulletText li a, .wob .radiance .fourServicesinfo span a, .wob .radiance .fourServicesinfo span, .wob .callNumber a, .wob .radiance ul.bulletText li a { color:#80ff00; } .wob .radiance .fourServicesinfo span { background-position:left -35px; } .wob .radiance .preferedPrice .priceGrid td, .wob .radiance .preferedPrice .priceGrid th, .wob .radiance .preferedPrice .priceGrid, .wob .radiance .comprewealthManagement h3 { border-color:#333; } .wob .headerRow .topNav li a.active { color:#d1ac54; font-weight:600; } .wob .radiance .preferedPrice .priceGrid td, .wob .footerIconSection .footerIconList li span { background-color:#252525; } .wob .footerIconSection .footerIconList li .innerfooterIconList .wealthMangIcon { background-position:-335px -82px; } .wob .footerIconSection .footerIconList li .innerfooterIconList .dediTeamIcon { background-position:-465px -83px; } .wob .footerIconSection .footerIconList li .innerfooterIconList .custSoltIcon { background-position:-595px -81px; } .wob .footerIconSection .footerIconList li .innerfooterIconList .cerIcon { background-position:-724px -80px; } .wob .footerIconSection .footerIconList li .innerfooterIconList .lifePrivIcon { backgfinance literacyround-position:-852px -78px; } .wob .footerIconSection .footerIconList li .innerfooterIconList:hover span { background-color:#111; border-color:#111; } .wob .inlineContentPopup .airportLoungePopup h2, .wob .inlineContentPopup .gulfPopup h2, .wob .inlineContentPopup .higherWithdrawalPopup h2 { background-color:#333; } .wob .gulfPopup .popupLink a, .wob .airportLoungePopup .popupLink a, .wob .radiance #footer .siteUpdate span.counter, .wob .radiance #footer .siteUpdate strong { color:#80ff00; } .wob .radiance .bulletTextgolden li, .wob .airportLoungePopup .titlePopup, .wob h3, .wob .gulfPopup .titlePopup, .wob .inlineContentPopup .higherWithdrawalPopup h2, .wob .gulfImgInfo .imageTitle, .wob .gulfPopup .descBlockList li { border-color:#444; } .wob .higherWithdrawalPopup .popupGrid td { background:#111; color:#fff; } .wob .higherWithdrawalPopup .popupGrid tr:nth-child(2n+1) td { background:#222; } .wob .gulfImgInfo .bulletText li { background-image:url(../../images/right-arrow.png); background-size:6px auto; } .wob .radiance .expertsTeam .leftBlock h2:after { background:url(../../images/baroda-radiance/yellowBgdark.png) no-repeat 0 0; } .wob .radiance #footer { border-color:#000; } .wob .radiance .innerBanner.innerLargeBanner .bannerImgWrap { background:#000; height:500px; position:relative; } .wob .radiance .innerBanner.innerLargeBanner .bannerImgWrap:before { content:""; width:15px; height:550px; background:#d1ac54; position:absolute; left:47%; transform:rotate(20deg); top:-20px; } .wob .radiance .innerBanner.innerLargeBanner .bannerImgWrap img { display:none; } .wob .radiance ul.bulletText li { background-image:url(../../images/bullet-arrow-wh.png) no-repeat left 7px; } .wob .airportLoungePopup .titlePopup .alignRight, .wob .gulfPopup .titlePopup .alignRight { visibility:hidden; } .wob .airportLoungePopup .titlePopup, .wob .gulfPopup .titlePopup { background:#333 url(../../images/baroda-radiance/popup-card-logo-iconWob.png) no-repeat right top; } .debitCard .row.visaCard.visaCardNew .keyFeatures { width:350px; padding-top:30px; } .debitCard .row.rupayCard.rupayCardNew .keyFeatures { padding-top:30px; } .contOverseasOff .globalPresence .map .gujarat {left: 760px; top: 271px;}