@charset "utf-8"; /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /*html, body { height: 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 Family*********/ @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; } /********* Form fields *********/ ::-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 } /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear:both } /********* Common Classes *********/ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:20px 0; padding:0 } body, button, input, select, textarea { color:#555; font: 16px/1.6 'open_sans'; } body { background-color:#fff; } html, body { overflow-x:hidden; } h1 { font-size: 19px; font-weight:400; } h2 { font-size:21px; color:#ff6633; font-weight:400; } h3 { font-size: 19px; font-weight:600; color:#555; } h4 { font-size: 17px; 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; } .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; } /********** Image Formating & Alignment **********/ .imgLeft { float:left; margin-right:20px; margin-bottom:20px; } .imgRight { float:right; margin-left:20px; margin-bottom:20px; } .imgCenter { float:none; margin-bottom: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 3px 0px rgba(0, 0, 0, 0.2); padding:4px; } /********** Alignment **********/ .left { text-align:left !important } .right { text-align:right !important } .center { text-align:center !important } .justify { text-align:justify !important } /********** Error/Alert Messages **********/ .message { padding:10px 38px 10px 10px; margin-bottom:20px; border:1px solid transparent; position:relative; } .message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message.success a { color: #2b542c; } .message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message.error a { color: #843534; } .error, .asterix, .redText { color: #ff0000; font-size: 14px; } /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto; } table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; border-top:1px solid #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 } /*----Date Picker----*/ .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; } /*----Date Picker----*/ .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; } /********* Back to Top **********/ #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; } /*************Layout**************/ .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; } /*************Home Css**************/ .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; } /**************Index Banner**************/ .indexBanner { position:relative; padding-top: 178px; } .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 .sliderCaption .vCenter { padding-top:5%; }*/ .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; } /********** Page Banner **********/ .innerBanner { 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: 0; margin:0; } .noJS .innerBanner .pageTitle h1 { margin-top:0; opacity:1; } .innerBanner.aboutUsBanner { background:#7b9ab5; } .innerBanner.loanBanner { background:#c8daf2; } /********** breadcrumb **********/ .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 { 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 a:hover { text-decoration:none; } .innerBannerSlider .breadcrumb { z-index:1; } /**************Bank of Baroda Network**************/ #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%; } /********* Header *********/ .headerRow { padding:5px 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; } /* ******** Custom Language Select ******** */ .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; } /*********Header Search*********/ .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:341px; 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:-526px -135px; position:absolute; right:0; top:0; text-indent:-9999px; border:0; } .headerRow .searchBox .inputSearchBox { position:relative; } /********* Navigation *********/ .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 First Lavel******/ #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 { 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 Second Lavel******/ #nav li ul { padding:0; margin:0; display:none; } #nav li.current ul { display:block; } #nav li li { display:block; position:relative; margin:0; padding:0; } #nav li li .linkIcon { margin-right:10px; display:inline-block; vertical-align:middle; } #nav li li a { display:block; font-size:13px; line-height:50px; font-weight:400; color:#4b4b4b; border:none; text-align:left; padding:0 14px; position:relative; } /*#nav li li a:after { width:0; left:50%; height:4px; bottom:-4px; z-index:1; position:absolute; content:""; background:#ff6633; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } #nav li li a:hover:after, #nav li li:hover a:after { width:100%; left:0; }*/ #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 li:first-child ul { left:0; } #nav li li:hover ul { opacity:1; visibility:visible; } #nav li li li { display:block; margin:0; padding:0; float:none; } #nav li li li a { color:#4b4b4b; display:block; padding:7px 0 7px 25px; line-height:21px; background:url(../../images/nav-arrow.png) no-repeat 0 13px; 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; } #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:63px; line-height:63px; } #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(../../icons/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:nth-child(2) > a:before { background-position:-32px 0; } #nav > li:first-child > ul > li:nth-child(2):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(2) > a:before { background-position:-32px -34px; } #nav > li:first-child > ul > li:nth-child(3) > 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(3):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(3) > 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(4) > a:before { background-position:-104px 0; width:28px; } #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:-104px -34px; } #nav > li:first-child > ul > li:nth-child(5) > a:before { background-position:-139px 0; width:30px; } #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:-139px -34px; } #nav > li:first-child > ul > li:nth-child(6) > a:before { background-position:-175px 0; } #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:-175px -34px; } #nav > li:first-child > ul > li:nth-child(7) > 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(7):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(7) > 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(8) > a:before { background-position:-499px 0; } #nav > li:first-child > ul > li:nth-child(8):hover > a:before, .wob #nav > li:first-child > ul > li:nth-child(8) > 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; } /********** Access Control **********/ #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:auto; } .headerRow .rightCol .bottomRow { margin-top:12px; } .headerRow .topNav { margin:0; padding:0; list-style:none; display:inline-block; width:473px; vertical-align:middle; } .headerRow .topNav li { margin:0 10px; 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; } /*.rightFixedBox { position:fixed; right:0; top:150px; z-index: 14; }*/ /**************Home Links**************/ .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:33%; padding:15px 31px; 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 40px 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; } /**************Explore More**************/ .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:auto; overflow: hidden; position: relative; } @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(../../bg/banner.jpg); } .fifaPartnerBg { background-image: url(../../bg/banner.jpg); } .genNextProBg { background-image: url(../../bg/banner.jpg); } .barodamConnectPlusBg { background-image: url(../../bg/banner.jpg); } .accOpenKioskBg { background-image: url(../../bg/banner.jpg); } .greenPinBg { background-image: url(../../bg/banner.jpg); } .secureBankingBg { background-image: url(../../bg/banner.jpg); } .mInvestAppBg { background-image: url(../../bg/banner.jpg); } .smallBusiAccBg { background-image: url(../../bg/banner.jpg); } .barodamPassbookBg { background-image: url(../../bg/banner.jpg); } .cashlessVillagesBg { background-image: url(../../bg/banner.jpg); } .globalPresenceBg { background-image: url(../../bg/banner.jpg); } } .homeProductsInner .homeProductListing { list-style: none; margin: 0; padding: 0; text-align: center; position: relative; z-index: 2; } .homeProductsInner .homeProductListing li { width:24.9999%; 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:41px; height:62px; background-position:-238px -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); } /*********Connect with Us******/ .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:280px; 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 .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 .inIcon { background-position:-312px -43px; } .socialFeedsList li a.tw, .socialFeedsList li a.yt, .socialFeedsList li a.insta { 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.insta { color: #9833c5; } .socialFeedsList li a.insta::after { background: #a24bc8; } .mobConWithUs.box p.title { color: #424242; } /**********Footer**********/ #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 { color:#ff6633; font-weight:700; } #footer .topRow { position:relative; } #footer .topRow .box { width:333px; 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 { 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:12px; padding:0; line-height:22px; float:none; text-align:center } .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:300px; } .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:none; margin:7px 0; padding:0; list-style:none; text-align:center; width: 100%;} .footerTopLinks li { display:inline-block; position:relative; padding:0 10px; } .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 .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 .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; } .homeRightNav .homeRightNavSlide .toolTip { height:40px; line-height:40px; top:11px; 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**************/ .announcements { position:fixed; top:50%; margin-top:-177px; left:-45px; z-index:100; } .announcements.slide { left:0; } .announcements .title { background:#ff6633; color:#fefefe; 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:40px 25px 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; /*height:18px;*/ 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:1; background-position:-466px -46px; display:inline-block; text-indent:-9999px; /*box-shadow:0 0 10px rgba(0, 0, 0, 0.5);*/ 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 .callBackHeight{float:left; width:100%; margin-bottom:20px; padding-right:10px; }*/ .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; } /*request a call back pop end */ .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; } /*.menuOverlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0,0,0,0.65); }*/ .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:160px; 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:1144px; } .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:16px; color:#3f3f3f; position:relative; line-height:20px; margin-bottom:10px; } .ratesStrip .break { display:block; } .ratesStrip .rate { font-size:26px; 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:after{position:absolute; right:-1px; top:0; height:100%; width:1px; content:""; background:#eeeeee;}*/ .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; } /**************Swiper 3.4.2**************/ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ 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; } /* Auto Height */ .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; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .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; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:10px; 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 v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 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; } /*@media only screen and (max-width: 479px) { .litebox-overlay .litebox-close { display: none; } }*/ /* Bullets */ .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; } /* Progress */ .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; } /* 3D Container */ .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))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */ } .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))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */ } .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))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */ } .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))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));/* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .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; } /* Cube */ .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; } /* Fade */ .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; } /* Scrollbar */ .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; } /* Preloader */ .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); } } /********** Sidebar Nav **********/ #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; } /********** About Us **********/ .aboutUs .ourVisionP, .brdParagraph { font-size:18px; font-weight:300; line-height:31px; position:relative; margin-bottom:20px; } .aboutUs .ourVisionP:after, .brdParagraph:after { width:98px; height:6px; position:absolute; left:0; bottom:-19px; content:""; background:#ff6633; } /*.rightContent h2 { font-size:23px; font-weight:700; color:#ff6633; margin-bottom:15px; }*/ .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; } /**********About Bottom Row**********/ .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**********/ .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; } /**********Board of Directors**********/ .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; td.empty { border-top:none; } -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; } /*.inlineContentPopup .mfp-close { background:#e34234; color:#fff !important; height:48px; width:48px; opacity:1; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; border-radius:0; border:0; top:0; right:0; } .directorProfilePopup .mfp-close:hover, .inlineContentPopup .mfp-close:hover { background:#ff6633; }*/ .directorProfilePopup h2 { background: none; color: #ff6633; font-size: 22px; margin-bottom: 30px; padding:20px 0 0 30px; } .directorProfilePopup h2.borderTitle:after { left:32px; } /**********Magnific Popup CSS**********/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .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-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }*/ .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; 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 { width: 44px; height: 44px; line-height:32px; position: absolute; right:10px; top:10px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size:32px; font-family: Arial, Baskerville, monospace; border:2px solid #fff; border-radius:50%; } .mfp-close:hover, .mfp-close:focus { opacity: 1; border-color:#fff; color:#fff; } .mfp-close:active { top: 1px; }*/ .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { 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; } /* Main image in popup */ 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; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top:0; position: absolute; bottom:20px; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height:22px; font-size:16px; color: #fff; background:#ff6633; word-wrap: break-word; padding:8px; } .mfp-image-holder .mfp-content { max-width: 100%; } /*.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }*/ .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 ); } /********** Custom Tabs **********/ .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:80px; height:100%; content:""; width:6px; background:#fdb913; top:0; display:block; z-index:1; } .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:50%; 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; } .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; } /**********Global Presence**********/ .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 -388px; } .branchesList .bah { background-position:-319px -388px; } .branchesList .bahr { background-position:-145px -388px; } .branchesList .bel { background-position:-290px -388px; } .branchesList .chi { background-position:-261px -388px; } .branchesList .fi { background-position:-29px -388px; } .branchesList .hk { background-position:-203px -388px; } .branchesList .mau { background-position:-319px -366px; } .branchesList .rsa { background-position:0 -388px; } .branchesList .sey { background-position:-348px -366px; } .branchesList .sin { background-position:-58px -388px; } .branchesList .so { background-position:-116px -388px; } .branchesList .uae { background-position:-87px -388px; } .branchesList .uk { background-position:-174px -388px; } .branchesList .usa { background-position:-232px -388px; } .branchesList .bot { background-position:0 -366px; } .branchesList .gha { background-position:-29px -366px; } .branchesList .guy { background-position:-87px -366px; } .branchesList .ken { background-position:-174px -366px; } .branchesList .nz { background-position:-58px -366px; } .branchesList .tan { background-position:-145px -366px; } .branchesList .tt { background-position:-116px -366px; } .branchesList .uga { background-position:-203px -366px; } .branchesList .mal { background-position:-232px -366px; } .branchesList .zam { background-position:-261px -366px; } .branchesList .thai { background-position:-290px -366px; } .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; } .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:70px; } .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; } /**********Photo Gallery**********/ .records { float:left; } .records .txt, .records select { float:left; font-size:0.929em; line-height:1.615em; } .records .txt { margin-top: 3px; } .records .goBtn { margin-left:7px; padding:3px 5px 1px; color:#fff; font-size:0.929em; line-height:1.231em; vertical-align:middle; } .records.go { float:right; } .paging { float: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; } /*.paging input { color:#ff6633; display:inline-block; vertical-align:middle; padding:0 5px; cursor:pointer; font-weight:400; height:30px; width:30px; line-height:28px; border-color:#dadada; background:#fff; } .paging input:hover { background:#ff6633; color:#fff; } .paging input.aspNetDisabled, .paging input.aspNetDisabled:hover { background:#bababa; color:#fff; } .paging input.prevBtn { background:url(../../images/previous-gallery.png) no-repeat scroll center center; height:26px; text-indent:-999em; width:24px; border:none; } .paging input.prevBtn:hover { background: url(../../images/previous-gallery-hover.png) no-repeat scroll center center; } .paging input.nextBtn { background:url(../../images/next-gallery.png) no-repeat center center; height:26px; text-indent:-999em; width:24px; border:none; } .paging input.nextBtn:hover { background:url(../../images/next-gallery-hover.png) no-repeat scroll center center; }*/ .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; } /**********Loan**********/ /*.loan p { font-size:20px; }*/ .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:17px; 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; /*box-shadow:4px 4px 4px rgba(0, 0, 0, 0.25);*/ opacity: 0; visibility:hidden; transform: translateY(40px); -webkit-transform: translateY(40px); position:absolute; left:50%; margin-left:-73px; bottom:0; border:1px solid #ff6633; } .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; } /**********debit Card**********/ .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 { padding:9px 0; font-weight:600; font-size:14px; } .debitCard .keyFeatures .button { text-transform:uppercase; } .debitCard .otherBenefits { float:left; position:relative; } .debitCard .otherBenefits .box { 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 .row:nth-child(even) .otherBenefits .box .close{left:-10px; right:auto;}*/ .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.rupayCard .imgHolder { background:url(../../images/bggb-card.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:290px; } .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:290px; } .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 20px 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; } /*************Advanced Search*************/ .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; } /********Module Search***********/ .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 li.year{width:130px;} .tenderFilter li.month{width:170px;} .tenderFilter .btnSearchReset{margin-top:28px;}*/ .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; } /*.tenderFilter.corporate .btnSearchReset { margin-top:10px; }*/ .moduleSearch.sebiSearch .btnSearchReset { margin-top:27px; } .moduleSearch.sebiSearch li { width:26%; } /********Common Listing***********/ .commonListing { list-style: outside none none; padding: 0; } .commonListing .thumbListRow { position:relative; /*min-height:48px; padding:0 0 0 15px;*/ } /*.commonListing .thumbDesc { min-height:45px; }*/ .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 .thumbDate .day { font-weight:600; }*/ /*.commonListing .thumbTitle { font-size:15px; }*/ /*.commonListing .thumbListRow:before { content:""; position:absolute; left:0; top:0; z-index:auto; height:100%; width:2px; background:#e3e3e3; overflow:hidden; display:block; } .commonListing .thumbListRow:after { content:" "; position:absolute; left:-1px; top:50%; z-index:auto; height:0; width:3px; background:#ff6633; overflow:hidden; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; display:block; }*/ .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; } /********Pagination***********/ .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.aspNetDisabled.pageNo, .pagingNo ul li a:hover, .pagingNo ul li.current a, .pagingNo ul li.current, .pagingNo ul li input:hover, .paging table input.aspNetDisabled, .paging table input:hover { background:#ff6633; color:#fff; } .pagingNo ul li input.prevBtn, .paging input.prevBtn { background:url(../../images/paging-prev-icon.png) no-repeat 0 center; padding:2px 10px 2px 25px; } .pagingNo ul li input.nextBtn, .paging input.nextBtn { background:url(../../images/paging-next-icon.png) no-repeat right center; 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; } /**********Offices & Branches**********/ .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%; height:300px; border:1px solid #d5d5d5; 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; } /**********Tender Detail**********/ .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%; } /**********Award List**********/ .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 .awardRow:nth-child(even) .awardImg{float:right; padding-right:0; padding-left:20px;}*/ .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; } /**********ATM Locator**********/ .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 {/*float:left; width:33.333%;*/ 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; } /**********Costom Checkbox**********/ [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); } /********** Feedback **********/ .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; } /**********Application Form**********/ .applicationForm .box { margin-left:20px; } .applicationForm .box p { margin-bottom:5px; } /**********FAQs**********/ .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; } /***************Auto Complete***************/ .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*********/ .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 } /***************Mconnect***************/ .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:650px; } .appInfo ul li { padding:0 30px 30px 0; float:left; width:325px; } .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 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 a { color:#666; } .mconnectContact .contactDetail a:hover { color:#ff6633; }*/ .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; } /***************mPassbook***************/ .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:33%; } .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:80px 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 { background-position:-802px 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; } /***************Home Loan***************/ .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 25px; 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 { padding-bottom:0; border: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; } /**********Responsive Tab**********/ .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 } /***************Loan Detail***************/ .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; /*padding-right:200px;*/ position:relative; float:left; width:840px; } /*.loanDetail .tabContainer.homeLoan:after { position:absolute; top:20px; left:100%; content:""; width:556px; height:512px; background:url(../../images/home-detail-tab-bg.png) no-repeat 0 0; margin-left:-200px; } .loanDetail .tabContainer ul.bulletText li { margin:0 0 20px 0; }*/ .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%; border-right:4px solid #ff6633; } .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%; } .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; } /***************Gift Cards***************/ .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:#f8f8f8; padding:50px 0; } .giftCardInquire h3 { font-size:1.125em; font-weight:700; margin-bottom:5px; } .giftCardInquire p { font-size:1.125em; } .giftCardInquire .bottomCotactDetail .contactDetail { padding-left:0; margin:10px 0 25px 0; } .giftCardInquire .bottomCotactDetail .rightCol { padding-left:10px; margin-top:60px; } .giftCardInquire .bottomCotactDetail .rightLinks li { width:auto; padding:0 20px; } .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:nth-last-child(2):before, .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; } /***************About Us Landing***************/ .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:700; 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); } /***************Media***************/ .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; } /***************Financial Report***************/ .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; } /***************Debit Card Grid***************/ .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 { /*box-shadow:0 0 15px rgba(0, 0, 0, 0.2);*/ text-align:center; position:relative; } .debitCardSlider .cardBox:after { position:absolute; left:0; top:66px; width:100%; height:100%; content:""; /*background:url(../../images/debit-card-grid-box-bg.png) no-repeat center 0;*/ 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 .electronCard { background:url(../../images/electron-card-bg.jpg) no-repeat center center; background-color: #fff; }*/ .debitCardSlider .imgHolder { position:relative; z-index:1; padding: 40px 0 20px; } /*.debitCardSlider .imgHolder img { width: 100%; }*/ .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; left:50%; top:0; width:37%; height:388px; margin-left:-18.5%; }*/ .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:""; } /*.debitCardSliderOuter:before { width:100%; height:20px; left:0; bottom:0; content:""; background:#bc3f34; z-index:1; position:absolute; }*/ .debitCardSlider .slideContent { width:1140px; position:absolute; left:50%; margin-left:-570px; top:100%; text-align:center; padding:50px 0 0; opacity:0; } .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; width:19.6%; border-right:1px solid #d3d3d3; color: #333; font-size:16px; vertical-align:top; } .debitCardSlider .masterCard .slideContent ul li { width:32%; } .debitCardSlider .ruClassicCard .slideContent ul { margin-bottom:20px; } .debitCardSlider .ruClassicCard .slideContent ul li { width:23.6%; 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; } /***************Internet Payment Gateway***************/ .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:10px; } .ipgInquire .rightLinks li { width:100%; } /***************NRI Loan***************/ .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(3):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 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 .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); } /***************Money Transfer***************/ .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; } /*money transfer start here*/ .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; } /***************Offer Zone***************/ .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; } /***************Bill Payment***************/ .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:37px; 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%; } /***************Baroda Easy Pay***************/ .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; } /**************Rapid Funds**************/ .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; } /**************e Shoppe**************/ .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; } /*********Home page loading Effect**************/ .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; } /* Content */ .bbMain { overflow: hidden; } /* Initial animation of header elements */ .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); } } /* Header elements when loading finishes */ .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); } } /* Change the color of the logo */ .loaded .ip-logo .bbloaderCircle { -webkit-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; fill: #fff; } /* Header animation when loading finishes */ .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); } } /* Content animations */ .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); } } /* Change layout class for header */ .layoutSwitch .bbheader { position: absolute; } /* No JS */ .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 Us**************/ .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; } /**************Online RTGS/NEFT**************/ .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; } /**************Digital Marketing**************/ .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%; } /*icon start here*/ .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; } /*****************Custom Scrollbar************/ .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); } /*** Photo Gallery ***/ .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 { /*height: 560px;*/ 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: 20px; height: 20px; border-radius: 50%; background: #ddd; box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc; position: absolute; top: 50%; left: 50%; margin: -25px 0 0; -webkit-animation: loader 0.5s infinite ease-in-out both; -moz-animation: loader 0.5s infinite ease-in-out both; -ms-animation: loader 0.5s infinite ease-in-out both; -o-animation: loader 0.5s infinite ease-in-out both; animation: loader 0.5s infinite ease-in-out both;*/ 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; } /***** Photo Gallery Zoom *****/ .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; } /*.swiper-slide:after { position:absolute; left:0; bottom:-20px; content:''; background-color:#000; height:20px; width:100%; }*/ /*.GI_TW_expander.opened, .GI_TW_expander.opened .GI_TW_expander-inner{height:500px;}*/ .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 { /*background:url(../../images/sprite.png) -570px -212px no-repeat;*/ 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; } /*.device #loadMore{margin:15px 0 0 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:92%; top:80px;*/ 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; /*border-bottom: 1px solid #d3d3d3;*/ -webkit-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; background-color: #fff; position: fixed; } /*.noJS #ContentPlaceHolder1_UserCMSHeader1_header { position:static; } /*.noJS .indexBanner, .noJS .innerBanner { padding-top:0; }*/ /*money transfer end here*/ .interestRatesAdv .resTab .tabNav li a { min-width:150px; } .interestRatesAdv .resTab .tabNav li { float:left; width:50%; } /*request a call back pop start */ .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; } /*mobile apps start here*/ .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; } /*mobile apps end here*/ /*cards start here*/ .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; } /*cards end here*/ /*genNext start here*/ .genNext.loanTypeList li:before { display:none; } /*.genNext.loanTypeList .explore { font-size:14px; font-weight:700; }*/ .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; } /*genNext end here*/ .subsidiary h3.heading { margin-top:18px; } /*settlement pages start here*/ .pagiNation { float:left; width:100%; } .pagiNation p:first-child { float:left; } .pagiNation p:last-child { float:right; } /**settlment pages end here*/ /*header call back hover start here*/ .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; } /*header call back hover end here*/ /*locate us page start*/ .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; } /*locate us page End*/ /*lead Managment page start*/ .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*/ .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 start*/ .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, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:#333; border: 1px solid #333; color: #555555; font-weight: normal; }*/ .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; } /*emiCounter End*/ /*lead Managment page End*/ .accordDetail.subsidiaryBorder { } /*.headerRow .rightCol{transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms;}*/ #logo img { width:auto; max-width:inherit; font-size: 12px; } /*.headerScroll #logo { overflow:hidden; width:75px; height:60px; }*/ .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:13; } .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 .headerRow .botRightNav li:nth-child(2){display:none;} */ .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 7px; } .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:0; } .loanTopNav { background:#ff6633; margin-bottom:30px; } .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; } .breadcrumb { color: #000; background-color: #e3e3e3; } .breadcrumb a { 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.063em; 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; } /**********Career**********/ .careerTopNav ul { margin:0; padding:0; } .careerTopNav ul li { float:left; width:25%; min-height:270px; text-align:center; list-style:none; } .careerTopNav ul li:before { display:none; } .careerTopNav .icon1 { background-position:-1023px -1352px; } .careerTopNav .icon2 { background-position:-1088px -1352px; } .careerTopNav .icon3 { background-position:-1153px -1352px; } .careerTopNav .icon4 { background-position:-1219px -1352px; } .careerTopNav ul li:hover .icon1 { background-position:-1023px -1417px; } .careerTopNav ul li:hover .icon2 { background-position:-1088px -1417px; } .careerTopNav ul li:hover .icon3 { background-position:-1153px -1417px; } .careerTopNav ul li:hover .icon4 { background-position:-1219px -1417px; } .careerRecruitments { padding:60px 0 270px 0; background:#f6f6f6 url(../../images/career-recruitments-bg.jpg) no-repeat center bottom; border-bottom:5px solid #e7e7e7; margin-bottom:60px; } .careerRecruitments ul { margin:0 -11px; padding:0; list-style:none; } .careerRecruitments ul li { float:left; padding:0 11px; width:33.333%; } .careerRecruitments ul li a { font-size:1.313em; font-weight:600; color:#424242; padding:17px 30px; background:#fff; text-decoration:none; display:block; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; position: relative; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.19); outline:0; } .careerRecruitments ul li a:hover { background-color: #ff6633; color: #fff; } .careerRecruitments ul li a span { background-position:-577px -1344px; height: 21px; position: absolute; right:25px; width:14px; top:22px; } .careerRecruitments ul li a:hover span { background-position:-590px -1344px; } .officesBranches.careerTabs .officesTab p { margin: 0 0 25px!important; } .officesBranches.careerTabs .tabText { float: left; width: 50%; padding-right: 50px; } .officesBranches.careerTabs .tabImg { float: right; width: 50%; } .officesBranches.careerTabs .barodaAcademy img { display: block; margin: auto; text-align: center; } .officesBranches.careerTabs .barodaAcademy h3 { color:#666666; font-size:16px; font-weight:600; text-align:center; margin-bottom:35px; } .careerBrodaAcademy { padding:15px 0 0 0; } .careerBrodaAcademy ul { margin:0; padding:0; } .careerBrodaAcademy ul li { float:left; width:33.33%; text-align:center; list-style:none; } .careerBrodaAcademy ul li a { display:block; text-decoration:none; color:#3f3f3f; padding:0 15px; position:relative; } .careerBrodaAcademy ul li .bottomText:after { background: #ff6633; bottom: -20px; content: ""; height:5px;/*left: 50%; */ margin-left: -51px; left:50%; position: absolute; transition: all 0.5s ease 0ms; width: 108px; } .careerDevlopmentWrapper { clear: both; float: left; width: 100%; } .CareerNotes { background-color: #f3f3f3; float: left; font-weight: 600; margin: 15px 0 40px; padding: 20px; width: 100%; } .careerBrodaAcademy ul li :hover, .careerBrodaAcademy ul li :hover p { color:#ff6633; } .careerBrodaAcademy ul li span { display:block; } .careerBrodaAcademy .bottomText { margin:0; padding:0 25px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; position: relative; } .careerBrodaAcademy .icon { width:65px; height:55px; margin:0 auto 15px auto; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .careerBrodaAcademy ul li :hover .icon { -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } .careerBrodaAcademy .icon1 { background-position:-618px -1343px; } .careerBrodaAcademy .icon2 { background-position:-674px -1341px; } .careerBrodaAcademy .icon3 { background-position:-731px -1341px; } .careerBrodaAcademy .iconCircle { border: 5px solid #efeded; border-radius: 50%; height: 80px; margin: auto; padding-top: 9px; text-align: center; width: 80px; z-index: 1; background-color: #fff; } .careerBrodaAcademy .counterDigit { background-color: #f3f3f3; color: #ff6633; font-size: 30px; height: 108px; margin: -50px auto 15px; padding-top: 55px; position: relative; width: 108px; z-index: -1; font-weight: 700; } .careerBrodaAcademy .counterDigit:after { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #f3f3f3; bottom: -12px; content: ""; height: 0; left: 50%; margin-left: -8px; position: absolute; width: 0; } .officesBranches.careerTabs .resTab .tabContent { padding: 30px 0; } .careerPathnav { list-style: none; font: 18px Sans-Serif; } .careerPathnav li { float: left; position:relative; } .careerPathnav li span { color: #ff6633; text-decoration: none; padding: 50px 15px 50px 90px; background: brown; /* fallback color */ background: #f6f6f6; position: relative; display: block; float: left; font-size:24px; font-weight:700; } .careerPathnav li span:after { border-bottom: 65px solid transparent; border-left: 38px solid #f6f6f6; border-top: 63px solid transparent; content: " "; display: block; height: 0; left: 100%; margin-top: -114px; position: absolute; top: 89%; width: 0; z-index: 2; } .careerPathnav li span:before { border-bottom: 92px solid transparent; border-left: 51px solid white; border-top: 90px solid transparent; content: " "; display: block; height: 0; left: 100%; margin-left: 1px; margin-top: -50px; overflow: hidden; position: absolute; top: 18%; width: 0; z-index: 1; } .careerPathnav { margin-top: 115px; float:left; } .careerPathnav li:first-child span { padding-left: 30px; } .careerPathnav li:nth-child(2) span { background:#ededee; } .careerPathnav li:nth-child(2) span:after { border-left-color: #ededee; } .careerPathnav li:nth-child(3) span { background:#ededee; } .careerPathnav li:nth-child(3) span:after { border-left-color: #ededee; } .careerPathnav li:nth-child(3):after { background-color: #ff6633; /*border: 20px solid #fff;*/ border-radius: 50%; content: ""; display: block; height: 230px; position: absolute; right: -120px; top: -55px; width: 230px; z-index: -1; } .careerPathnav li:nth-child(3) span:before { border-color: transparent; } .careerPathBlock { padding: 45px 0 45px 100px; } .careerPathsubNav { float:left; list-style: outside none none; position:relative; } .careerPathsubNav:before { background:url(../../images/careerpathdivider.png) repeat 0 0; content: ""; display: block; height: 366px; left: -45px; position: absolute; width: 287px; z-index: -2; } .careerPathsubNav > li { background-color: #f3f3f3; margin-left: 179px; margin-bottom:30px; padding: 20px 25px; position: relative; } .careerPathsubNav > li { margin-top: -45px; } .careerPathsubNav > li + li { margin-top:0; } .careerPathsubNav li span { color: #ff6633; display: block; font-size: 16px; font-weight: 400; } .careerPathsubNav > li:before { background: #ff6633 none repeat scroll 0 0; border-radius: 50%; content: ""; display: block; height: 20px; left: -7px; position: absolute; top: 38px; width: 20px; } .careerPathsubNav > li:nth-child(2):before { top:32px; } .careerPathsubNav > li:nth-child(3):before { top:32px; } .careerPathsubNav > li:nth-child(4):before { top:29px; } .careerPathsubNav > li { background-color: #f3f3f3; color: #555555; font-size: 18px; font-weight: 700; padding: 20px 25px; position: relative; } .careerPathManagment { background: #f6f6f6 none repeat scroll 0 0; float: left; width: 100%; padding:60px 0 30px; margin-bottom:40px; } .careerPathManagment { position: relative; background: #f6f6f6; } .careerPathManagment:before, .careerPathManagment:after { content: ""; position: absolute; background: #f6f6f6; top: 0; bottom: 0; width: 9999px; } .careerPathManagment:before { right: 100%; } .careerPathManagment:after { left: 100%; } .careerPathManagmentText { float:left; width:100%; } .careerPathManagmentBox { list-style: outside none none; } .careerPathManagmentBox li { width:23%; float:left; background:#fff; padding: 25px; box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.05); min-height:276px; } .careerPathManagmentBox li + li { margin:0 15px; } .careerPathManagmentBox li + li +li + li { margin:0 15px 0 0; } .careerPathManagmentBox h3 { color: #ff6633; font-size: 1.125em; font-weight: 700; } .CareerGrowthContent { margin: 60px 0; text-align: center; width: 100%; } .CareerGrowthContent > h3 { color: #ff6633; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .CareerCounterbg { background: rgba(0, 0, 0, 0) url(../../images/careerCounter-bg.png) no-repeat scroll; } .CareerScales ul { list-style: outside none none; text-align: center; width: 100%; margin-bottom: 0; } .CareerScales ul li { display: inline-block; float: unset; text-align: center; width: 15%; } /*.CareerScales ul li .progress-bar {border: 15px solid #e5e4e4;border-radius: 50%;height: 125px;width: 125px;}*/ .CareerScales ul li { position:relative; } .CareerScales ul li .ab { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .CareerScales ul li .progress-bar .innerProgressbar { background: #ededed none repeat scroll 0 0; border-radius: 50%; height: 80px; line-height: 70px; margin:-102px -40px 0 0; width: 80px; color: #ff6633; font-size: 30px; font-weight: 700; box-shadow: 0 0 32px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.15) inset; -moz-boxbox-shadow: 0 0 32px rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 0 0 32px rgba(0, 0, 0, 0.15) inset; position:absolute; right:50%; } .CareerScales ul li .progress-bar .innerProgressbar span.text { display: block; font-size:14px; color:#555555; font-weight:400; margin-top: -45px; } .CareerScales ul li .innerProgressbarbottom { margin-top: 20px; width: 125px; text-align:center; } .CareerScales ul li .innerProgressbarbottom span.digit { color: #ff6633; display: block; } .CareerHelpline .CareerHelplineDetail .EmailIcon { background-color: #fff; background-position: -239px -661px; border: 1px solid #d5d5d5; border-radius: 50%; height: 69px; left: 0; position: absolute; top: 0; width: 69px; } .CareerHelpline { float: left; width:100%; } .CareerHelpline .CareerHelplineDetail { padding-left: 90px; position: relative; float:left; } .CareerHelpline .CareerHelplineDetail.lft { width:40%; } .CareerHelpline .CareerHelplineDetail.rgt { width:60%; } .CareerHelpline .CareerHelplineDetail div { display: inline-block; margin-top: 10px; padding-right: 25px; } .CareerHelpline .CareerHelplineDetail div p { margin: 0; } .CareerHelpline .CareerHelplineDetail div p.EmailId { color:#ff6633; } .CareerScales ul li .ReachScal > div { margin:0 auto; } /**********Career Detail**********/ .careerPathManagmentBox.focusEmp { margin-left:-1%; margin-right:-1%; padding-left:0; margin-top:20px } .careerPathManagmentBox.focusEmp li { width:48%; margin:0 1%; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15); min-height:485px; } .careerPathManagmentBox li:last-child { } .careerPathManagmentBox.focusEmp.ProfileBoxes li + li { border-left: 1px solid #dadada; padding-left: 5%; } .careerDetFocusEmployee { margin: 25px 0 20px; } .careerPathManagmentBox.focusEmp h3 { margin: 0 0 20px; } .CareerMoreinfo { clear:both; } .CareerMoreinfoTitle { float: left; width: 30%; } .CareerMoreinfoText { float: left; width: 70%; padding-left:20px; } .CareerMoreinfoTitle p { color: #ff6633; ; font-size: 18px; font-weight: 600; margin-bottom: 45px; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail div p.EmailId { font-size:18px; font-weight:600; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail .EmailIcon { height: 120px; width: 120px; border: 6px solid #dedede; background-color: #f3f3f3; background-position:-798px -1326px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; -o-transition: all 0.3s ease 0ms; -ms-transition: all 0.3s ease 0ms; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail .EmailIcon:hover { -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail .EmailIcon.Award { background-position:-900px -1332px; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail { padding-left: 140px; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.lft { border-right: 1px solid #dadada; margin-right: 5%; min-height: 195px; width: 50%; } .CareerHelplineDetail.lft p.CareerHelplineContentP { float: left; left: 0; margin-right: 20px; margin-top: 50px; position: absolute; } .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.rgt { width: 45%; } .CareerHelpline.CareerDetailsIconBtn { float: left; margin: 30px 0; } .brdParagraph.CareerProfile { font-size: 16px; font-weight: 400; line-height: normal; } .brdParagraph.CareerProfile:after { width: 190px; height: 5px; } .CareerProfile-Icon { display: block; float: left; margin-bottom: 40px; width: 100%; } .CareerProfile-Icon div { float: left; margin-right: 30px; } .CareerProfile-Icon h3 { float: left; position:relative; margin: 35px 0 20px!important; } .CareerProfile-Icon h3:after { background: #dadada; bottom: -25px; content: ""; height: 5px; left: 0; position: absolute; width: 190px; } .careerPathManagmentBox.focusEmp.ProfileBoxes li { box-shadow:unset; -webkit-box-shadow:unset; -o-box-shadow:unset; -ms-box-shadow:unset; padding:10px; min-height:inherit; } .directors.CareerBarodians .box .imgHolder img { border:0; width : auto } .directors.CareerBarodians .viewProfile { width: 145px; } .directors.CareerBarodians .box h3 { margin: 25px 0 0px; color:#ff6633; } .directors.CareerBarodians .box p { margin-bottom:20px; font-size: 0.875em; color:#555; } p.CareerVibrant.brdParagraph.CareerProfile::after { bottom:-35px; } .CareerCelebration.directors.CareerBarodians .box .imgHolder { margin-bottom: 30px!important; } .alignLeft.CareerRangeofOpprgt { width: 60%; } .alignLeft.CareerRangeofOpplft { width: 40%; } .alignLeft.CareerRangeofOpplft div { margin: 0 0 15px; } p.brdParagraph.CarreerRequipment { margin-bottom:35px; color:#ff6633; font-size: 18px; font-weight: 600; } .CareerBarodians .row.col3.CommitmentGrowth { margin: 0 -16px 11px; color: #ff6633; } .CareerBarodians .row.col3.CommitmentGrowth .col3 { padding: 0 16px; } .careerNotice { font-size:19px; } .actualCareerDt .careerTab .careerLeftTab { float:left; width:265px; background:#f3f3f3; position:relative; padding:20px 0; border:0; z-index:1; } .actualCareerDt .careerTab .careerLeftTab:before { position:absolute; right:100%; z-index:-1; top:0; bottom:0; width:3000px; content:""; background:#f3f3f3; display:block; } .actualCareerDt .careerTab .careerLeftTab li { float:none; width:100%; } .actualCareerDt .careerTab .careerLeftTab li:first-child { padding-left: 0; } .actualCareerDt .careerTab .careerLeftTab 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; } .actualCareerDt .careerTab .careerLeftTab .r-tabs-state-active a, .actualCareerDt .careerTab .careerLeftTab li a:hover { background:#fff; color:#ff6633; } .actualCareerDt .careerTab .careerLeftTab 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; } .actualCareerDt .careerTab .careerLeftTab .r-tabs-state-active a:before, .actualCareerDt .careerTab .careerLeftTab li a:hover:before { background:#fff; left:auto !important; top:0; width:3000px; } .actualCareerDt .careerTab .careerLeftTab 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); } .actualCareerDt .careerTab .careerLeftTab .r-tabs-state-active a:after, .actualCareerDt .careerTab .careerLeftTab li a:hover:after { top:0; height:100%; width:5px; transform:translateX(0); -webkit-transform:translateX(0); } .actualCareerDt .careerTab .careerLeftTab .singleLine { padding-top:11px; display:inline-block; } .actualCareerDt .careerTab .careerLeftTab li:last-child a:before, .actualCareerDt .careerTab .careerLeftTab li:last-child a { border:0; } .actualCareerDt .resTab { margin:0 0 20px 0; } .actualCareerDt .careerDetails { padding-left:30px; position:relative; float:left; width:840px; } .actualCareerDt .careerDetail .tabNav li a { min-width:inherit; font-size:16px; text-align:left; } .careerDetail .thCol2, .careerDetail .tdCol2 { width: 50%; } .contact .phoneinfo.careercontInfo { padding:0; } .contact .phoneinfo.careercontInfo strong { position:static; } .contact .phoneinfo.careercontInfo p { margin-bottom:20px; } /***********Customer Services***********/ .customerServices .leftCol { float:left; width:70%; } .customerServices .rightCol { float:left; width:30%; padding-left:40px; } .customerSerInq { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background:#f8f8f8; padding:20px 0; margin-bottom:30px; } .customerSerInq .box { padding:0 33px; float:left; width:33.333%; position:relative; } .customerSerInq .box:after { width:1px; height:100%; position:absolute; right:-6px; top:0; content:""; background:#dadada; } .customerSerInq .box:first-child { padding-left:0; } .customerSerInq .box:first-child:after { right:6px; } .customerSerInq .box:last-child { border:0; padding-right:0; } .customerSerInq .box:last-child:after { display:none; } .customerSerInq .box p { margin-bottom:10px; } .customerSerInq .box .marginNone { margin-bottom:5px; } .customerSerInq h2 { background:#ff6633; padding:15px 10px; margin-bottom:0; color:#fff; font-size:18px; font-weight:700; text-align:center; } .customerSerInq h2 span { border-top:1px solid #d3d3d3; margin-top:10px; padding-top:10px; display:inline-block; } .customerSerInq h3 { color:#ff6633; font-size:18px; font-weight:700; margin-bottom:10px; } .customerSerInq h4 { color:#ff6633; font-size:16px; font-weight:700; margin-bottom:5px; } .customerSerInq .break { display:block; } .customerSerInq .col2 { font-size:16px; } .customerSerInq .col2 .label { float:left; width:87px; } .customerSerInq .col2 .number { padding-left:95px; } .officesBranches .addressBox { margin-bottom:35px; } .officesBranches .addressBox h3 { margin-bottom:5px; } .officesBranches .addressBox p { margin-bottom:5px; } .officesBranches .addressBox .label { font-weight:700; } /************Page Right Nav************/ .rightSidebar .rightbar { float:right; width:27%; } .rightSidebar .sideRightMenu .heading { display:none; } .rightSidebar .rightContent { float:left; width:73%; padding-right:40px; position:relative; } .rightbar #menuLeft { padding:0; border-bottom:1px solid #d0d0d0; } .rightbar #menuLeft > li > a { background:none; border: 1px solid #d0d0d0; border-bottom:0; padding:13px 20px; background:url(../../images/bullet-arrow.png) no-repeat 15px 18px; padding:11px 46px; } .rightbar #menuLeft > li:hover > a, .rightbar #menuLeft > li.active > a, .rightbar #menuLeft > li.activeLI > a { color: #ff6633; } .rightbar #menuLeft > li > .menuLeftPlus { background: url(../../images/right-nav-plus.png) no-repeat center center; position:absolute; right:0; top:-5px; width:42px; height:59px; z-index:5; cursor:pointer; } .rightbar #menuLeft > li.activeLI > .menuLeftPlus, #menuLeft ul > li.activeLI > .menuLeftPlus, .rightbar #menuLeft > li.active > .menuLeftPlus, #menuLeft ul > li.active > .menuLeftPlus { background:url(../../images/right-nav-minus.png) no-repeat center center; } .rightbar #menuLeft > li:hover .menuLeftPlus { background: url(../../images/right-nav-plus.png) no-repeat center center; } .rightbar #menuLeft > li.activeLI:hover > .menuLeftPlus, #menuLeft ul > li.activeLI:hover > .menuLeftPlus, .rightbar #menuLeft > li.active > .menuLeftPlus, #menuLeft ul > li.active:hover > .menuLeftPlus { background:url(../../images/right-nav-minus.png) no-repeat center center; } .rightbar #menuLeft ul { margin:0; padding:5px 0; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } .rightbar #menuLeft ul li a { border:0; padding:8px 20px 8px 50px; font-size:15px; background:url(../../images/bullet-arrow.png) no-repeat scroll 20px 15px; } .rightbar #menuLeft li li .menuLeftPlus { display:none; } /*.rightbar #menuLeft > li.active ul{display:block !important;}*/ .pageRightNav { margin:0; padding:0; list-style:none; } .sideRightMenu { margin-bottom:20px; } .pageRightNav li { margin-bottom:10px; } .pageRightNav li a { display:block; font-size:17px; color:#555; font-weight:600; border:1px solid #d0d0d0; text-decoration:none; } .pageRightNav li .icon { width:60px; height:50px; display:inline-block; vertical-align:middle; background-color:#eeeeee; transition:all 350ms ease 0ms; -webkit-transition:all 350ms ease 0ms; margin-right:15px; border-right:1px solid #d0d0d0; } .pageRightNav li .icon1 { background-position:-1202px -974px; } .pageRightNav li a:hover .icon1 { background-position:-1282px -974px; } .pageRightNav li .icon2 { background-position:-1203px -1054px; } .pageRightNav li a:hover .icon2 { background-position:-1283px -1054px; } .pageRightNav li .icon3 { background-position:-1206px -1135px; } .pageRightNav li a:hover .icon3 { background-position:-1286px -1135px; } .pageRightNav li .icon4 { background-position:-1206px -1200px; } .pageRightNav li a:hover .icon4 { background-position:-1286px -1200px; } .pageRightNav li a:hover { color:#ff6633; } .pageRightNav li a:hover .icon { background-color:#ff6633; } .tableOverflow { overflow: auto; width: 100%; } .innerBannerCaption { position:absolute; left:0; top:0; height:100%; width:100%; } .innerBannerCaption .orangeBox { background:#ff6633; color:#fff; font-size:1.875em; font-weight:300; float:left; padding:14px 20px; line-height:35px; text-align:left; margin-top:-80px; } .innerBannerCaption .break { display:block; } .innerBannerCaption .mark { color:#ff6633; } .innerBannerCaption .orangeBox strong { text-transform:uppercase; } .innerBannerCaption .vCenter { padding-top:30px; } .innerBannerCaption .commonCaptionBox, .innerBannerCaption .homeLoanCaptionBox { margin-top:-80px; text-align:left; float:left; } /*.innerBannerCaption .boxes2{text-align:left; margin-top:-80px;float:left;} .innerBannerCaption .boxes2 .orangeClBox{background:#ff6633; color:#fff; font-size:30px; font-size:30px; line-height:35px; padding:14px 20px; float:left;} .innerBannerCaption .boxes2 .orangeClBox strong{text-transform:uppercase;} .innerBannerCaption .boxes2 .darkClBox{background:#2d2d2d;color:#fff; font-size:23px;line-height:30px;padding:14px 20px; position:relative; left:65px; clear:both;}*/ .innerBannerCaption .homeLoanCaptionBox { position:relative; padding-left:140px; top:-30px; } .innerBannerCaption .homeLoanCaptionBox .imgHolder { position:absolute; left:0; top:0; } .innerBannerCaption .homeLoanCaptionBox .large { font-size:32px; font-weight:300; color:#000; line-height:40px; text-transform:uppercase; } .innerBannerCaption .homeLoanCaptionBox ul.bulletText li { margin-bottom:5px; color:#000; background:url(../../images/arrow-black.png) no-repeat left 7px; } .innerBannerCaption .commonCaptionBox p { color:#000; font-size:2.125em; line-height:40px; font-weight:300; text-transform:uppercase; } .innerBannerCaption .commonCaptionBox p.small { font-size:1.625em; text-transform:inherit; font-weight:400; line-height:32px; } #menuLeft + br { display:none; } .personalOtherSer, .digitalOtherSer { position:relative; max-width:925px; width:100%; margin:0 auto; } .personalOtherSer .leftList, .digitalOtherSer .leftList { float:left; } .personalOtherSer .rightList, .digitalOtherSer .rightList { float:right; } .personalOtherSer .middleList, .digitalOtherSer .middleList { position:absolute; left:329px; top:96px; } .triangleBoxList { margin:0; padding:0; list-style:none; } .triangleBoxList li { display:block; margin-bottom:14px; } .triangleBoxList li a { font-size:18px; color:#3f3f3f; font-weight:700; text-decoration:none; } .triangleBoxList li a:hover .text { color:#fff; } .triangleBoxList li .text { display:inline-block; vertical-align:middle; width:175px; } .triangleBoxList li .icon { width:45px; height:45px; display:inline-block; margin-right:17px; vertical-align:middle; } .triangleBoxList li .icon1 { background-position:0 -1488px; } .triangleBoxList li a:hover .icon1 { background-position:0 -1533px; } .triangleBoxList li .icon2 { background-position:-45px -1488px; } .triangleBoxList li a:hover .icon2 { background-position:-45px -1533px; } .triangleBoxList li .icon3 { background-position:-90px -1488px; } .triangleBoxList li a:hover .icon3 { background-position:-90px -1533px; } .triangleBoxList li .icon4 { background-position:-135px -1488px; } .triangleBoxList li a:hover .icon4 { background-position:-135px -1533px; } .triangleBoxList li .icon5 { background-position:-180px -1488px; } .triangleBoxList li a:hover .icon5 { background-position:-180px -1533px; } .triangleBoxList li .icon6 { background-position:-225px -1488px; } .triangleBoxList li a:hover .icon6 { background-position:-225px -1533px; } .triangleBoxList li .icon7 { background-position:-270px -1488px; } .triangleBoxList li a:hover .icon7 { background-position:-270px -1533px; } .triangleBoxList li .icon8 { background-position:-315px -1488px; } .triangleBoxList li a:hover .icon8 { background-position:-315px -1533px; } .triangleBoxList li .icon9 { background-position:-360px -1488px; } .triangleBoxList li a:hover .icon9 { background-position:-360px -1533px; } .triangleBoxList li .icon10 { background-position:-405px -1488px; } .triangleBoxList li a:hover .icon10 { background-position:-405px -1533px; } .digitalOtherSer .triangleBoxList .icon1 { background-position:-456px -1490px; } .digitalOtherSer .triangleBoxList li a:hover .icon1 { background-position:-456px -1538px; } .digitalOtherSer .triangleBoxList .icon2 { background-position:-511px -1490px; } .digitalOtherSer .triangleBoxList li a:hover .icon2 { background-position:-511px -1538px; } .digitalOtherSer .triangleBoxList .icon3 { background-position:-561px -1492px; } .digitalOtherSer .triangleBoxList li a:hover .icon3 { background-position:-561px -1540px; } .digitalOtherSer .triangleBoxList .icon4 { background-position:-613px -1492px; } .digitalOtherSer .triangleBoxList li a:hover .icon4 { background-position:-613px -1540px; } .digitalOtherSer .triangleBoxList .icon5 { background-position:-675px -1490px; } .digitalOtherSer .triangleBoxList li a:hover .icon5 { background-position:-675px -1538px; } .digitalOtherSer .triangleBoxList .icon6 { background-position:-721px -1494px; } .digitalOtherSer .triangleBoxList li a:hover .icon6 { background-position:-721px -1542px; } .digitalOtherSer .triangleBoxList .icon7 { background-position:-772px -1492px; } .digitalOtherSer .triangleBoxList li a:hover .icon7 { background-position:-772px -1540px; } .digitalOtherSer .triangleBoxList .icon8 { background-position:-824px -1492px; } .digitalOtherSer .triangleBoxList li a:hover .icon8 { background-position:-824px -1540px; } .digitalOtherSer .triangleBoxList .icon9 { background-position:-991px -1492px; } .digitalOtherSer .triangleBoxList li a:hover .icon9 { background-position:-991px -1539px; } .digitalOtherSer .triangleBoxList .icon10 { background-position:-875px -1494px; } .digitalOtherSer .triangleBoxList li a:hover .icon10 { background-position:-875px -1542px; } .digitalOtherSer .triangleBoxList .icon11 { background-position:-929px -1493px; } .digitalOtherSer .triangleBoxList li a:hover .icon11 { background-position:-929px -1541px; } .triangleBoxList li .boxOuter { width:268px; height:174px; padding:10px; background:#f3f3f3; position:relative; display:block; z-index:1; } .triangleBoxList li a:hover .boxOuter { background:#ed5d2e; } .triangleBoxList li .boxOuter:after { width: 0; height: 0; border-style: solid; border-width: 87px 51px 87px 0; border-color: transparent #f3f3f3 transparent transparent; position:absolute; left:-51px; top:0; content:""; } .triangleBoxList li a:hover .boxOuter:after { border-color: transparent #ed5d2e transparent transparent; } .triangleBoxList li .boxOuter:before { width: 0; height: 0; border-style: solid; border-width:87px 0 87px 51px; border-color:transparent transparent transparent #f3f3f3; position:absolute; right:-51px; top:0; content:""; } .triangleBoxList li a:hover .boxOuter:before { border-color:transparent transparent transparent #ed5d2e; } .triangleBoxList li .boxInner { width:248px; height:154px; padding:52px 0; background:#ececec; position:relative; display:block; z-index:2; } .triangleBoxList li .boxInner.largeTitle { padding:32px 0; } .triangleBoxList li a:hover .boxInner { background:#ff6633; } .triangleBoxList li .boxInner:after { width: 0; height: 0; border-style: solid; border-width: 77px 46px 77px 0; border-color: transparent #ececec transparent transparent; position:absolute; left:-46px; top:0; content:""; } .triangleBoxList li a:hover .boxInner:after { border-color: transparent #ff6633 transparent transparent; } .triangleBoxList li .boxInner:before { width: 0; height: 0; border-style: solid; border-width:77px 0 77px 46px; border-color:transparent transparent transparent #ececec; position:absolute; right:-46px; top:0; content:""; } .triangleBoxList li a:hover .boxInner:before { border-color:transparent transparent transparent #ff6633; } .triangleBoxList li .boxInner, .triangleBoxList li .boxInner:after, .triangleBoxList li .boxInner:before, .triangleBoxList li .boxOuter, .triangleBoxList li .boxOuter:after, .triangleBoxList li .boxOuter:before, .triangleBoxList li .icon, .triangleBoxList li .text { transition:all 350ms ease 0ms; -webkit-transition:all 350ms ease 0ms; } .triangleBoxList li .bobLogo { height:174px; text-align:center; display:block; padding:50px 0; } /****************Internet Banking**************/ .ibCustomerRegister { background:#f7f7f77; padding:40px 0; position:relative; } .ibCustomerRegister .leftBox { float:left; width:31%; margin-top:30px; } .ibCustomerRegister .leftBox p { font-size:1.188em; margin:0; } .ibCustomerRegister .rightBox { float:right; width:31%; } .ibCustomerRegister h2 { font-size:20px; font-weight:700; color:#4e4e4e; } .ibCustomerRegister .rightBox a { background:#ff6633; border-radius:5px; border:1px solid #ff6633; font-size:19px; color:#fff; font-weight:700; padding:15px 30px; display:block; margin-bottom:20px; position:relative; text-decoration:none; } .ibCustomerRegister .rightBox a:hover { background:#fff; color:#ff6633; } .ibCustomerRegister .rightBox .icon { float:right; width:37px; height:46px; position:absolute; right:25px; top:50%; margin-top:-23px; transition:all 350ms ease 0ms; -webkit-transition:all 350ms ease 0ms; } .ibCustomerRegister .rightBox .icon1, .wob .ibCustomerRegister .rightBox a:hover .icon1 { background-position:-1389px -652px; } .ibCustomerRegister .rightBox a:hover .icon1 { background-position:-1389px -707px; } .ibCustomerRegister .rightBox .icon2, .wob .ibCustomerRegister .rightBox a:hover .icon2 { background-position:-1389px -759px; } .ibCustomerRegister .rightBox a:hover .icon2 { background-position:-1389px -808px; } .ibCustomerRegister .ibBobLogo { width:243px; height:243px; position:absolute; left:50%; top:50%; margin:-121px 0 0 -121px; border-radius:50%; background:#fff; border:10px solid #e1e1e1; text-align:center; padding:70px 0; } .ibApplyBox { background:#fcedec; padding:50px 100px; border-top:5px solid #f3dbd9; max-width:998px; width:100%; margin:0 auto; } .ibApplyList { position:relative; margin:0; padding:30px 0; list-style:none; } .ibApplyList:after { width:1px; height:100%; position:absolute; left:50%; top:0; content:""; background:#dadada; display:block; } .ibApplyList li { font-size:0.875em; color:#424242; position:relative; margin-bottom:20px; text-align:right; padding-right:55%; } .ibApplyList li:after { width:10px; height:10px; border-radius:50%; position:absolute; right:50%; margin-right:-5px; top:5px; content:""; background:#ff6633; z-index:1; } .ibApplyList li:nth-child(2n) { text-align:left; padding-left:55%; padding-right:0; } .ibApplyList li:nth-child(2n):after { right:auto; left:50%; margin-right:0; margin-left:-5px; } /**************Internet Banking Apply**************/ .ibApply { padding-top:50px; } .ibApplyTab { position:relative; } .ibApplyTab .ibApplyMidIcon { position:absolute; left:50%; top:0; width:112px; height:112px; background-color:#fff; border:5px solid #f7f7f7; border-radius:50%; margin:-20px 0 0 -56px; background-position:-1352px -888px; z-index:1; box-shadow:0 0 7px #929292; } .ibApplyTab .ibApplyTabNav { margin:0; padding: 0; list-style:none } .ibApplyTab .ibApplyTabNav li { width:50%; float:left; margin:0; position: relative; } .ibApplyTab .ibApplyTabNav li a { display:block; padding:20px 80px; text-decoration: none; background:#f7f7f7; color: #555; font-size:19px; font-weight:700; border-radius:40px; } .ibApplyTab .ibApplyTabNav li.active a, .ibApplyTab .ibApplyTabNav li a:hover { background:#ff6633; color: #fff; } .ibApplyTab .ibApplyTabNav li:first-child { text-align:right; } .ibApplyTab .ibApplyCustomTabContent { padding:5px; } .ibViewFacilities { border-bottom: 1px solid #d3d3d3; background:#f3f3f33; padding:50px 0; } .ibViewFacilities h2 { text-align:center; } .ibViewFacilities ul { margin:0; padding:10px 0 0 0; list-style:none; } .ibViewFacilities ul li { display:inline-block; padding:0 25px 0 94px; position:relative; width:33%; vertical-align:top; } .ibViewFacilities h3 { font-size:1.125em; font-weight:600; color:#424242; margin-bottom:10px; } .ibViewFacilities .icon { position:absolute; left:0; top:0; width:68px; height:71px; } .ibViewFacilities .icon1 { background-position:-1377px -303px; } .ibViewFacilities .icon2 { background-position:-1277px -303px; } .ibViewFacilities .icon3 { background-position:-1372px -393px; } .ibViewFacilities ul li p { margin:0; } .ibTransFacilities { padding:50px 0 0 0; background:url(../../images/transaction-facilities-img.jpg) no-repeat left bottom; } .ibViewFacilities h2, .ibTransFacilities h2, .ibTransLimit h2 { font-size:1.250em; } .ibTransFacilities .facilitiesList { float:right; width:50%; } .ibTransFacilities .facilitiesList li { border-bottom:1px solid #dadada; padding:0 0 10px 30px; } .ibTransFacilities .facilitiesList li:last-child { border:0; } .ibTransLimit { background:#efefeff; padding:50px 0; } .ibTransLimitTab { margin-bottom:20px; } .ibTransLimitTab .tabContent { background:#fff; padding:18px; box-shadow:0 0 5px #ccc; } .ibTransLimitTab table { border:0; margin:0; } .ibTransLimitTab table th { color:#424242; background:none; font-weight:700; } .ibTransLimitTab table th span { font-size:14px; display:block; font-weight:400; } .ibTransLimitTab table th, .ibTransLimitTab table td { border-right:0; padding:12px 10px; text-align:center; } .ibTransLimitTab table tr:last-child td { border:0; padding-bottom:0; } .ibTransLimit p { margin:0; } .ibInquiry { padding:50px 0; } .ibInquiryInfo { margin:0 0 40px 0; padding:0 0 40px 0; list-style:none; border-bottom:1px solid #dadada; } .ibInquiryInfo li { display:inline-block; padding:0 30px 0 0; width:33%; vertical-align:top; } .ibInquiryInfo h2 { font-size:18px; border-bottom:1px solid #dadada; padding-bottom:10px; margin-bottom:15px; } .ibInquiryInfo p { margin:0; } .ibInquiry .break { display:block; } .ibInquiry .bottomRow .leftBox { float:left; width:45%; padding-right:50px; } .ibInquiry .bottomRow .leftBox .break { margin-top:10px; } .ibInquiry .bottomRow .leftBox ul { margin:0; } .ibInquiry .bottomRow .rightBox { float:left; width:55%; padding-left:50px; border-left:4px solid #ff6633; } .ibInquiry .inquiryList { margin:0 -13px; padding:0; } .ibInquiry .inquiryList li { display:inline-block; text-align:center; padding:0 22px; vertical-align:middle; } .ibInquiry .inquiryList a { color:#555; text-decoration:none; font-size:16px; font-weight:600; text-align:center; display:inline-block; position:relative; } .ibInquiry .inquiryList a:hover { color:#ff6633; } .ibInquiry .inquiryList 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; } .ibInquiry .inquiryList a:hover:after { left:0; width:100%; } .ibInquiry .inquiryList .title { font-size:16px; font-variant:700; } .ibInquiry .inquiryList .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; } .ibInquiry .inquiryList li a:hover .icon { background-color:#ff6633; border-color:#ff6633; } .ibInquiry .inquiryList .icon1 { background-position:-1202px -1255px; } .ibInquiry .inquiryList li a:hover .icon1, .wob .ibInquiry .inquiryList .icon1 { background-position:-1284px -1255px; } .ibInquiry .inquiryList .icon2 { background-position:-1198px -966px; } .ibInquiry .inquiryList li a:hover .icon2, .wob .ibInquiry .inquiryList .icon2 { background-position:-1278px -966px; } .ibInquiry .inquiryList .icon3 { background-position:-1200px -1125px; } .ibInquiry .inquiryList li a:hover .icon3, .wob .ibInquiry .inquiryList .icon3 { background-position:-1281px -1125px; } /**********Sitemap*********/ .sitemap { margin-top:-50px; } .sitemap h2 { padding-left:15px; margin-bottom:12px; margin-top: -50px; } .sitemap h3 { margin-bottom:10px; } .sitemap .container { position:relative; padding:0; } .sitemap h3 { font-size:1.125em; } .sitemap h3, .sitemap h3 a { color:#555; } .sitemap .row { padding:50px 0 70px 0; border-bottom:1px solid #dadada; position:relative; } .sitemap .row:first-child { padding-top:45px; } .sitemap .row:last-child { padding-bottom:20px; border:0; } .sitemap .row .box { width:50%; padding:0 15px; float:left; } .sitemap .bulletText a { color:#555; } .sitemap .bulletText ul { display:none; } /**********Account Pages*********/ .personalAcc .row { padding:40px 0; border-bottom:1px solid #ddd; } .personalAcc .row .col7 { width:65%; float:left; } .personalAcc .row .col5 { width:35%; float:left; padding-left:65px; border-left:1px solid #ddd; min-height:197px; } .personalAcc .row .imgHolder { width:41%; display:inline-block; vertical-align:middle; } .personalAcc .row .imgHolder, .personalAcc .otherProducts .imgHolder, .imgiconfourBoxes li .imgholder, .imgiconThreeBoxes li .imgholder { overflow:hidden; position:relative; border:1px solid #b3b1af; } .personalAcc .row .imgHolder img, .personalAcc .otherProducts .imgHolder img, .imgiconfourBoxes li .imgholder img, .imgiconThreeBoxes li .imgholder img { display:block; width:100%; transition:all 350ms ease 0ms; -webkit-transition:all 350ms ease 0ms } .personalAcc .row .imgHolder:hover img, .personalAcc .otherProducts .imgHolder:hover img, .imgiconfourBoxes li .imgholder:hover img, .imgiconThreeBoxes li .imgholder:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .personalAcc .row .titleBox { display:inline-block; vertical-align:middle; width:58%; padding:0 65px; } .personalAcc .row ul.bulletText, .personalAcc .row ul.bulletText li:last-child { margin-bottom:0; } .personalAcc .row ul.bulletText li { margin-bottom:20px; } .personalAcc .row .break { display:block; } .personalAcc .row h2 { margin-bottom:15px; font-size:1.125em; } .personalAcc .row .knowMore { border:1px solid #ff6633; margin:0; } .personalAcc .otherProducts { margin:60px 0; } .personalAcc .otherProducts .col6 { float:left; width:49%; margin-right:1%; border-bottom:5px solid #eee; padding:10px 0 30px 0; } .personalAcc .otherProducts .col6:last-child { margin-left:1%; margin-right:0; } .personalAcc .otherProducts .imgHolder, .personalAcc .otherProducts .titleBox { width:49%; display:inline-block; vertical-align:middle; } .personalAcc .otherProducts .titleBox { padding:0 25px; font-size:1.125em; font-weight:700; } .accConnectWithUs { background:#f8f8f8; border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:20px 0; margin-bottom:50px; } .accConnectWithUs ul { margin:0 -15px; padding:0; list-style:none; } .accConnectWithUs ul li { float:left; width:25%; padding:0 15px; } .accConnectWithUs ul li a { font-size:16px; font-weight:600; color:#555; display:block; cursor:pointer; } .accConnectWithUs ul li a:hover { color:#ff6633; } .accConnectWithUs ul li .icon { margin:0; display:inline-block; vertical-align:middle; } .accConnectWithUs ul li .icon1 { background-position:-1305px -1312px; } .accConnectWithUs ul li a:hover .icon1 { background-position:-1377px -1312px; } .accConnectWithUs ul li .icon2 { background-position:-1300px -1378px; } .accConnectWithUs ul li a:hover .icon2 { background-position:-1374px -1378px; } .accConnectWithUs ul li .icon3 { background-position:-1303px -1441px; } .accConnectWithUs ul li a:hover .icon3 { background-position:-1377px -1441px; } .accConnectWithUs ul li .icon4 { background-position:-1304px -1504px; } .accConnectWithUs ul li a:hover .icon4 { background-position:-1378px -1504px; } .accConnectWithUs ul li .text { display:inline-block; vertical-align:middle; padding-left:20px; } /*************Left Tab Bar*************/ .leftTabBar { margin-bottom:50px; } .leftTabBar .leftTab .singleLine { padding-top:11px; } .leftTabBar .leftTab { float:left; width:265px; background:#f3f3f3; position:relative; padding:20px 0; border:0; z-index:1; } .leftTabBar .leftTab:before { position:absolute; right:100%; z-index:-1; top:0; bottom:0; width:3000px; content:""; background:#f3f3f3; display:block; } .leftTabBar .leftTab li { float:none; width:100%; } .leftTabBar .leftTab li:first-child { padding-left: 0; } .leftTabBar .leftTab 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; } .leftTabBar .leftTab li.singlelineTabTitle a { padding: 27px 0 15px 0; } .leftTabBar .leftTab .r-tabs-state-active a, .leftTabBar .leftTab li a:hover { background:#fff; color:#ff6633; } .leftTabBar .leftTab 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; } .leftTabBar .leftTab .r-tabs-state-active a:before, .leftTabBar .leftTab li a:hover:before { background:#fff; left:auto !important; top:0; width:3000px; } .leftTabBar .leftTab 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); } .leftTabBar .leftTab .r-tabs-state-active a:after, .leftTabBar .leftTab li a:hover:after { top:0; height:100%; width:5px; transform:translateX(0); -webkit-transform:translateX(0); } .leftTabBar .leftTab .singleLine { padding-top:11px; display:inline-block; } .leftTabBar .leftTab li:last-child a:before, .leftTabBar .leftTab li:last-child a { border:0; } .leftTabBar .resTab { margin:0; } .leftTabBar .leftTabDetails { padding-left:30px; position:relative; float:left; width:840px; } .lifeatSchool { margin:-15px; border-bottom:1px solid #ccc; padding-bottom:15px; } .lifeatSchool .col3 { float:left; width:33.333%; padding:15px; text-align:center; } .lifeatSchool .col3 .imgHolder { margin-bottom:10px; } .lifeatSchool .col3 h2 { padding:0; margin:0; font-size:17px; } .directors .lifeatSchool .row.col3 h2 { padding-left: 0; } .leftTabBar .tabContent { padding:0; } .manipalSchooltitle { margin-top:10px; } .manipalSchoolTable th, .manipalSchoolTable td { text-align:center; } .manipalSchoolTable th, .manipalSchoolTable td { text-align: center; vertical-align: middle; } ul.cityLeft li { float:left; width:25%; } .overseasDropdownblock .overseasText { background: #a0a0a0; box-shadow: 0 3px 3px #cccccc; display: none; left: auto; padding: 0 7px 4px; position: absolute; top: 100%; z-index: 1; margin-top: 2px; right: 0; } .headerRow .topRightNav li.overseasDropdownblock { padding:0 12px 0 0; } .overseasDropdownblock > a { padding:0 19px 0 12px; position:relative; display:inline-block; } .overseasDropdownblock > a .icon { width:10px; height:6px; position:absolute; right:1px; top:7px; background-position:-541px -61px; } .overseasDropdownblock:hover .overseasText { } .headerRow .topRightNav .overseasText a, .headerRow .topRightNav .overseasText a:hover { text-decoration:none; color: #fff; } .overseasDropdownblock .overseasText:hover { background: #6A6A6A; } .overseasPopup h2 { padding:0; background:none; } .overseasPopup .row { margin:0; } .overseasPopup .branchesList { padding:16px 0; } .overseasPopup .branchesList:first-child { border:0; padding-top:0; } .overseasPopup .branchesList ul { padding:0; } /*.overseasPopup .branchesList ul li a { padding:5px 0; }*/ .overseasPopup.inlineContentPopup .detailRow { padding:0 10px; } .homeLinkSliderOuter { position:relative; } .homeLinkSliderOuter .swiper-button-next, .homeLinkSliderOuter .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; display:none; } .homeLinkSliderOuter .swiper-button-next { right:-40px; background-position:-958px -209px; } .homeLinkSliderOuter .swiper-button-prev { left:-40px; background-position:-958px -147px; } .homeLinkSliderOuter .swiper-button-next:hover, .homeLinkSliderOuter .swiper-button-prev:hover { opacity:1; } .headerRow .botRightNav .mobRateInterest { display:none; } .headerRow .botRightNav .mobRateInterest .icon { background-position:-862px -908px; } .headerRow .botRightNav .mobRateInterest a:hover .icon { background-position:-862px -943px; } .mobConWithUs { display:none; float:left; width:100%; } .mobConWithUs ul { margin:0; padding:0; list-style:none; } .mobConWithUs ul li { display:inline-block; margin-right:5px; } .mobConWithUs ul li a { display:block; background-color:#646464; width:32px; height:32px; display:block; position:relative; text-decoration:none; } .mobConWithUs .facebook { background-position:-391px 1px; } .mobConWithUs .twitter { background-position:-433px 1px; } .mobConWithUs .youTube { background-position:-479px 1px; } .mobConWithUs .instagram { background-position:-521px 1px; } .exploreMoreSlider { display:none; } .kioskCol50 { width:50%; float: left; } .kioskCol50 img { display: block; margin: 25px auto auto; } .kioskCol100 { width:100%; float: left; } .footerLinks .accordion { margin:0; } .footerLinks .accordion .accTrigger { background:none; padding:0; color:#555; } .footerLinks .accordion .accTrigger:after { display:none; } .footerLinks .accordion .accTrigger.active { color:#555; } .footerLinks .accordDetail { padding:0; } .homeLinks ul li .title .break { display:block; } .footerTopLinks li.mobileLink { display:none; } /*******************new css CustoerService***********/ .homeLoanGridView.customerServicesList { margin:0 -22px; } .homeLoanGridView.customerServicesList li { padding:22px; } .stepsImgs { margin-bottom:15px; } .bhimLogotext .bhimLogo { float:left; width:35%; } .bhimLogotext .bhimData { float:left; padding:15px 0 10px 30px; width:60%; } .stepsImgs > ul { list-style:outside none none; margin:0; padding:0; } .stepsImgs li { float:left; margin:0 0.5% 20px; padding:1px; width:24%; } .stepsImgs li img { border: 1px solid #d3d3d3; } .bhimappFaqs .faqRow { margin-bottom: 30px; } /***************Other Services**********/ .otherServicesWrap { max-width:100%; width:100%; display:inline-block; position:relative; } .otherServicesWrap .bobLogo { position:absolute; height:257px; width:257px; box-shadow:0 0 15px rgba(10, 10, 10, 0.4); -webkit-box-shadow:0 0 15px rgba(10, 10, 10, 0.4); top:50%; left:50%; margin-top:-132px; margin-left:-128px; border-radius:50%; -webkit-border-radius:50%; vertical-align:middle; } .otherServicesWrap .bobLogo img { max-width:220px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-110px; } .otherServicesWrap ul { list-style:none; padding:0px; width:100%; float:left; } .otherServicesWrap ul li a { color: #3f3f3f; display:inline-block; font-size:1.125em; font-weight: 700; height: 96px; line-height: 28px; margin: 0; width: 100%; } .otherServicesWrap ul li a:hover { color:#ff6633; } .otherServicesWrap 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%); } .otherServicesWrap ul li:nth-child(odd) a .title { right:120px; } .otherServicesWrap ul li { width:300px; float:left; position:relative; margin:20px 0; } .otherServicesWrap ul li:nth-child(odd) { float:left; padding:0 100px 0 0; clear:both; } .otherServicesWrap ul li:nth-child(odd) a { text-align:right; } .otherServicesWrap ul li:nth-child(odd):before { content:""; position:absolute; left:103%; top:50%; width:100%; height:2px; border-top:2px dashed #b6b6b6; width:109px; } .otherServicesWrap ul li:nth-child(even) { float:right; padding:0 0 0 90px; } .otherServicesWrap ul li:nth-child(even) a .title { left:120px; } .otherServicesWrap ul li:nth-child(even) a { text-align:left; } .otherServicesWrap ul li:nth-child(even):before { content:""; position:absolute; right:103%; top:50%; width:100%; height:2px; border-top:2px dashed #b6b6b6; width:109px; } .otherServicesWrap ul li p { display:table; height:96px; font-size:21px; line-height:28px; font-weight:700; color:#3f3f3f; margin:0px; width:100%; } .otherServicesWrap .imgHolder { position:absolute; top:8px; z-index:1; display:inline-block; } .otherServicesWrap ul li:nth-child(odd) .imgHolder { right:10px; } .otherServicesWrap ul li:nth-child(odd) .imgHolder:after { right:-7px; } .otherServicesWrap ul li:nth-child(even) .imgHolder { left:10px; } .otherServicesWrap ul li:nth-child(even) .imgHolder:after { left:-7px; } .otherServicesWrap .imgHolder img { display:block; width:100%; transition:all 0.6s ease-in-out 0s; -webkit-transition:all 0.6s ease-in-out 0s; } .otherServicesWrap ul li a:hover .imgHolder img { -webkit-transform: scale(0); transform: scale(0); } .otherServicesWrap .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; } .otherServicesWrap ul li a:hover .imgHolder .imgOverlay { -webkit-transform: scale(1); transform: scale(1); font-size:16px; opacity:1; } .otherServicesWrap .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 } .otherServicesWrap .imgHolder .iconWrap { width:86px; height:86px; display:inline-block; text-align:center; line-height:80px; vertical-align:middle; background-color:#ff6633; border-radius:50%; } .otherServicesWrap .imgHolder .icon { width:45px; height:45px; display:inline-block; vertical-align:middle; } .otherServicesWrap .icon1 { background-position:0 -1533px; } .otherServicesWrap .icon2 { background-position:-45px -1533px; } .otherServicesWrap .icon3 { background-position:-90px -1533px; } .otherServicesWrap .icon4 { background-position:-135px -1533px; } .otherServicesWrap .icon5 { background-position:-180px -1533px; } .otherServicesWrap .icon6 { background-position:-225px -1533px; } .otherServicesWrap .icon7 { background-position:-270px -1533px; } .otherServicesWrap .icon8 { background-position:-315px -1533px; } .otherServicesWrap .icon9 { background-position:-360px -1533px; } .otherServicesWrap .icon10 { background-position:-405px -1533px; } .otherServicesWrap ul li:nth-child(1):before { width:240px; height:140px; border-right:2px dashed #b6b6b6; } .otherServicesWrap ul li:nth-child(2):before { width:240px; height:140px; border-left:2px dashed #b6b6b6; } .otherServicesWrap ul li:nth-child(3):before { width:210px; height:15px; border-right:2px dashed #b6b6b6; } .otherServicesWrap ul li:nth-child(4):before { width:210px; height:15px; border-left:2px dashed #b6b6b6; } .otherServicesWrap ul li:nth-child(9):before { width:240px; height:130px; border-top:0 none; border-bottom:2px dashed #b6b6b6; border-right:2px dashed #b6b6b6; top:auto; bottom:50%; } .otherServicesWrap ul li:nth-child(10):before { width:240px; height:130px; border-top:0 none; border-bottom:2px dashed #b6b6b6; border-left:2px dashed #b6b6b6; top:auto; bottom:50%; } .otherServicesWrap ul li:nth-child(7):before { width:210px; height:15px; border-top:0 none; border-bottom:2px dashed #b6b6b6; border-right:2px dashed #b6b6b6 } .otherServicesWrap ul li:nth-child(8):before { width:210px; height:15px; border-top:0 none; border-bottom:2px dashed #b6b6b6; border-left:2px dashed #b6b6b6; } /***************customPopup***************/ .customPopup { position:fixed; left:0; top:0; width:100%; bottom:0; overflow: hidden; background:rgba(0, 0, 0, 0.8); z-index:99999; } .customPopupInner { max-width:800px; margin:0 auto; padding:4% 0 0 !important; height:94%; max-height:650px; } .customPopupContent { background:#fff; padding:20px 30px 20px 20px; position:relative; height:100%; } .customPopupContent p { margin-bottom:15px; } .popupContentScroll { position:relative; overflow:auto; height:100%; padding-right:30px; margin-right:-30px; padding-top:30px; padding-bottom:30px; } .customPopupContentWrap { padding:0 0; height:100%; } .popupWdh400 .customPopupInner { max-width:400px; margin:0 auto; } .popupWdh500 .customPopupInner { max-width:570px; margin:0 auto; } .popupWdh700 .customPopupInner { max-width:700px; margin:0 auto; } .popupWdh900 .customPopupInner { max-width:900px; margin:0 auto; } .popupWdh1070 .customPopupInner { max-width:1070px; margin:0 auto; } .customPopupfooterWrap { position:absolute; bottom:0; border-top:1px solid #e6e7e8; width:100%; left:0; padding:10px 30px; } .customPopupHeaderWrap { position:relative; left:0; top:0; margin:0 -30px; } .closePopup { background: rgba(0, 0, 0, 0) url("../../images/close-icon.png") center no-repeat; border:0 none; border-radius:50%; box-shadow:0 0 5px #505050; height:29px; margin:0; opacity:1; padding:0 !important; position:absolute; right:-15px; text-indent:-9999px; top:-15px; width:29px } .customePopupOuter { padding:20px; background-color:#fff; } .customePopupOuter .mCSB_inside > .mCSB_container { padding-right:30px; } .branchInfoTitle { margin-bottom: 10px; font-size: 17px; } .bulletText.branchListBullets { margin-bottom: 0; } .bulletText.branchListBullets li { margin-bottom: 6px; font-size: 13px; font-weight: 400; background-position: left 3px; } .bulletText.branchListBullets li:last-child { margin-bottom: 0; } .bulletText.branchListBullets li strong { color: #353535; font-size: 14px; font-weight: 600; } .mdStatement .mdImage { float: left; margin: 0 40px 10px 0; } .mdStatement .mdImage > img { border: 3px solid #e6e6e6; } .mdStatement .mdImage > p { color: #000000; font-size: 17px; margin:0; text-align: center; background:#e6e6e6; padding:3px 8px } .mdStatement span.mddesignation { color: #6f6f6f; display: block; font-size: 15px; } .branchAddressShow { width: 200px; height: 100%; position: absolute; right: 0; top: 0; background-color: #f5f5f5; } /***************recentlyVisitedPopup***************/ .recentlyVisitedPopup { width:215px; bottom:0; position:fixed; right:0; background:#f5f5f5; box-shadow:0 0 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.35); z-index:111; } .recentlyVisitedPopup h3 { padding:5px 15px; font-size:0.938em; color:#fff; background:#666; font-weight:600; margin-bottom:0; position:relative; cursor:pointer; } .recentlyVisitedPopup ul { margin:0; padding:0; list-style:none; display:none; } .recentlyVisitedPopup li { color:#3f3f3f; font-size:0.875em; padding:5px 15px; border-bottom:1px solid rgba(0, 0, 0, 0.15); } .recentlyVisitedPopup li:last-child { border-bottom:0 none; } .recentlyVisitedPopup li a { color:#3f3f3f; display:block; } .recentlyVisitedPopup li a:hover { color:#ff6633; text-decoration:none; } .recentlyVisitedPopup h3 .arrowIcon { width:35px; height:35px; position:absolute; top:0; } .recentlyVisitedPopup h3 .icon { left:0; background-position:-555px -163px; } .recentlyVisitedPopup h3 .arrowIcon { right:0; background-position:-266px 12px; } .recentlyVisitedPopup h3.active .arrowIcon { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .giftCardInquire .bottomCotactDetail.travelEasycardbottom .contactDetail { float: left; } .giftCardInquire .bottomCotactDetail.travelEasycardbottom .leftCol { width: 70%; } .giftCardInquire .bottomCotactDetail.travelEasycardbottom .rightCol { width: 30%; } /* More services */ .accountSubNav .csIcon { background-position: -602px -1611px; } .accountSubNav li:hover .csIcon { background-position: -602px -1682px; } .accountSubNav .gsIcon { background-position: -699px -1611px; } .accountSubNav li:hover .gsIcon { background-position: -699px -1682px; } .accountSubNav .osIcon { background-position: -797px -1613px; } .accountSubNav li:hover .osIcon { background-position: -797px -1682px; } .accountSubNav .daIcon { background-position: -883px -1611px; } .accountSubNav li:hover .daIcon { background-position: -883px -1682px; } .accountSubNav .taIcon { background-position: -951px -1611px; } .accountSubNav li:hover .taIcon { background-position:-951px -1682px; } .accountSubNav .asfacIcon { background-position: -1017px -1611px; } .accountSubNav li:hover .asfacIcon { background-position: -1017px -1682px; } .accountSubNav .apyIcon { background-position: -1083px -1609px; } .accountSubNav li:hover .apyIcon { background-position: -1083px -1681px; } .accountSubNav .estIcon { background-position: -1143px -1611px; } .accountSubNav li:hover .estIcon { background-position: -1143px -1681px; } .accountSubNav .ssyfacIcon { background-position: -1206px -1609px; } .accountSubNav li:hover .ssyfacIcon { background-position: -1206px -1681px; } .accountSubNav .pmjdyIcon { background-position: -1269px -1612px; } .accountSubNav li:hover .pmjdyIcon { background-position: -1269px -1681px; } .accountSubNav .pmjjbyIcon { background-position: -1333px -1608px; } .accountSubNav li:hover .pmjjbyIcon { background-position: -1333px -1679px; } .accountSubNav .bbmIcon { background-position: -1392px -1610px; } .accountSubNav li:hover .bbmIcon { background-position: -1392px -1680px; } .accountSubNav.govtScheme li { position: relative; border-right: 0; } /*.loanTypeList li.titleLarge .box { min-height:265px; }*/ .accountSubNav.govtScheme li:after { width:1px; background:#e0e0e0; position:absolute; right:0; top:45px; bottom:45px; content:""; z-index:1; } .accountSubNav.govtScheme li:before { width:305px; height:1px; background:#e0e0e0; position:absolute; left:35px; bottom:0; content:""; z-index:1; } .accountSubNav.govtScheme li:nth-child(3n+3):after { display:none; } /*.accountSubNav.govtScheme li:nth-last-child(-n+3):before { display:none; }*/ .accountSubNav.govtScheme li:hover:after, .accountSubNav.govtScheme li:hover:before { opacity: 0; } /* bussineess */ .imgiconfourBoxes, .imgiconThreeBoxes { margin: 50px 0; padding: 0; list-style: none; } .imgiconfourBoxes li { float: left; width: 50%; margin: 0 0 35px 0; } .imgiconfourBoxes li .imgholder { float: left; width: 53%; } .imgiconfourBoxes li:nth-last-child(-n+2) { margin-bottom: 0; } .imgiconfourBoxes li .titleBox { float: left; width: 47%; padding:0 40px; } .imgiconfourBoxes li .titleBox h2 { color: #555555; font-family: "open_sans"; font-size: 1.438em; font-weight: 400; line-height: 30px; margin-bottom: 10px; padding-bottom: 20px; position: relative; } .imgiconfourBoxes li .titleBox h2:after { background: #949599; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 45px; } .imgiconfourBoxes li span { text-indent: -9999px; width: 65px; height: 65px; display: inline-block; margin-bottom: 15px; } .imgiconfourBoxes li span.corbankicon { background-position: 1px -1754px; } .imgiconfourBoxes li span.tradefinicon { background-position: -93px -1753px; } .imgiconfourBoxes li span.intTreaicon { background-position: -213px -1759px; } .imgiconfourBoxes li span.loanCredicon { background-position: -348px -1757px; } .imgiconfourBoxes li span.agriicon { background-position:-692px -1845px; } .imgiconfourBoxes li span.msmeicon { background-position:-569px -1846px; } .imgiconfourBoxes li span.lockersicon { background-position: -455px -1847px; } .imgiconfourBoxes li span.pensionicon { background-position: -337px -1847px; } .imgiconfourBoxes li span.collectionicon { background-position:-804px -1837px; } .imgiconfourBoxes li span.remmiicon { background-position:-928px -1837px; } .imgiconfourBoxes li span.ccardsicon { background-position:-1048px -1835px; width: 73px; } .imgiconfourBoxes li span.gscemesicon { background-position:-1181px -1832px } .loanTopNav.bussTopnav ul { padding: 50px 0; } .imgiconThreeBoxes li { float: left; margin: 0 28px; width: 340px; } .imgiconThreeBoxes li:first-child { margin-left: 0; } .imgiconThreeBoxes li:nth-child(3) { margin-right: 0; } .imgiconThreeBoxes li .imgholder { position: relative; margin-bottom: 20px; } .imgiconThreeBoxes li .imgholder img { width: 100%; } .imgiconThreeBoxes li .imgholder .knowMorebtn { position: absolute; right: 0; bottom: 0; margin: 0; line-height: 45px; } .knowMorebtn { border: 1px solid #ff6633; } .imgiconThreeBoxes li .imgholder .knowMorebtn:hover, .knowMorebtn:hover { text-decoration: none; } .imgiconThreeBoxes li .titleBox span { float: left; width: 19%; text-indent: -9999px; height: 50px; } .imgiconThreeBoxes li .titleBox h2 { float: left; width: auto; margin-left: 20px; } .imgiconThreeBoxes li .titleBox h2 { color: #555555; font-family: "open_sans"; font-size: 22px; font-weight: 400; line-height: 27px; margin-bottom: 10px; padding-bottom: 10px; position: relative; } .imgiconThreeBoxes li .titleBox h2:after { background: #949599; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 45px; } .imgiconThreeBoxes li a:hover span { background-color: #ffffff; color: #ff6633; } .imgiconThreeBoxes li a:hover span .icon { background-position : -560px -424px; } .imgiconThreeBoxes li span.depIcon, .imgiconThreeBoxes li span.corpdepIcon { background-position: -446px -1754px; } .imgiconThreeBoxes li span.loanadvIcon, .imgiconThreeBoxes li span.corploanadvIcon { background-position: -536px -1754px; width: 39px; } .imgiconThreeBoxes li span.morservIcon, .imgiconThreeBoxes li span.corpmorservIcon { background-position: -612px -1754px; width: 41px; } .imgiconThreeBoxes li span.domoprIcon { background-position: -688px -1754px; width: 43px; } .imgiconThreeBoxes li span.foxoprIcon { background-position: -761px -1754px; width: 42px; } .imgiconThreeBoxes li span.forcardratesIcon { background-position: -844px -1754px; width: 50px; } .landingPageBanner .pageTitle { display: block; } .innerLargeBanner .innerContainer { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .innerLargeBanner .innerContainer .innerBox { max-width:1140px; margin:0 auto; } .innerLargeBanner .bussbannerCaption { background: rgba(255, 255, 255, 0.5); color: #000000; padding:30px; text-align:left; width:600px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } /*.innerLargeBanner .bussbannerCaption.leftSide { left: 0;} .innerLargeBanner .innerContainer.rightSide { right: 0; left:auto;} */ .innerLargeBanner .innerContainer.rightSide .bussbannerCaption { float:right; } .innerLargeBanner .bussbannerCaption h2 { font-size:2.375em; font-weight: 700; line-height: 45px; margin-bottom: 25px; color: #000000; } .innerLargeBanner .bussbannerCaption p { font-size: 1.063em; margin-bottom: 0; } .financialInclusion .col2 { float: left; text-align: center; width: 50%; padding: 0 20px; } .financialInclusion .imgHolder { margin-bottom: 30px; } .financialInclusion .box p { font-size: 0.875em; } .imgiconfourBoxes li span.msmebankIcon { background-position: -3px -1928px; } .imgiconfourBoxes li span.corpbankIcon { background-position: -101px -1928px; } .imgiconfourBoxes li span.intbankiIcon { background-position: -196px -1928px; } .imgiconfourBoxes li span.treaIcon { background-position: -294px -1928px; } .mconnectContact.ruralAgriDetail { margin:0 0 30px; } .mconnectContact.ruralAgriDetail .leftCol { width:75%; float:left; position:relative; } .mconnectContact.ruralAgriDetail .leftCol:before { content:""; position:absolute; right:0px; top:0px; height:100%; width:5px; background-color:#ff6f3f; } .mconnectContact.ruralAgriDetail .rightCol { width:23%; float:right; } .mconnectContact.ruralAgriDetail .contactDetail div { } .mconnectContact.ruralAgriDetail .contactDetail .call, .mconnectContact.ruralAgriDetail .contactDetail .fax { margin:0 3% 0 0; } .mconnectContact.ruralAgriDetail h3 { margin-bottom:0px } .loanTopNav.bussTopnav { margin-bottom: 0; } .bussTopnav .smePol, .wob .bussTopnav ul li a:hover .smePol { background-position: -386px -1920px; } .bussTopnav ul li a:hover .smePol { background-position: -386px -1998px; } .bussTopnav .msmeClu, .wob .bussTopnav ul li a:hover .msmeClu { background-position: -467px -1919px; } .bussTopnav ul li a:hover .msmeClu { background-position: -467px -1999px; } .bussTopnav .msmecareCen, .wob .bussTopnav ul li a:hover .msmecareCen { background-position: -550px -1916px; } .bussTopnav ul li a:hover .msmecareCen { background-position:-550px -1996px; } .bussTopnav .otherInfo, .wob .bussTopnav ul li a:hover .otherInfo { background-position: -717px -1916px; } .bussTopnav ul li a:hover .otherInfo { background-position:-717px -1996px; } .loanTopNav.bussTopnav ul li:first-child { width: 22%; } .bussHomelinks .downIcon { background-position:-105px -2007px; } .bussHomelinks .smeloanIcon { background-position:0px -2007px; } .bussInquire .bottomCotactDetail .rightCol, .bussInquire .bottomCotactDetail .leftCol { width: 50%; } .bussInquire .bottomCotactDetail .rightCol { margin-top: 0; padding-left: 60px; } .bussInquire .bottomCotactDetail .leftCol { padding-right: 60px; } .bussInquire .bottomCotactDetail p { font-size: 16px; } .bussInquire .bottomCotactDetail .contactDetail div { margin-left: 90px; margin-top: 8px; } .bussnessPopup ul.bulletText li img { margin-left: 5px; } .bussnessPopup ul.bulletText li span { display: inline-block; } .nriHelpdeskContent .giftCardInquire.bussInquire { background: none; padding: 0; } .mpassbookContanct .nriCall .contactDetail .sprite, .bussInquire .nriCall .contactDetail .sprite { background-position:-238px -660px; } .nriHelpdeskContent .bottomCotactDetail.nriCall.cf .icon { margin-top: 23px; } .nriHelpdeskContent .nriContactCentreRow { margin-top: 40px; } .nriHomelinks .downIcon { background-position: -105px -2007px; } .nriHomelinks .creditCardIcon { background-position: -370px -401px; } .nriimgiconfourBoxes li span.depositProductsIcon { background-position: 0 -2087px; } .nriimgiconfourBoxes li span.loanIcon { background-position: -925px -1827px; ; } .nriimgiconfourBoxes li span.returningIndiansIcon { background-position: -89px -2087px; } .nriimgiconfourBoxes li span.investmentIcon { background-position: -175px -2087px; } .nriimgiconfourBoxes li span.valueAddedIcon { background-position: -262px -2087px; } .nriimgiconfourBoxes li span.moneyTransferIcon { background-position: -348px -2087px; } .leftimgBlock { float: left; width: 32%; } .rightcontentBlock { float: left; width: 65%; padding: 35px 0 0 40px; } .leftimgBlock45 { float: left; width: 45%; } .rightcontentBlock55 { float: left; width: 55%; padding-left: 30px; } .fullImg { width: 100%; } .loanTypeList.msmeloanadvList .icon { height: 65px; } .loanTypeList.msmeloanadvList .box { padding: 45px 20px; min-height: 250px; } .loanTypeList.msmeloanadvList li:hover .box { padding: 15px 20px 75px; } .msmeloanadvList .iconln1 { background-position: -792px -1928px; } .msmeloanadvList li:hover .iconln1 { background-position: -792px -2009px; } .msmeloanadvList .iconln2 { background-position: -860px -1928px; } .msmeloanadvList li:hover .iconln2 { background-position: -860px -2009px; } .msmeloanadvList .iconln3 { background-position: -935px -1928px; width: 69px; } .msmeloanadvList li:hover .iconln3 { background-position:-935px -2009px; } .msmeloanadvList .iconln4 { background-position: -1016px -1928px; } .msmeloanadvList li:hover .iconln4 { background-position: -1016px -2009px; } .msmeloanadvList .iconln5 { background-position: -1099px -1928px; } .msmeloanadvList li:hover .iconln5 { background-position:-1099px -2009px; } .msmeloanadvList .iconln6 { background-position: -1168px -1928px; } .msmeloanadvList li:hover .iconln6 { background-position: -1168px -2009px; } .msmeloanadvList .iconln7 { background-position: -1238px -1928px; } .msmeloanadvList li:hover .iconln7 { background-position: -1238px -2009px; } .msmeloanadvList .iconln8 { background-position: -1383px -1759px; } .msmeloanadvList li:hover .iconln8 { background-position: -1383px -1841px; } .msmeloanadvList .iconln9 { background-position: -1382px -1758px; } .msmeloanadvList li:hover .iconln9 { background-position: -1382px -1840px; } .msmeloanadvList .iconln10 { background-position: -1384px -1928px; } .msmeloanadvList li:hover .iconln10 { background-position: -1384px -2009px; } .loanTypeList.msmeloanadvList li:nth-last-child(-n+2):before, .loanTypeList.corporateloanadvList li:nth-last-child(-n+2):before, .msmeFixedDeposite .nriLoanTypeList li:nth-last-child(-n+2):before, .businessFixedDeposite .nriLoanTypeList li:nth-last-child(-n+3):before { display: none; } .loanTypeList.moreServicesMsme > li { width: 33.33%; } .loanTypeList.moreServicesMsme li:last-child:after, .loanTypeList.moreServicesMsme li:last-child:before { height: 0; } .barodMInvest { width:100%; } .barodaMInveTop { float:left; width:100%; } .barodaMInveTopLef { float:left; width:28%; } .barodaMInveTopRgt { float:right; width:70%; } .barodMInveImg { border-bottom:1px solid #CCC; text-align:center; overflow:hidden; box-sizing:border-box; vertical-align:bottom; padding:0 20px; } .barodMInveImg img { max-width:250px; width:100%; } .stepsImgs.mInvestAppImgs li { width:19%; } .digiProtBranTop { position:relative; padding:0 0 0 422px; margin-bottom:20px; } .digiProtBranImg { position:absolute; left:0px; top:0px; max-width:398px; width:100%; height:321px; overflow:hidden; border:1px solid #ccc; } .expressLobbyLink { margin:-19px 0 30px; display:block; } .digiProtBranImg.digiProtBranImg2 { height:350px; } .digiProtBranImg img { display:block; transition:all 350ms ease 0ms; width:auto; height:100%; } .digiProtBranImg:hover img { transform:scale(1.1); } .digiProtBranTop.digiProtBranRight { padding:0 422px 0 0; } .digiProtBranTop.digiProtBranRight .digiProtBranImg { right:0px; left:inherit; } .businessBanking .loanTypeList li:before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .nriLoanTypeList.loansAndCredits li:nth-child(3):before { display:block; } .accountSubNav.govtScheme li .text { color: #555; display: block; font-size: 14px; margin-bottom: 20px; padding: 0; } .accountSubNav.govtScheme li:hover .text { color: #fff; } .accountSubNav.govtScheme li .box { min-height:280px; padding: 55px 35px; } .accountSubNav.govtScheme li:hover .box { padding:25px 35px 80px; } /* fifa partner */ .fifaLogothree { margin: 60px 0; } .fifaLogothree ul { list-style: none; margin: 0; padding: 0; } .fifaLogothree ul li { display: inline-block; width: 33.33%; text-align: center; margin-left: -3px; vertical-align: middle; } .fifaLogothree ul li.first-child { text-align: left; padding-left: 20px; } .fifaLogothree ul li.last-child { text-align: left; padding-right: 20px; } .bussbannerCaption.nri { width: 660px; } .accountSubNav.govtScheme li:hover .explore { transform: translateY(-45px); } .partnersSinglequete { position: relative; margin-bottom: 55px; } .partnerImg { left: 0; position: absolute; top: 40px; z-index:1; } .partnerDetail { box-shadow: -1px 0 11px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 0 11px rgba(0, 0, 0, 0.2); float: right; padding: 40px 30px 40px 125px; width: 963px; min-height: 348px; position: relative; } .partnerDetail:before { content: ""; position: absolute; width:146px; height: 109px; background:transparent url(../../images/sprite.png) no-repeat 0 0; background-position: 1px -2378px; top: 0; left: 80px; } .partnerDetail:after { content: ""; position: absolute; width:146px; height: 109px; background:transparent url(../../images/sprite.png) no-repeat 0 0; background-position: -217px -2378px; right: 30px; bottom: 20px; } .partnerDetail h2 { font-size: 22px; margin-bottom: 0; } .partnrDesign { font-size: 16px; color: #555; font-weight: 400; } .partnersSinglequete { height: auto; margin-bottom: 55px; position: relative; float: left; width: 100%; } .partnersSinglequete:nth-child(even) .partnerDetail { float: left; padding: 40px 125px 40px 30px } .partnersSinglequete:nth-child(even) .partnerDetail:before { left: 27px; } .partnersSinglequete:nth-child(even) .partnerDetail:after { right: 120px; } .partnersSinglequete:nth-child(even) .partnerImg { right: 0; left: auto; } .agreementSection { background: #555; color: #fff; text-align: center; } .agreementText { padding: 35px 0; } .agreementText p { font-size: 22px; font-weight: 300; } .middleHeadingtext { margin: 0 auto 25px; width: 425px; } .middleHeadinguppertext { background: #ff6633; display: block; font-size: 22px; font-weight: 700; margin: 0 15px -10px; padding: 10px 22px; position: relative; } .middleHeadinglowertext { background: #f3f3f3; display: block; padding:20px 24px 8px; color:#555; font-size: 22px; } .agreementText a { font-size: 22px; color: #fff; font-weight: 300; } .fifaHighlights { background: #f3f3f3 url(../../images/highlightBg.png) no-repeat top right; padding: 50px 0; } .highlightText ul, .highlightImg { width: 50%; float: left; } .highlightImg .bigImg { border: 20px solid #ffffff; border-radius: 50%; height: 420px; overflow: hidden; width: 420px; position: relative; box-shadow: -1px 0 11px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 0 11px rgba(0, 0, 0, 0.2); } .highlightImg { position: relative; width: 430px; margin-right: 10px; float: right; } .highlightImg .smallImg { background: #ffffff; border-radius: 50%; bottom: 0; height: 168px; padding: 10px 0 0; position: absolute; right: 0; text-align: center; width: 168px; } .fifabannerCaption .box { float: right; width: 50%; text-align: left; } .fifabannerCaption h2 {/*border-bottom: 1px solid #adadad;margin-bottom: 15px;padding-bottom: 15px;*/ color: #ffffff; font-size:18px; font-weight:700; line-height: 30px; text-transform: uppercase; margin-bottom:5px; } .fifabannerCaption h3 { color: #ffffff; font-size: 42px; font-weight:700; line-height: 50px; margin-bottom:40px; } .fifabannerCaption h3 strong { font-weight:700; } .fifabannerCaption .firstBannerLogo li:first-child { padding-left: 0; } .fifabannerCaption .firstBannerfb { bottom: 0; } .nriTopnav .fatcaIcon, .wob .nriTopnav ul li a:hover .fatcaIcon { background-position: -425px -2072px; } .nriTopnav ul li a:hover .fatcaIcon { background-position: -425px -2132px; } .nriTopnav .eligibilityIcon, .wob .nriTopnav ul li a:hover .eligibilityIcon { background-position: -476px -2076px; } .nriTopnav ul li a:hover .eligibilityIcon { background-position: -476px -2137px; } .nriTopnav .newsletterIcon, .wob .nriTopnav ul li a:hover .newsletterIcon { background-position: -528px -2076px; } .nriTopnav ul li a:hover .newsletterIcon { background-position: -528px -2140px; } .nriTopnav .helpDeskIcon, .wob .nriTopnav ul li a:hover .helpDeskIcon { background-position: -582px -2076px; } .nriTopnav ul li a:hover .helpDeskIcon { background-position: -582px -2137px; } .productsServicesList .nriLoanTypeList .icon1 { background-position: 0 -2087px; } .productsServicesList .nriLoanTypeList li:hover .icon1 { background-position: 0 -2157px; } .productsServicesList .nriLoanTypeList .icon2 { background-position: -661px -2070px; } .productsServicesList .nriLoanTypeList li:hover .icon2 { background-position: -661px -2136px; } .productsServicesList .nriLoanTypeList .icon3 { background-position: -89px -2087px; } .productsServicesList .nriLoanTypeList li:hover .icon3 { background-position: -89px -2146px; } .productsServicesList .nriLoanTypeList .icon4 { background-position: -175px -2087px; } .productsServicesList .nriLoanTypeList li:hover .icon4 { background-position: -175px -2156px; } .productsServicesList .nriLoanTypeList .icon5 { background-position: -262px -2087px; } .productsServicesList .nriLoanTypeList li:hover .icon5 { background-position: -262px -2156px; } .loanTypeList.corporateloanadvList .box { min-height: 275px; } .loanTypeList.productsServicesList { padding: 45px 10px; } .loanTypeList.corporateloanadvList .icon { height: 62px; } .corporateloanadvList .iconln1 { background-position: -1px -2239px; } .corporateloanadvList li:hover .iconln1 { background-position: -1px -2315px; } .corporateloanadvList .iconln2 { background-position: -88px -2239px; } .corporateloanadvList li:hover .iconln2 { background-position: -88px -2312px; } .corporateloanadvList .iconln3 { background-position: -176px -2239px; width: 69px; } .corporateloanadvList li:hover .iconln3 { background-position: -176px -2315px; } .corporateloanadvList .iconln4 { background-position: -265px -2239px; } .corporateloanadvList li:hover .iconln4 { background-position: -265px -2315px; } .corporateloanadvList .iconln5 { background-position: -352px -2239px; } .corporateloanadvList li:hover .iconln5 { background-position: -352px -2313px; } .corporateloanadvList .iconln6 { background-position: -440px -2239px; } .corporateloanadvList li:hover .iconln6 { background-position: -440px -2313px; } .corporateloanadvList .iconln7 { background-position: -527px -2239px; } .corporateloanadvList li:hover .iconln7 { background-position: -527px -2315px; } .corporateloanadvList .iconln8 { background-position: -607px -2234px; } .corporateloanadvList li:hover .iconln8 { background-position: -607px -2315px; } .corporateloanadvList .iconln9 { background-position: -691px -2237px; } .corporateloanadvList li:hover .iconln9 { background-position: -691px -2313px; } .corporateloanadvList .iconln10 { background-position: -790px -2237px; } .corporateloanadvList li:hover .iconln10 { background-position: -790px -2313px; } .corporateloanadvList .iconln11 { background-position: -891px -2237px; } .corporateloanadvList li:hover .iconln11 { background-position: -891px -2315px; } .corporateloanadvList .iconln12 { background-position: -978px -2237px; } .corporateloanadvList li:hover .iconln12 { background-position: -978px -2315px; } .corporateloanadvList .iconln13 { background-position: -1065px -2237px; } .corporateloanadvList li:hover .iconln13 { background-position: -1065px -2312px; } .corporateloanadvList .iconln14 { background-position: -1159px -2237px; } .corporateloanadvList li:hover .iconln14 { background-position: -1159px -2313px; } /* Minvest */ .minvestBenefits { border-bottom: 1px solid #dadada; } .mpassbookBenefits.minvestBenefits { overflow:hidden; margin-bottom:40px; } .mpassbookBenefits.minvestBenefits ul li { font-size: 16px; font-weight: normal; min-height:163px; } .mpassbookBenefits.minvestBenefits .imgHolder { margin-left: -200px; top: 40px; } .mpassbookRegPro.minvestRegPro { background: none; } .mpassbookRegPro.minvestRegPro ul li { min-height: 260px; padding: 0 22px; width: 16.66%; } .mpassbookRegPro.minvestRegPro .circle:after { background: rgba(0, 0, 0, 0) url(../../images/process-arrowsmall.png) no-repeat scroll 0 0; right: -32px; width: 62px; } .billPayPSI.minvestKnowmore ul li:nth-child(1) { border-right: 1px solid #ff6633; padding: 0 20px 0 0; width: 33%; } .billPayPSI.minvestKnowmore ul li { padding: 9px 20px; } .billPayPSI.minvestKnowmore h2 { margin: 0 0 5px; } .minvestBenefits ul li .iconmInv1 { background-position: -786px -2094px; } .minvestBenefits ul li .iconmInv2 { background-position: -867px -2094px; } .minvestBenefits ul li .iconmInv3 { background-position: -934px -2081px; } .minvestBenefits ul li .iconmInv4 { background-position:-1007px -2080px; } .sitemap .container { margin:40px auto 0 auto; } .sitemap .row { padding:50px 0 20px 0; } .pdfIcon { margin-left: 5px; } .nriHelpdeskContent .nriCall .leftCol.cf > img { border: 1px solid #d3d3d3; } .stepsImgsRewadzApp > ul { list-style: outside none none; } .stepsImgsRewadzApp li { float: left; margin: 0 0.5% 20px; width: 24%; } .stepsImgsRewadzApp img { border: 1px solid #d3d3d3; } #loanCalculatorPopup { max-width: 480px; } .fullwidthCalculator .emiCalculatorWrap { max-width: 100%; margin-top:20px; } .contentAcc.appsForm .accTrigger, .accordion.contentAcc.appsForm .accTrigger.active { color: #ff6633; font-size: 1.313em; font-weight: 700; } .officesBranches.intresrateandChargeTab table { margin:0 } .officesBranches.intresrateandChargeTab .officesTab p { margin: 0 0 25px; } .width45p { width: 45%; } #loanCalculatorPopup .knowMorebtn { margin-bottom: 0; } .giftCardInquire.bussInquire.contactDetails { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } .balInquiry { margin: 60px 0; } .contactDetails .sprite.helpLineIcon { background-position: -303px -22px; } .contactDetails .sprite.statementIcon { background-position: -937px -624px; } .contactDetails .sprite.telephoneIcon { background-position: -276px -1093px; } .mandatoryForMobile { display:none; } .valueAddedServicesBlock .icon.depositoryIcon.sprite { background-position: -1022px -2517px; } .valueAddedServicesBlock .loanTypeList.cards > li:hover span.depositoryIcon { background-position: -1022px -2592px; } .valueAddedServicesBlock .loanTypeList.cards > li:hover span.debidcardIcon { background-position: -1022px -2592px; } .valueAddedServicesBlock .icon.branchesIcon.sprite { background-position: -1023px -1352px; } .valueAddedServicesBlock .loanTypeList.cards > li:hover span.branchesIcon { background-position: -1023px -1417px; } .valueAddedServicesBlock .icon.portfolioIcon.sprite { background-position: -1114px -2517px; } .valueAddedServicesBlock .loanTypeList.cards > li:hover span.portfolioIcon { background-position: -1114px -2592px; } .nriLoanTypeList li:hover .title:after { left: 30px; transition: all 300ms ease 0s; width: 100%; } /********* 3.CSS *********/ .smartBankingPage #mainNav, .smartBankingPage .menuBar, .smartBankingPage .callBackLink { display:none !important; } #ContentPlaceHolder1_UserCMSHeader1_header.noFixed { position:relative !important; } #ContentPlaceHolder1_UserCMSHeader1_header.noFixed + .innerBanner { padding-top:0; } .innerBanner.innerLargeBanner.noBreadCum .pageTitle { bottom:0; } .socialFeeds.innerPageSocialFeed { margin-bottom:-41px; padding-top:35px; } .smartBankingWrap { padding:35px 0; } .smartBankingList { border:1px solid #d1cbcb; padding:10px 25px; position:relative; } .smartBankingList .smartWayCounter { position:absolute; background:url(../../images/smart-service-list-bottom.png) center no-repeat; text-align:center; width:220px; height:94px; bottom:-93px; left:50%; margin-left:-110px; border-top:0 none; text-align:center; line-height:1; } .smartBankingList .smartWayCounter:before { position:absolute; bottom:-2px; background:url(../../images/sprite.png) -500px -749px no-repeat; width:25px; height:25px; position:absolute; margin-left:-12px; left:50%; content:""; transform:rotate(90deg); -webkit-transform:rotate(90deg); } .smartMainText { font-size:20px; color:#4f4f4f; font-weight:700; margin-bottom:5px; display:block; font-weight:700; margin-top:10px; line-height:1.3; } .smartWayCounter .smartCounterText { font-size:20px; color:#4f4f4f; font-weight:700; margin-bottom:5px; display:block; font-weight:700; margin-top:10px; line-height:1.3; opacity:0; visibility:hidden; } .smartWayCounter .smartCounterText.active { opacity:1; visibility:visible; font-size:40px; color:#ff6633; line-height:1; margin-top:-15px; } .smartWayCounter span { display:block; } .smartWayCounter .smartCounterTitle { font-size:20px; color:#4f4f4f; font-weight:700; margin-bottom:5px; display:none; } .smartWayCounter .smartCounterTitle.active { display:block; } .smartWayCounter .smartCounterSmallText { font-size:13px; display:none; } .smartWayCounter .smartCounterSmallText.active { display:block; } .smartBankingList.cols5List ul { margin:0 -5px; } .smartBankingList.cols5List li { width:20%; float:left; font-size:14px; padding-right:5px; color:#424242; padding-left:30px; margin:10px 0; } .smartBankingList ul.bulletText li { background:none; position:relative; } .smartBankingList ul.bulletText li:before { background:url(../../images/smart-banking-sprite.png) left top no-repeat; width:25px; height:27px; content:""; position:absolute; left:0; top:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .smartBankingList ul.bulletText li.listIcon1:before { background-position:left 3px; } .smartBankingList ul.bulletText li.listIcon2:before { background-position:left -23px; } .smartBankingList ul.bulletText li.listIcon3:before { background-position:left -53px; } .smartBankingList ul.bulletText li.listIcon4:before { background-position:left -82px; } .smartBankingList ul.bulletText li.listIcon5:before { background-position:left -113px; } .smartBankingList ul.bulletText li.listIcon6:before { background-position:left -146px; } .smartBankingList ul.bulletText li.listIcon7:before { background-position:left -176px; } .smartBankingList ul.bulletText li.listIcon8:before { background-position:left -208px; } .smartBankingList ul.bulletText li.listIcon9:before { background-position:left -240px; } .smartBankingList ul.bulletText li.listIcon10:before { background-position:left -272px; } .smartBankingList ul.bulletText li.listIcon11:before { background-position:left -298px; } .smartBankingList ul.bulletText li.listIcon12:before { background-position:left -329px; } .smartBankingList ul.bulletText li.listIcon13:before { background-position:left -360px; } .smartBankingList ul.bulletText li.listIcon14:before { background-position:left -392px; } .smartBankingList ul.bulletText li.listIcon15:before { background-position:left -429px; } .smartBankingList ul.bulletText li.listIcon16:before { background-position:left -465px; } .smartBankingList ul.bulletText li.listIcon17:before { background-position:left -498px; } .smartBankingList ul.bulletText li.listIcon18:before { background-position:left -530px; } .smartBankingList ul.bulletText li.listIcon19:before { background-position:left -560px; } .smartBankingList ul.bulletText li.listIcon20:before { background-position:left -594px; } .smartBankingList ul.bulletText li.listIcon21:before { background-position:left -624px; } .smartBankingList ul.bulletText li.listIcon22:before { background-position:left -655px; } .smartBankingList ul.bulletText li.listIcon23:before { background-position:left -745px; } .smartBankingList ul.bulletText li.listIcon24:before { background-position:left -683px; } .smartBankingList ul.bulletText li.listIcon25:before { background-position:left -716px; } /*.smartBankingList ul.bulletText li.related:before{transform:rotate(90deg); -webkit-transform:rotate(90deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}*/ .smartBankingList li a { color:#424242; } .smartBankingList li a:hover { color:#ff6633; } .smartBankingList li.related a { color:#424242; text-decoration:underline; } .smartBankingList li.active.related a, .smartBankingList li.active a { color:#ff6633; } .smartAndSafeBankingTabs .bulletText.cols2List li { width:50%; float:left; padding-right:15px; padding-left:28px; } .smartWayInfoWrap { background:url(../../images/smart-way-icon-bg.jpg) center no-repeat; background-size:cover; height:642px; } .smartWayInfoWrap .container { padding:60px 0; height:100%; } .smartWayInfoWrap .container { position:relative; } .smartAndSafeBanking { padding:60px 0 0; } .noteText { position:absolute; text-align:center; width:100%; bottom:0; color:#fff; } .roundBoxBg .roundBoxText { width:146px; height:146px; text-align:center; font-size:17px; color:#fff; border:2px solid rgba(255, 255, 255, 0.38); padding:5px; vertical-align:middle; display:block; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:0; line-height:1.2; outline:0 none; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; } .roundBoxBg .roundBoxText.roundBox1 { width:125px; height:125px; } .roundBoxBg .roundBoxText.roundBox2 { width:146px; height:146px; } .roundBoxBg .roundBoxText.roundBox3 { width:90px; height:90px; } .roundBoxBg .roundBoxText.roundBox4 { background:#ff6633; text-decoration:none; width:151px; height:151px; font-weight:700; padding:20px; border-color:#ffffff; } .roundBoxText.mConnectPlus { top:60px; left:120px; } .roundBoxText.mobileWallet { top:166px; left:-15px; } .roundBoxText.mPassbook { top:338px; left:28px; } .roundBoxText.cashOnMobile { top:170px; left:396px; } .roundBoxText.rewardzApp { top:93px; left:264px; } .roundBoxText.mobileBankingBox { top:293px; left:297px; } .roundBoxText.interNetBankingBox { top:382px; left:483px; } .roundBoxText.missCallFacility { top:44px; left:690px; } .roundBoxText.mapyUpi { top:461px; left:280px; } .roundBoxText.branchBankingBox { top:108px; left:539px; } .roundBoxText.barodaConnect { top:58px; left:937px; } .roundBoxText.contactCenter { top:188px; left:725px; } .roundBoxText.accOpeningKiosk { top:331px; left:761px; } .roundBoxText.elobby { top:482px; left:773px; } .roundBoxText.atms { top:105px; left:832px; } .roundBoxText.digitalBankingBox { top:219px; left:870px; } .roundBoxText.multifuncitonKiosk { top:330px; left:1011px; } .roundBoxText.expressLobby { top:88px; left:1101px; } .roundBoxText.cashRecyclers { top:190px; left:1042px; } .roundBoxText.phoneBoxWrap { top:240px; left:230px; } .roundBoxText.mInvest { top:220px; left:167px; } .roundBoxText.bhimApp { top:420px; left:167px; } .roundBoxText.debitCards { top:277px; left:496px; } .roundBoxText.giftCards { top:440px; left:657px; } .roundBoxText.travelEasyCards { top:290px; left:617px; } .roundBoxText.passbookPrinters { top:420px; left:880px; } .roundBoxText.phoneBoxWrap .phoneBox, .calcBoxWrap .calcbox, .moniterBoxWrap .moniterBox { text-indent:-9999px; display:block; } .phoneBoxWrap .phoneBox { background:url(../../images/sprite.png) -1122px -1282px no-repeat; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; margin-left:-25px; left:50%; } .roundBoxText.moniterBoxWrap { top:318px; left:685px; } .moniterBoxWrap .moniterBox { background:url(../../images/sprite.png) -1114px -811px no-repeat; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; margin-left:-25px; left:50%; } .roundBoxText.calcBoxWrap { top:208px; left:1058px; } .calcBoxWrap .calcbox { background:url(../../images/sprite.png) -1118px -659px no-repeat; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; margin-left:-25px; left:50%; } .roundBoxText .mobileBankingIcon, .roundBoxText .internetBanking, .roundBoxText .branchBanking, .roundBoxText .digitalBanking { width:50px; height:50px; display:inline-block; } .mobileBankingIcon { background-position:-381px -1680px; } .internetBanking { background-position:-450px -1680px; } .branchBanking { background-position:-926px -1538px; } .digitalBanking { background-position:-528px -1680px; } .roundBoxText.inactive { transform:scale(0.80); opacity:0.6; -webkit-transform:scale(0.80); transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } a.roundBoxText.active { transform:scale(1); opacity:1; -webkit-transform:scale(1); transition:all 0.4s linear; -webkit-transition:all 0.4s linear; } a.roundBoxText:hover, a.roundBoxText.active { background:rgba(0, 0, 0, 0.65); box-shadow:0 0 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.25); border-color:#ff6633; } .roundBoxBg .roundBoxText.roundBox4:hover, .roundBoxBg .roundBoxText.roundBox4.active { background:none; } .roundBoxText .servicesTitle { display:block; width:100%; } .bdrdBox { border:0 none; padding: 7px 14px 9px; transition: 0.4s; } /*.bdrdBox:before{background:rgba(255,255,255,0.38); width:2px; height:39px; left:-5px; bottom:67px; position:absolute; content:""; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); display:none;} .bdrdBox:after{background:rgba(255,255,255,0.38); width:2px; height:39px; right:-5px; top:67px; position:absolute; content:""; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); display:none;} .bdrdBox span:before{background:rgba(255,255,255,0.38); width:2px; height:24px; left:57px; bottom:59px; position:absolute; content:""; transform:rotate(44deg); -webkit-transform:rotate(44deg); display:none;} .moniterBoxWrap.bdrdBox span:before{background:rgba(255,255,255,0.38); width:2px; height:24px; right:57px; top:59px; position:absolute; content:""; transform:rotate(44deg); -webkit-transform:rotate(44deg); left:auto; bottom:auto;} .moniterBoxWrap.bdrdBox:after{transform:rotate(-90deg); -webkit-transform:rotate(-90deg); right:-22px; top:26px; } .moniterBoxWrap.bdrdBox:before{transform:rotate(-36deg); -webkit-transform:rotate(-36deg); left:4px; bottom:76px; height:52px; } .calcBoxWrap.bdrdBox:after{transform:rotate(38deg); -webkit-transform:rotate(38deg); height:52px; top:75px; left:1px; right:auto;} .calcBoxWrap.bdrdBox span::before{left:67px; bottom:49px;}*/ .roundBoxBg .titleBox { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; left:0; padding:5px; } .smartAndSafeBankingTabs .tabContainer { padding:20px 0; } .smartContactUs { border-top:0 none; border-bottom:1px solid #b8b8b8; padding:40px 0; } .smartContactUs .bottomCotactDetail .leftCol { border-right:0 none; width:25%; } .smartContactUs .leftCol h3 { color:#ff6633; margin-bottom:0; } .smartContactUs .leftCol p { color:#666666; font-weight:600; margin-bottom:0; } .smartContactUs .bottomCotactDetail .rightLinks .icon { display:inline-block; vertical-align:middle; margin-right:10px; } .smartContactUs .bottomCotactDetail .rightCol { width:75%; } .smartContactUs .bottomCotactDetail .rightLinks li { text-align:left; } .smartContactUs .callIcon { background-color: #fff; background-position: -1305px -1313px; border: 1px solid #d5d5d5; border-radius: 50%; height: 69px; width: 69px; display:inline-block; vertical-align:middle; margin-right:10px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; } .smartContactUs a:hover .callIcon, .wob .smartContactUs .callIcon { background-position:-1378px -1313px; background-color:#ff6633; } .smartContactUs .bottomCotactDetail .rightLinks { margin-top:0; } .smartContactUs .icon1 { background-position:-1202px -1255px; } .smartContactUs a:hover .icon1, .wob .smartContactUs a .icon1 { background-position: -1284px -1255px; } .smartContactUs .icon2 { background-position: -1198px -966px; } .smartContactUs a:hover .icon2, .wob .smartContactUs a .icon2 { background-position:-1278px -966px; } .smartContactUs .icon3 { background-position: -1200px -1125px; } .smartContactUs a:hover .icon3, .wob .smartContactUs a .icon3 { background-position: -1281px -1125px; } .roundBoxText.hoverCircle:before { width:96%; height:96%; background:url(../../images/circle-hover.svg) center no-repeat; background-size:cover; position:absolute; left:2%; top:2%; right:2%; bottom:2%; content:''; opacity:0; visibility:hidden; animation:5s linear 0s normal none infinite running spin, all 0.5s ease; -webkit-animation:5s linear 0s normal none infinite running spin, all 0.5s ease; animation: spin 5s linear infinite; } .roundBoxText.hoverCircle:hover:before { visibility:visible; opacity:1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .roundBoxText.hoverCircle .hightLightBoxCircle { opacity:0; visibility:hidden; tansition:all 0.3s ease; -webkit-tansition:all 0.3s ease; } .roundBoxText.hoverCircle.active { border-width:2px; } .roundBoxText.hoverCircle.active .hightLightBoxCircle { opacity:1; visibility:visible; tansition:all 0.3s ease; -webkit-tansition:all 0.3s ease; } .roundBoxText.hoverCircle .hightLightBoxCircle svg path { stroke:#ffffff !important; stroke-width:2; } .roundBoxText.hoverCircle:hover .hightLightBoxCircle { opacity:0; visibility:hidden; tansition:all 0.3s ease; -webkit-tansition:all 0.3s ease; } .roundBoxText.roundBox4.inactive .hightLightBoxCircle { opacity:0; visibility:hidden; } .roundBoxText.roundBox4.active .hightLightBoxCircle, .roundBoxText.roundBox4:hover .hightLightBoxCircle { opacity:1; visibility:visible; } .hightLightBoxCircle { position:absolute; top:0; left:0; width:100%; height:100%; animation: spin 4s linear 0s infinite running; -webkit-animation: spin 4s linear 0s infinite running; animation: spin 4s linear infinite; opacity:0 } .interNetBankingBox.roundBox4 .hightLightBoxCircle svg { transform:rotate(180deg); -webkit-transform:rotate(180deg); bottom:-4px; top:auto; left:0; } .digitalBankingBox.roundBox4 .hightLightBoxCircle svg { transform:rotate(-62deg); -webkit-transform:rotate(-62deg); right:auto; left:0; } .hightLightBoxCircle svg { fill: #ff6633; height: 28%; position: absolute; right: 0; top: -4px; width: 55%; z-index:1; } .roundBoxText.roundBox3 .hightLightBoxCircle svg { height:33%; } @-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); } } @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); } } @-ms-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); } } /******************acount page Two cols box***********************/ .twoColsMainBox { width:100%; padding:20px 0; text-align:center; margin-bottom:30px; } .colsBlockLeft { float:left; width:43%; } .colsBlockRight { float:right; width:43%; } .imgPaddingTop { padding:162px 0 20px; position:relative; } .mainColsBoxImg { padding:20px; position:absolute; top:0; width:260px; left:50%; height:260px; margin-left:-130px; box-shadow:0 0 15px #aaa; -webkit-box-shadow:0 0 15px #aaa; z-index:1; background:#fff; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; } .mainColsBoxImg .boxImgWrap { position:relative; overflow:hidden; display:block; border-radius:50%; -webkit-border-radius:50%; } .mainColsBoxImg .boxImgWrap img { border-radius:50%; } .mainColsBoxImg .boxImgWrap:before { border-radius:50%; position:absolute; left:auto; top:auto; right:auto; bottom:auto; width:100%; height:100%; content:""; background:rgba(255, 102, 51, 0.5); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; visibility:hidden; opacity:0; } .blockContentInf { background:#f1f2f2; padding:130px 45px 20px; position:relative; min-height:408px; } .mainColsBoxImg .icon { display: block; height: 53px; margin: 0 auto; position: relative; width: 59px; position:absolute; top:100%; left:50%; margin-left:-30px; margin-top:-26px; transition:all 0.3s 0.2s ease; -webkit-transition:all 0.3s 0.2s ease; visibility:hidden; opacity:0; } .mainColsBoxImg .icon.icon2 { background-position:-212px -1399px; } .mainColsBoxImg .icon.icon3 { background-position:-283px -1399px; } .contentColsBlock:hover .boxImgWrap:before { visibility:visible; opacity:1; } .contentColsBlock:hover .mainColsBoxImg .icon { visibility:visible; opacity:1; top:50%; } .blockContentInf h3 { color:#ff6633; } .twoColsMainBox .blockContentInf .knowMore { position:absolute; bottom:-18px; left:50%; margin:0 0 0 -68px; } .twoColsMainBox .knowMore { background:#ff6633 none repeat scroll 0 0; color: #fff; display: inline-block; font-weight: 600; line-height: 38px; margin: 20px 0; padding: 0 25px; text-decoration:none; border:1px solid #ff6633; text-transform:uppercase; } .twoColsMainBox .knowMore .icon { background-position: -543px -424px; display: inline-block; height: 12px; margin-left: 12px; transition: all 300ms ease 0ms; vertical-align: middle; width: 17px; } .twoColsMainBox .knowMore:hover { background: #fff none repeat scroll 0 0; color: #ff6633; text-decoration: none; } .twoColsMainBox .knowMore:hover .icon { background-position: -560px -424px; } .alsoKnowSection { border-top:1px solid #b8b8b8; padding-top:40px; } /*****************vehicle Loan******************/ .homeLoanGridView.vehicleLoanGridView li { width:50%; } /*****************Baroda MPay (UPI App)******************/ .keyFeatureContImgWrap { position:relative; padding-top:20px; } .keyFeatureContImgWrap .keyFeaturesImgHolder { position:relative; float:left; position:absolute; left:-151px; bottom:0; max-width:50%; } .keyFeatureContImgWrap .keyFeaturesDetail { position:relative; width:60%; float:right; } ul.keyfeaturesList { margin:0 -30px 40px; } ul.keyfeaturesList li { background:none; position:relative; width:50%; float:left; padding:15px 30px 15px 30px; color:#555555; margin-bottom:20px; } ul.keyfeaturesList li:nth-child(2n):before { display:none; } ul.keyfeaturesList li:before { background:#cdcdcd; width:1px; height:70px; content:""; position:absolute; right:0px; top:50%; margin-top:-35px; } .keyfeaturesList .keyFeauresWrap { padding:0 15px 0 75px; position:relative; min-height:60px; } .keyFeauresWrap:after { background:#cdcdcd; width:100%; height:1px; content:""; position:absolute; left:0px; bottom:-25px; } .keyFeauresWrap:before { background:url(../../images/sprite.png) left top no-repeat; width:50px; height:50px; content:""; position:absolute; left:10px; top:50%; margin-top:-25px; } .keyFeauresWrap.keyfeatures1:before { background-position:-449px -2402px; } .keyFeauresWrap.keyfeatures2:before { background-position:-525px -2405px; } .keyFeauresWrap.keyfeatures3:before { background-position:-598px -2401px; } .keyFeauresWrap.keyfeatures4:before { background-position:-669px -2403px; } .keyFeauresWrap.keyfeatures5:before { background-position:-743px -2402px; } .keyFeauresWrap.keyfeatures6:before { background-position:-807px -2404px; } .keyFeauresWrap.keyfeatures7:before { background-position:-888px -2402px; } .keyFeauresWrap.keyfeatures8:before { background-position:-1029px -2401px; } .keyFeauresWrap.keyfeatures9:before { background-position:-959px -2403px; } .keyFeauresWrap.keyfeatures10:before { background-position:-1079px -2398px; } .keyFeauresWrap strong { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .mUpiDownload { padding:30px 0; border-top:1px solid #dadada; } .mUpiDownload .leftTitleWrap { width:20%; float:left; margin-right:2%; } .mUpiDownload .middleContentWrap { width:56%; float:left; } .mUpiDownload .middleContentWrap p { margin-bottom:10px; } .mUpiDownload .rightLinks { width:20%; float:left; margin-left:2%; } .mUpiDownload .rightLinks ul { margin:0 -5px; padding:0; list-style:none; } .mUpiDownload .rightLinks li { vertical-align:middle; float:left; list-style:none; padding:0 5px; } .mUpiDownload .rightLinks li:first-child { width:70%; padding-top:10px; } .mUpiDownload .rightLinks li:last-child { width:30%; } .mUpiContact { border-top:1px solid #dadada; } .mUpiContact .leftCol { width:35%; } .mUpiContact .rightCol { width:65%; } .mUpiContact.mpassbookContanct .rightLinks li { display: inline-block; text-align: center; vertical-align: middle; width: 25%; float:left } .smallHeightServiceList .nriLoanTypeList .box { min-height:150px; } .threeCols .nriLoanTypeList li { width:33.33%; } .commonForm .red { color:#ff0000; } .threeCols .nriLoanTypeList li:nth-child(2n+2)::after { display:block; } .threeCols .nriLoanTypeList li:nth-child(3):before { display:block; } .threeCols .nriLoanTypeList li:last-child::after, .threeCols .nriLoanTypeList li:nth-child(3):after { display:none; } .priorityloanAndAdvanceList .loanTypeList .icon1 { background-position:6px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon1 { background-position:6px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon2 { background-position:-81px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon2 { background-position:-81px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon3 { background-position:-174px -2506px; width:88px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon3 { background-position:-174px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon4 { background-position:-280px -2506px; width:88px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon4 { background-position:-280px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon5 { background-position:-379px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon5 { background-position:-379px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon6 { background-position:-461px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon6 { background-position:-461px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon7 { background-position:-532px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon7 { background-position:-532px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon8 { background-position:-621px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon8 { background-position:-621px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon9 { background-position:-707px -2506px; } .priorityloanAndAdvanceList .loanTypeList li:hover .icon9 { background-position:-707px -2585px; } .priorityloanAndAdvanceList .loanTypeList .icon { height:60px; } .businessFixedDeposite .nriLoanTypeList .icon1 { background-position:-796px -2506px; } .businessFixedDeposite .nriLoanTypeList li:hover .icon1 { background-position:-796px -2585px; } .businessFixedDeposite .nriLoanTypeList .icon2 { background-position:-879px -2506px; } .businessFixedDeposite .nriLoanTypeList li:hover .icon2 { background-position:-879px -2585px; } .businessFixedDeposite .nriLoanTypeList .icon3 { background-position:-949px -2506px; } .businessFixedDeposite .nriLoanTypeList li:hover .icon3 { background-position:-949px -2585px; } .moreServicesRural .loanTypeList .icon1 { background-position:6px -2676px; } .moreServicesRural .loanTypeList li:hover .icon1 { background-position:6px -2754px; } .moreServicesRural .loanTypeList .icon2 { background-position:-75px -2676px; } .moreServicesRural .loanTypeList li:hover .icon2 { background-position:-75px -2754px; } .moreServicesRural .loanTypeList .icon3 { background-position:-158px -2676px; } .moreServicesRural .loanTypeList li:hover .icon3 { background-position:-158px -2754px; } .moreServicesRural .loanTypeList .icon4 { background-position:-233px -2676px; } .moreServicesRural .loanTypeList li:hover .icon4 { background-position:-233px -2754px; } .moreServicesRural .loanTypeList .icon5 { background-position:-318px -2676px; } .moreServicesRural .loanTypeList li:hover .icon5 { background-position:-318px -2754px; } .moreServicesRural .loanTypeList .icon6 { background-position:-391px -2676px; } .moreServicesRural .loanTypeList li:hover .icon6 { background-position:-391px -2754px; } .moreServicesRural .loanTypeList .icon7 { background-position:-462px -2676px; } .moreServicesRural .loanTypeList li:hover .icon7 { background-position:-462px -2754px; } .moreServicesRural .loanTypeList .icon8 { background-position:-546px -2676px; } .moreServicesRural .loanTypeList li:hover .icon8 { background-position:-546px -2754px; } .moreServicesRural .loanTypeList .icon9 { background-position:-630px -2676px; width:71px; } .moreServicesRural .loanTypeList li:hover .icon9 { background-position:-630px -2754px; } .moreServicesRural .loanTypeList .icon10 { background-position:-726px -2676px; } .moreServicesRural .loanTypeList li:hover .icon10 { background-position:-726px -2754px; } .moreServicesRural .loanTypeList .icon11 { background-position:-818px -2676px; } .moreServicesRural .loanTypeList li:hover .icon11 { background-position:-818px -2750px; width:75px; } .moreServicesRural .loanTypeList .icon12 { background-position:-921px -2676px; } .moreServicesRural .loanTypeList li:hover .icon12 { background-position:-921px -2754px; } .moreServicesRural .loanTypeList .icon13 { background-position:-1014px -2676px; } .moreServicesRural .loanTypeList li:hover .icon13 { background-position:-1014px -2754px; } .moreServicesRural .loanTypeList .icon { height:60px; } /********* 3.CSS End *********/ .noScroll .tableOut { margin:0; padding:0; overflow:inherit; } /*********Green Pin*********/ .greenPinSec { padding:25px 0 50px 0; } .greenPinSec .imgHolder { float:left; width:218px; } .greenPinSec ul { margin:0; padding:0 0 0 250px; list-style:none; } .greenPinSec ul li { padding:0 12px; float:left; width:33.333%; min-height:300px; position:relative; } .greenPinSec ul li:last-child { padding-right:0; } .greenPinSec ul li:after { position:absolute; background:#c0c0c0; width:1px; top:135px; right:0; bottom:0; content:""; } .greenPinSec ul li:last-child:after { display:none; } .greenPinSec ul li p { color:#323232; font-size:15px; } .greenPinSec .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 0 30px 0; box-shadow:3px 5px 5px #bcbcbc; position:relative; } .greenPinSec .circle:after { position:absolute; left:110px; top:36px; content:""; width:157px; height:22px; background:url(../../images/green-pin-step-arrow.png) no-repeat 0 0; } .greenPinSec ul li:last-child .circle:after { display:none; } .greenPinSec ul li .box { position:relative; padding-left:65px; } .greenPinSec ul li .icon { position:absolute; left:0; top:6px; width:54px; height:65px; } .greenPinSec ul li .icon1 { background-position:0 -2835px; } .greenPinSec ul li .icon2 { background-position:-65px -2835px; } .greenPinSec ul li .icon3 { background-position:-127px -2835px; } .secureBankingTips { position:relative; margin-bottom:50px; } .secureBankingTips .imgHolder { position:absolute; left:50%; top:50%; width:343px; height:563px; margin:-281px 0 0 -171px; } .secureBankingTips ul { width:32%; margin:0; padding:0; list-style:none; } .secureBankingTips ul.leftList { float:left; } .secureBankingTips ul.rightList { float:right; } .secureBankingTips ul li { position:relative; border-bottom:1px solid #d8d8d8; min-height:82px; padding:15px 0; } .secureBankingTips ul li.singleLine { padding:20px 0; } .secureBankingTips ul li:last-child { border:0; } .secureBankingTips ul li .icon, .secureBankingTips ul li .text { display:inline-block; vertical-align:middle; } .secureBankingTips ul li .text { width:295px; } .secureBankingTips ul li .icon { width:41px; height:41px; margin-right:25px; } .secureBankingTips ul li .icon1 { background-position:-206px -2835px; } .secureBankingTips ul li .icon2 { background-position:-255px -2840px; } .secureBankingTips ul li .icon3 { background-position:-306px -2847px; } .secureBankingTips ul li .icon4 { background-position:-356px -2844px; } .secureBankingTips ul li .icon5 { background-position:-406px -2846px; } .secureBankingTips ul li .icon6 { background-position:-457px -2843px; } .secureBankingTips ul li .icon7 { background-position:-508px -2842px; } .secureBankingTips ul li .icon8 { background-position:-558px -2846px; } .secureBankingTips ul li .icon9 { background-position:-609px -2843px; } .secureBankingTips ul li .icon10 { background-position:-661px -2842px; } .secureBankingTips ul li .icon11 { background-position:-709px -2845px; } .secureBankingTips ul li .icon12 { background-position:-759px -2845px; } .secureBankingTips ul li .icon13 { background-position:-811px -2844px; } .secureBankingTips ul li .icon14 { background-position:-861px -2843px; } .secureBankingTips ul li .icon15 { background-position:-912px -2843px; } .secureBankingTips ul li .icon16 { background-position:-961px -2846px; } .resTab.smartAndSafeBankingTabs .tabContent { position:relative; padding:15px 0 0 0; } .smartAndSafeBankingTabs .imgHolder { float:left; width:380px; position:absolute; left:-53px; bottom:1px; } .smartAndSafeBankingTabs .imgHolder img { width:100%; } .smartAndSafeBankingTabs .rightContent { padding-left:380px; border-bottom:1px solid #d8d8d8; } .smartAndSafeBankingTabs .rightContent ul { display:table; width:100%; } .smartAndSafeBankingTabs ul.bulletText li, .attacksBlock ul.bulletText li { text-align:justify; } .smartAndSafeBankingTabs.resTab .tabNav li a { font-size:18px; } .attacksBlock { float:left; width:100%; margin-top:20px; } .attacksBlock .imgRight { border:1px solid #d3d3d3; margin:0 0 20px 60px; } .accMobileAccordion.noSpaceBottom { margin-bottom:-41px; } .accMobileAccordion.noSpaceBottom .accConnectWithUs { margin-bottom:0; } .accDetTopNav.noSpaceTop { margin-top:-40px; } .pagePadT { padding-top:40px; } .kioskList li { display: inline-block; } /**************Baroda Rewardz App**************/ .barodaRewardzApp { background:#fbfbfb; position:relative; margin:30px 0; } .barodaRewardzApp:after { width:50%; right:0; height:100%; position:absolute; top:0; content:""; background:#f5f6f6 url(../../images/baroda-rewardz-key-features-bg.jpg) no-repeat 0 0; } .barodaRewardzApp .leftBlock, .barodaRewardzApp .rightBlock { float:left; width:50%; padding:30px; } .barodaRewardzApp .leftBlock { padding-left:0; } .barodaRewardzApp .rightBlock { padding-right:0; position:relative; z-index:1; } .barodaRewardzApp .leftBlock .imgHolder { margin-right:34px; position:relative; background:url(../../images/baroda-rewardz-how-it-work.jpg) no-repeat 0 0; width:506px; height:478px; } .barodaRewardzApp .leftBlock .box { position:absolute; } .barodaRewardzApp .leftBlock .box1 { left:50%; top:50%; margin:-55px 0 0 -81px; } .barodaRewardzApp .leftBlock .box2 { left:193px; top:-4px; } .barodaRewardzApp .leftBlock .box3 { left:0; top:147px; } .barodaRewardzApp .leftBlock .box4 { left:155px; top:321px; } .barodaRewardzApp .leftBlock .box5 { left:319px; top:146px; } .brdRwarzFeatures { margin:0; padding:0; list-style:none; } .brdRwarzFeatures li { float:left; width:33.333%; text-align:center; position:relative; overflow:hidden; } .brdRwarzFeatures li a { text-decoration:none; } .brdRwarzFeatures li:after { width:1px; background:#ccc; position:absolute; right:0; top:25px; bottom:25px; content:""; z-index:1; } .brdRwarzFeatures li:before { height:1px; background:#ccc; position:absolute; left:25px; right:25px; bottom:0; content:""; z-index:1; } .brdRwarzFeatures li:last-child:before { display:none; } .brdRwarzFeatures li:nth-child(3n+3):after { display:none; } .brdRwarzFeatures .box, .brdRwarzFeatures .title, .brdRwarzFeatures .icon { transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; } .brdRwarzFeatures .box { position:relative; display:block; padding:55px 15px; min-height:191px; overflow:hidden; } .brdRwarzFeatures li a:hover .box { background:#ff6633; } .brdRwarzFeatures .title { font-size:16px; color:#333; font-weight:600; margin-bottom:0; padding-top:15px; display:block; position:relative; } .brdRwarzFeatures li a:hover .title { color:#fff; } .brdRwarzFeatures .icon { width:42px; height:42px; display:block; margin:0 auto; } .brdRwarzFeatures .icon1 { background-position:0 -2914px; } .brdRwarzFeatures li a:hover .icon1 { background-position:0 -2957px; } .brdRwarzFeatures .icon2 { background-position:-42px -2914px; } .brdRwarzFeatures li a:hover .icon2 { background-position:-42px -2957px; } .brdRwarzFeatures .icon3 { background-position:-84px -2914px; } .brdRwarzFeatures li a:hover .icon3 { background-position:-84px -2957px; } .brdRwarzFeatures .icon4 { background-position:-126px -2912px; } .brdRwarzFeatures li a:hover .icon4 { background-position:-126px -2957px; } .brdRwarzFeatures .icon5 { background-position:-168px -2914px; } .brdRwarzFeatures li a:hover .icon5 { background-position:-168px -2957px; } .brdRwarzFeatures .icon6 { background-position:-210px -2914px; } .brdRwarzFeatures li a:hover .icon6 { background-position:-210px -2957px; } .brdRwarzFeatures .icon7 { background-position:-252px -2914px; } .brdRwarzFeatures li a:hover .icon7 { background-position:-252px -2957px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box { min-height:290px; } .loanLinkSlider { margin:0; } .threeCols.businessFixedDeposite li:nth-child(3):before { display:none; } /**************Contact Centre**************/ .bobContactCenter .orange { color:#ff6633; } .howToconnectCC { padding:30px 0; } .howToconnectCC .imgHolder { float:left; text-align:center; width:185px; height:210px; background:#fff; padding:40px 0; position:relative; z-index:1; } .howToconnectCC .rightBox { padding:20px 20px 20px 215px; background:#f7f7f7; position:relative; } .howToconnectCC .rightBox:after { height:100%; width:26px; position:absolute; left:185px; top:0; content:""; background:url(../../images/how-to-connect-bg.jpg) no-repeat left center; } .howToconnectCC h2, .howToconnectCC p { margin-bottom:10px; } .howToconnectCC .marB20 { margin-bottom:20px; } .ccTiming { margin-bottom:55px; } .ccTiming .row { border-bottom:1px solid #d3d3d3; } .ccTiming .row.borderNone { border:0; } .ccTiming .servicesCol { float:left; width:70%; } .ccTiming .timeCol { float:right; width:25%; margin-left:5%; } .ccTiming h3, .ccTiming h5, .ccTiming h4 { color:#ff6633; font-size:17px; font-weight:700; border-bottom:1px solid #d3d3d3; margin:0; padding-bottom:14px; } .ccTiming h4 { color:#555; border:0; padding:0; margin:35px 0 0 0; } .ccTiming p { margin:0; padding:15px 0; min-height:78px; } .clockTime { color:#555; font-size:16px; font-weight:600; padding:18px 0; display:block; } .clockTime .clockIcon, .clockTime .clockIcon1 { width:42px; height:42px; display:inline-block; vertical-align:middle; background:url(../../images/clock-icon.png) no-repeat left center; margin-right:16px; } .clockTime .clockIcon1 { background:url(../../images/clock-icon-1.png) no-repeat left center; } .ccTiming .servicesCol.border, .ccTiming .timeCol.border { border-bottom:1px solid #d3d3d3; } .ccTiming h5 { text-indent:-9999px; padding:0; height:0; border:0; } .ccTiming .servicesCol.border p { padding-top:27px; } .bobccServices { margin-bottom:40px; } .bobccServices .row { padding:15px 0; position:relative; border-bottom:1px solid #d3d3d3; width:100%; display:table; } .bobccServices .row:last-child { border:0; } .bobccServices .row:after { left:50%; height:30px; width:30px; bottom:-15px; margin-left:-15px; position:absolute; content:""; background:#fff; } .bobccServices .row .box { float:left; width:50%; padding:15px 45px 15px 265px; position:relative; } .bobccServices .row .box.rightBox { padding:15px 265px 15px 35px; } .bobccServices .row .box.rightBox .title { left:auto; right:0; } .bobccServices .row .box.rightBox:after { top:0; bottom:0; width:1px; content:""; position:absolute; left:-1px; background:#d3d3d3; } .bobccServices .row .box h3 { font-size:17px; font-weight:700; color:#666; margin-bottom:20px; } .bobccServices .title { position:absolute; left:0; top:50%; margin-top:-38px; padding:25px; background:#777; color:#fff; width:230px; font-size:17px; font-weight:700; } .bobccServices .title:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(119, 119, 119, 0); border-left-color: #777777; border-width: 12px; margin-top: -12px; } .bobccServices .box.rightBox .title:after { right: 100%; left:auto; border-right-color: #777777; border-left:0; } .bobccServices .bulletText { margin:0; } .bobccServices .box:before { position:absolute; left:219px; top:0; bottom:0; width:11px; content:""; background:url(../../images/contact-center-small-shadow.png) no-repeat left center; } .bobccServices .box.rightBox:before { left:auto; right:229px; } .bobccServices .box.largeBg:before { background:url(../../images/contact-center-large-shadow.png) no-repeat left center; } .productsServicesList .nriLoanTypeList li:nth-child(3):before { display:block; } /**************ATMs**************/ .atmsServices { margin:0 -15px 50px -15px; padding:0; list-style:none; } .atmsServices li { position:relative; min-height:102px; float:left; width:25%; padding:36px 15px 25px 80px; font-size:16px; font-weight:600; } .atmsServices li:nth-child(5), .atmsServices li:nth-child(6), .atmsServices li:nth-child(8), .atmsServices li:nth-child(10), .atmsServices li:nth-child(13), .atmsServices li:nth-child(14) { padding-top:25px; padding-bottom:25px; } .atmsServices li:after { left:15px; right:15px; height:1px; position:absolute; content:""; bottom:0; background:#d3d3d3; } .atmsServices li:nth-child(13):after, .atmsServices li:nth-child(14):after, .atmsServices li:last-child:after { display:none; } ul.orangeMark strong { color:#ff6633; } .atmsServices li:before { top:15px; bottom:15px; width:1px; position:absolute; content:""; right:0; background:#d3d3d3; } .atmsServices li:nth-child(4n+4):before, .atmsServices li:last-child:before { display:none; } .atmsServices .atmsIcon { width:41px; height:41px; position:absolute; left:15px; top:50%; margin-top:-20px; background-image:url(../../images/atm-sprite.png); background-repeat:no-repeat } .atmsServices .icon1 { background-position:0 0; } .atmsServices .icon2 { background-position:-41px 0px; } .atmsServices .icon3 { background-position:-82px 0px; } .atmsServices .icon4 { background-position:-123px 0px; } .atmsServices .icon5 { background-position:-164px 0px; } .atmsServices .icon6 { background-position:-205px 0px; } .atmsServices .icon7 { background-position:-246px 0px; } .atmsServices .icon8 { background-position:-287px 0px; } .atmsServices .icon9 { background-position:-328px 0px; } .atmsServices .icon10 { background-position:-369px 0px; } .atmsServices .icon11 { background-position:-410px 0px; } .atmsServices .icon12 { background-position:-451px 0px; } .atmsServices .icon13 { background-position:-492px 0px; } .atmsServices .icon14 { background-position:-533px 0px; } .barodaRewardzAppDownl .mpassbookDwnldApp { padding:0; float:left; } .barodaRewardzAppDownl p { float:right; margin:55px 0 0 0; } .mrgB40 { margin-bottom:40px; } .sbsMobAcc { display:none; } .sbsMobAcc .accTrigger { font-size:18px; font-weight:600; } .sbsMobAcc .accTrigger a { color:#444; text-decoration:none; } .sbsMobAcc h3 { margin-bottom:10px; } .sbsMobAcc h3 a { color:#555; } .sbsMobAcc .smartBankingList { padding:0; border:0; } .sbsMobAcc .smartBankingList ul li { width:33.333%; float:left; margin:10px 0; padding-left:30px; padding-right:5px; font-size:14px; } .sbsMobAcc .accordDetail a { width:32%; display:inline-block; background:url(../../images/bullet-arrow.png) no-repeat scroll left 7px; margin-bottom:10px; padding-left:27px; vertical-align:top; } .sbsMobAcc .accordDetail a:hover { box-shadow:0 0 0 #fff; } .sbsMobAcc .accordDetail a span, .sbsMobAcc .accordDetail a.roundBox4 { display:none; } .sbsMobAcc .accordDetail a span.servicesTitle, .sbsMobAcc .accordDetail a span.titleBox { display:block; } .sbsMobAcc .accordDetail a span.titleBox br { display:none; } .sbsMobAcc .roundBoxText.hoverCircle:before { display:none; } .locateTabs.tendetTabs { margin-bottom: 20px; } .mainColsBoxImg .icon.iconGift { background-position: -1123px -2753px; width: 66px; } .mainColsBoxImg .icon.iconTraveleasy { background-position: -1116px -2678px; width: 79px; } /************Home Banner************/ .indexBanner img { width:100%; } .indexBanner .sliderCaption img, .innerBanner .sliderCaption img, .innerCommonBanner img { width:auto; } .innerBanner .sliderCaption .imgHolder { height:auto; } .innerBanner .rightButton { text-align:right; } .innerBanner .leftButton { text-align:left; margin-top:15px; } .innerBanner strong { font-weight:700; } .innerBanner .landingBanner .vCenter.mrgTop { margin-top:-40px; } .innerBanner.innerBannerSlider .landingBanner .vCenter.mrgTop { margin-top:-20px; } .homeBanner .button, .landingBanner .button { display:inline-block; background:#ff6633; color:#fff; font-weight:600; padding:0 25px; line-height:39px; } .homeBanner .button .icon, .landingBanner .button .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 } .homeBanner .button:hover, .landingBanner .button:hover { background:#fff; color:#ff6633; text-decoration:none; } .homeBanner .button:hover .icon, .landingBanner .button:hover .icon { background-position:-190px -1px; } .homeBanner1 .bannerText span, .homeBanner2 h2, .fifaBanner .innerCommonBanner h2, .homeBanner3 h2, .homeBanner4 h2, .homeBanner5 h2, .homeBanner6 h2, .foundatioDay h2, .homeBanner9 h2, .homeBanner10 h2 { font-size:2.125em; } .homeBanner1 { float:left; margin-left:12%; width:380px; } .homeBanner1 .bannerText { position:relative; } .homeBanner1 .bannerText:after { position:absolute; left:-13px; top:0; bottom:0; content:""; background:#5e5e5e; width:5px; } .homeBanner1 .bannerText span { background:#f27027; display:inline-block; padding:5px 8px; color:#fff; font-weight:700; margin-bottom:4px; } .homeBanner1 .bannerText span:last-child { margin-bottom:0; } .homeBanner2 { margin-left:11% } .homeBanner2 .bannerRightLogo { position:absolute; right:9%; top:20px; width:161px; height:161px; background-position:-114px 0; } .fifaBanner .bannerRightLogo { position:absolute; right:9%; top:20px; } .homeBanner2 .bannerText, .fifaBanner .bannerText { padding-top: 54px; } .homeBanner2 h2, .homeBanner2 h3, .fifaBanner .innerCommonBanner h2, .fifaBanner .innerCommonBanner h3 { color:#4c4947; margin-bottom:5px; line-height:38px; } .homeBanner2 h2, .fifaBanner .innerCommonBanner h2 { font-weight:700; } .homeBanner2 h3, .fifaBanner .innerCommonBanner h3 { font-weight:400; font-size:1.938em; margin-bottom:15px; } .homeBanner2 p, .fifaBanner .innerCommonBanner p { color:#231f20; font-size:0.938em; margin-bottom:10px; } .homeBanner2 .bottomText p, .fifaBanner .innerCommonBanner .bottomText p { color:#444545; font-size:1.188em; line-height:29px; font-weight:700; margin:72px 0 20px 0; } .homeBanner2 .topLine { position:absolute; left:10.9%; top:0; width:113px; height:56px; background-position:0 0; } .fifaBanner .topLine { position:absolute; left:10.9%; top:0; width:113px; height:56px; background:url(../../images/banner2-line-img.jpg) no-repeat 0 0; } .fifaBanner .vCenter { position: absolute; top:0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width:100%; margin:0; } .fifaBanner .innerCommonBanner { margin-left:11%; } .fifaBanner .bannerText { padding-top:0; margin-top:30%; } .homeBanner3 { margin-left:9.5%; text-align:center; float:left; } .homeBanner3 h2 { color:#221f1f; } .homeBanner3 ul { margin:40px 0; padding:0; list-style:none; } .homeBanner3 ul li { display:inline-block; vertical-align:top; padding:0 26px; color:#f17026; font-size:20px; font-weight:700; text-transform:uppercase; } .homeBanner3 ul li .largeText { color:#221f1f; font-size:43px; font-weight:700; line-height:47px; } .homeBanner3 ul li span { display:block; } .homeBanner3 .homeLoanIcon, .homeBanner3 .carLoanIcon { width:187px; height:44px; } .homeBanner3 .homeLoanIcon { background-position:-278px 0; } .homeBanner3 .carLoanIcon { background-position:-279px -57px; } .bannerOrgStrip { position:relative; height:100%; } .bannerOrgStrip:after { position:absolute; left:0; top:0; height:22px; width:881px; background:url(../../images/home-banner-3-strip.png) no-repeat 0 0; content:""; display:none; } .homeBanner4 { margin-right:60px; text-align:center; float:right; width:800px; } .homeBanner4 h2 { position:relative; text-align:left; display:inline-block; font-weight:700; color:#231f20; line-height:45px; } .homeBanner4 h2:after { top:10px; bottom:10px; width:14px; left:-36px; position:absolute; content:""; background:#ff6633; } .homeBanner4 ul { margin:40px 0 60px 0; padding:0; list-style:none; } .homeBanner4 ul li { display:inline-block; vertical-align:top; padding:0 7px; color:#231f20; font-size:1.250em; font-weight:600; position:relative; } .homeBanner4 ul li:after { top:50%; margin-top:-12px; height:24px; width:2px; left:-1px; position:absolute; content:""; background:#231f20; } .homeBanner4 ul li:first-child:after { display:none; } .homeBanner5 { margin-right:60px; float:right; width:500px; } .homeBanner5 h2 { position:relative; font-weight:700; margin-bottom:50px; color:#272525; line-height:40px; display:inline-block; } .homeBanner5 h2:after, .homeBanner5 h2:before { width:90px; height:8px; position:absolute; content:""; background:#ff6633; } .homeBanner5 h2:after { top:-15px; left:0; } .homeBanner5 h2:before { bottom:-15px; right:0; } .homeBanner5 p { font-size:1.313em; color:#272525; margin-bottom:30px; } .homeBanner5 strong { font-weight:700; } .homeBanner5 .imgHolder { float:left; } .homeBanner5 .cardImage { width:240px; height:143px; background-position:0 -159px; } .homeBanner5 .button { margin:70px 0 0 20px; } .homeBanner6 { margin-right:7%; float:right; width:420px; } .homeBanner6 h2 { position:relative; font-weight:700; margin-bottom:10px; display:block; color:#272525; line-height:50px; } .homeBanner6 h3 { background:#ff6633; font-size:1.875em; display:inline-block; color:#fff; padding:0 15px; font-weight:400; } .homeBanner6 p { font-size:22px; color:#272525; margin-bottom:30px; } .homeBanner6 .imgHolder { float:left; } .homeBanner6 .rewardzImg { width:176px; height:79px; background-position:-265px -164px; } .homeBanner6 .button { margin:30px 0 0 43px; } .foundatioDay { float: right; margin: -140px 180px 0 0; text-align: center; width: 500px; text-align: right } .foundatioDay h2 { color: #983d2b; display: inline-block; font-weight: 700; line-height: 45px; position: relative; ; } .foundatioDay > p { color: #ed3237; font-size: 1.313em; font-weight: 600; } .homeBanner8 { float:right; margin-right:60px; width:470px; } .homeBanner8 h2 { font-size:3.125em; margin:0; line-height:40px; } .homeBanner8 h3 { font-size:2.125em; } .homeBanner8 h2, .homeBanner8 h3 { color:#fff; } .homeBanner8 .travelEasyImg { width:269px; height:93px; margin:0 0 30px 0; background-position:0 -452px; } .sbBanner1, .sbBanner2 { float:left; margin-left:8%; text-align:center; } .sbBanner3, .sbBanner4 { float:right; margin-right:8%; text-align:center; } .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2 { color:#231f20; font-weight:700; border-bottom:5px solid #ff6633; border-top:5px solid #ff6633; padding:10px 40px; } .sbBanner1 h2 { padding-left:0; } .sbBanner1 p, .sbBanner2 p, .sbBanner3 p, .sbBanner4 p { color:#231f20; font-size:18px; font-weight:700; } .sbBanner1 p { font-weight:400; } .sbBanner2 p { margin-bottom:80px; } .giftCardBannerImg { position:absolute; left:90px; bottom:0; } .sbBanner4 ul { margin:0; padding:0; list-style:none; } .sbBanner4 ul li { display:inline-block; padding:0 15px; min-height:95px; vertical-align:middle; border-left:1px dotted #7c7c7c; } .sbBanner4 ul li:first-child { border-left:0; } .sbBanner1 .col2 { margin-bottom:50px; text-align:right; } .sbBanner1 .col2 p { text-align:left; margin:33px 0 0 0; float:left; } .raBanner1, .raBanner2, .raBanner3 { float:right; margin-right:8%; position:relative; } .raBanner1 { text-align:right; width:600px; } .raBanner1 .textList { margin-bottom:15px; } .raBanner1 .textList span, .finclIncBanner .textList span { display:inline-block; background:#f16f2a; font-size:2.063em; font-weight:700; padding:0 10px; margin-bottom:7px; color:#fff; position:relative; } .raBanner1 .textList span:first-child:after, .raBanner1 .textList span:last-child:after, .finclIncBanner .textList span:after { width:3px; position:absolute; content:""; background:#f16f2a; height:700px; } .raBanner1 .textList span:first-child:after, .finclIncBanner .textList span:first-child:after { bottom:0; left:0; } .raBanner1 .textList span:last-child:after, .finclIncBanner .textList span:last-child:after { top:0; right:0; } .raBanner1 .button { margin-right:30px; } .raBanner2 { text-align:right; width:540px; } .raBanner2 .textList { margin-bottom:15px; text-align:left; } .raBanner2 .textList span { display:inline-block; background:#f16f2a; font-size:2.063em; font-weight:700; padding:0 10px; margin-bottom:7px; color:#fff; position:relative; } .raBanner2 .textList span:first-child:after, .raBanner2 .textList span:last-child:after { width:3px; position:absolute; content:""; background:#f16f2a; height:2000px; } .raBanner2 .textList span:first-child:after { bottom:0; left:0; } .raBanner2 .textList span:last-child:after { top:0; right:0; } .raBanner2 .button { margin-right:30px; } .raBanner2 p, .raBanner3 p { color:#231f20; font-size:1.438em; font-weight:700; padding-right:30px; margin:0; } .raBanner3 { text-align:right; width:500px; } .raBanner3 .textList { margin-bottom:15px; } .raBanner3 .textList span { display:inline-block; background:#f16f2a; font-size:2.063em; font-weight:700; padding:0 10px; margin-bottom:7px; color:#fff; position:relative; } .raBanner3 .textList span:first-child:after, .raBanner3 .textList span:last-child:after { width:3px; position:absolute; content:""; background:#f16f2a; height:700px; } .raBanner3 .textList span:first-child:after { bottom:0; left:0; } .raBanner3 .textList span:last-child:after { top:0; right:0; } .raBanner3 .cardImg { float:left; margin:20px 0 0 40px; } .bobmConnectBanner .imgHolder { text-align:center; } .cashlessBanner { float:right; padding-right:70px; width:43%; text-align:left; } .cashlessBanner h2 { color:#231f20; font-size:37px; line-height:50px; font-weight:700; margin-bottom:0; } .nriBanner1 { padding:0 80px; text-align:right; float:right; width:49%; } .nriBanner1 .box { max-width:600px; margin:0 auto; width:100%; } .nriBanner1 h2 { position:relative; text-align:left; display:inline-block; font-weight:700; color:#231f20; margin-bottom:40px; } .nriBanner1 h2:after { top:8px; bottom:7px; width:14px; left:-36px; position:absolute; content:""; background:#ff6633; } .nriBanner1 p { font-weight:700; text-align:right; color:#ff6633; font-size:1.313em; margin-bottom:0; } .businessBanner1 { float:left; text-align:left; } .businessBanner1 .box { max-width:480px; margin:0 auto; width:100%; } .businessBanner1 h2 { position:relative; display:inline-block; font-weight:700; color:#231f20; margin-bottom:40px; padding-left:35px; } .businessBanner1 h2:after { top:8px; bottom:7px; width:14px; left:0; position:absolute; content:""; background:#ff6633; } .businessBanner1 p { font-weight:400; text-align:left; color:#231f20; font-size:1.313em; margin-bottom:40px; } .genNextBanner, .mpassbookBanner { float:right; margin-right:8%; text-align:left; } .minvestBanner { float:left; margin-left:8%; text-align:left; } .genNextBanner h2, .minvestBanner h2, .mpassbookBanner h2 { font-weight:700; color:#231f20; font-size:40px; line-height:53px; margin-bottom:20px; } .genNextBanner h3, .minvestBanner h3 { background:#f16f26; padding:10px; color:#fff; font-size:1.375em; line-height:30px; display:inline-block; font-weight:400; } .mpassbookBanner .mpsbkImg { text-align:center; padding-top:20px; } .mpassbookBanner .mpsbkImg img { width:auto; } .innerCommonBanner, .textRightBanner { margin-right:8%; float:right; text-align:left; } .innerCommonBanner h2 { font-weight:700; color:#231f20; margin-bottom:20px; text-align:left; } .innerCommonBanner .orangeBar { background:#f16f26; padding:10px; color:#fff; font-size:1.313em; line-height:30px; display:inline-block; font-weight:400; } .innerCommonBanner ul { margin:0; padding:0; list-style:none; } .bbpsBanner, .textLeftBanner { float:left; margin-left:8%; margin-right:0; text-align:left; } .bbpsBanner .imgHolder { margin-bottom:30px; } .bbpsBanner ul li { display:inline-block; vertical-align:top; padding:0 15px; } .bbpsBanner ul li:first-child { padding-left:0; } .missedCallBanner .textCenter { position:relative; padding-left:70px; } .missedCallBanner .dial { display:inline-block; background:#f16f26; color:#fff; border-radius:3px; padding:1px 8px; font-weight:600; font-size:18px; position:absolute; left:0; top:3px; } .missedCallBanner p { margin:5px 0 0 0; font-size:18px; } .innerCommonBanner.cashRecycler p { padding: 10px 0; border-top:5px solid #f16f26; color:#231f20; font-size:1.063em; margin:0; } .rewardsappBanner h2 { background: #f16f26 none repeat scroll 0 0; color: #fff; padding: 10px; text-align: center; } .innerCommonBanner p { color: #231f20; font-size: 1.250em; } .rewardsappBanner .imgHolder { text-align:center; } .innerCommonBanner .borderTriangle { position:relative; } .innerCommonBanner .borderTriangle::after { border-bottom: 50px solid #f16f26; border-right: 60px solid transparent; content: ""; position: absolute; right: -60px; top: 0; } .savingaccountBanner .innerlinesRight { position:relative; display:block; } .savingaccountBanner .innerlinesLeft::after { background: #f26f28 none repeat scroll 0 0; content: ""; height: 103px; margin-left: -26px; position: absolute; top: -30px; width: 5px; } .savingaccountBanner .innerlinesLeft::before { background: #f26f28 none repeat scroll 0 0; content: ""; height: 5px; margin-left: -45px; position: absolute; top: -12px; width: 205px; } .savingaccountBanner .innerlinesRight::before { background: #f26f28 none repeat scroll 0 0; bottom: -40px; content: ""; height: 5px; position: absolute; right: -38px; width: 205px; } .savingaccountBanner .innerlinesRight::after { background: #f26f28 none repeat scroll 0 0; content: ""; height: 103px; position: absolute; right: -21px; top: -45px; width: 5px; } .rewardzDownload .leftTitleWrap { float: left; margin-right: 2%; width: 17%; } .rewardzDownload .middleContentWrap { float: left; width: 15%; } .rewardzDownload .rightLinks { float: right; margin-left: 2%; } .rewardzDownload .rightLinks p { margin:13px 0 0 0; } .giftCardBenefits.traveleasyCardFeatures::after { background:url(../../images/baroda-traveleasy-card-bg.png) no-repeat 0 0; height: 715px; right: -23%; bottom:100px; width: 656px; top:auto } .giftCardBenefits.traveleasyCardFeatures .everyWish { top:141px; } .giftCardKeyList.traveleasyCardList .icon1 { background-position: -368px -2915px; } .giftCardKeyList.traveleasyCardList .icon2 { background-position: -418px -2915px; } .giftCardKeyList.traveleasyCardList .icon3 { background-position: -468px -2915px; } .giftCardKeyList.traveleasyCardList .icon4 { background-position: -519px -2915px; } .giftCardKeyList.traveleasyCardList .icon5 { background-position: -571px -2915px; } .giftCardKeyList.traveleasyCardList .icon6 { background-position: -621px -2916px; } .giftCardKeyList.traveleasyCardList .icon7 { background-position: -672px -2915px; } .giftCardKeyList.traveleasyCardList .icon8 { background-position: -723px -2915px; } .giftCardKeyList.traveleasyCardList .icon9 { background-position: -773px -2915px; } .giftCardKeyList.traveleasyCardList .icon10 { background-position: -823px -2915px; } .giftCardKeyList.traveleasyCardList .icon11 { background-position: -876px -2916px; } ul.insurancePhotos { padding: 0; margin:0 -20px; } .healthInsurContent .insurancePhotos li { display: inline; float: left; margin: 0; width: 50%; padding:0 20px; } .healthInsurContent .insurancePhotos li img, .healthInsurContent .insurancePhotos li div { width:100%; } .healthInsurContent .insurancePhotos li p { padding:6px 10px; } .insurancePhotos p { background: rgba(0, 0, 0, 0.55); bottom: 0; color: #ffffff; display: block; margin: 3px 0 0; padding: 5px 3px; position: absolute; text-transform: uppercase; width: 100%; text-align:center; font-size:15px; } .insurancePhotos p span { font-weight: bold; } .generalinsuranceTop img.alignRight { margin: 0 0 40px 40px; } .generalinsuranceimg img { border: 8px solid #d3d3d3; border-radius: 50%; } .generalinsuranceimg .alignLeft { margin: 0 20px 20px 0; } .generalinsuranceimg .alignRight { margin: 0 0 20px 20px; } .generalinsuranceimg .Name { font-weight: 600; text-align: center; text-transform: uppercase; line-height:20px; margin:6px 0 0; font-size:15px } .generalinsuranceimg .Name > span { display: block; font-weight: normal; text-transform: lowercase; } .healthDetail .contactDetail { padding: 0; } .insurancePhotos div { display: inline-block; position: relative; } .mpassbookContanct .rightLinks .icon4 { background-position: -1044px -1480px; } .mpassbookContanct .rightLinks li a:hover .icon4, .wob .mpassbookContanct .rightLinks .icon4 { background-position: -1094px -1480px; } .mpassbookContanct .rightLinks .icon5 { background-position: -1045px -1538px; } .mpassbookContanct .rightLinks li a:hover .icon5, .wob .mpassbookContanct .rightLinks .icon5 { background-position: -1095px -1538px; } .mUpiContact .mpayMail { margin-top: 10px; } .mClipBanner .imgHolder { text-align:center; } .innerCommonBanner.securebankingBanner, .innerCommonBanner.mconnectBanner { float: left; margin-left: 8%; } .innerCommonBanner.accountKioskBanner h2 span, .innerCommonBanner.wholesaleBankingBanner h2 span { color:#ff6633; } .innerCommonBanner.customerSupportBanner { margin-right: 15.5%; } .innerCommonBanner.wholesaleBankingBanner h2:before, .bibBanner h2:before { background-color: #ff6633; content: ""; left: -35px; position: absolute; width:11px; top:7px; bottom:10px; } .innerCommonBanner.wholesaleBankingBanner h2, .bibBanner h2 { position:relative; margin-left:35px; } .innerCommonBanner.getIntouch { margin-right: 13.5%; } .innerCommonBanner.getIntouch p { color:#FFFFFF; margin-bottom:0 } .innerCommonBanner.competitiveIntrestrateBanner h2 { position:relative; } .innerCommonBanner.competitiveIntrestrateBanner h2 span { background-color:#f27027; color:#fff; padding: 10px; margin:5px 0 0; display:inline-block; } .innerCommonBanner.competitiveIntrestrateBanner h2::after { background:#f27027; bottom: -80px; content: ""; height: 199px; position: absolute; right: 0; width: 1px; } .hideBreadCum.breadcrumb { display: none; } .landingBanner .homeBanner5 h2, .landingBanner .homeBanner5 p { margin-bottom:20px; } .landingBanner .homeBanner5 .imgHolder { width:180px; margin:0 auto; float:none; } .landingBanner .homeBanner5 .button { margin:40px 0 0 20px; } .innerCommonBanner.mobileAppsBnanner { margin-right: 3%; } .mobileAppsBnanner ul { margin-top:55px; } .mobileAppsBnanner ul li { min-height: inherit; padding: 0 7px; } .mobileAppsBnanner ul li { border-left: 1px dotted #7c7c7c; display: inline-block; min-height: inherit; padding: 0 5px; vertical-align: middle; } .mobileAppsBnanner ul li:first-child { border-left: 0 none; padding-left: 0; } .mobileAppsBnanner h2 { position:relative; } .mobileAppsBnanner h2:after { content:""; background-color:#f26f28; width:191px; height:5px; position:absolute; left:0; top:-10px; } .mobileAppsBnanner h2::before { background-color: #f26f28; bottom: -20px; content: ""; height: 5px; left: 300px; position: absolute; width: 191px; } .innerCommonBanner.homeBanner5 { margin-right:8%; float:right; width:420px; } .ssppsBanner p, .atmsBanner p, .bcmsBanner p, .kioskBanner p, .bibBanner p { margin:0; } .schemesProgrammesList .icon1 { background-position:-167px -2087px; } .schemesProgrammesList li:hover .icon1 { background-position:-167px -2156px; } .schemesProgrammesList .icon2 { background-position:-1089px -1344px; } .schemesProgrammesList li:hover .icon2 { background-position:-1089px -1410px; } .schemesProgrammesList .icon3 { background-position:-323px -278px; } .schemesProgrammesList li:hover .icon3 { background-position:-323px -333px; } .schemesProgrammesList .icon4 { background-position:-1174px -2829px; } .schemesProgrammesList li:hover .icon4 { background-position:-1174px -2909px; } .schemesProgrammesList .icon5 { background-position:-1242px -2832px; } .schemesProgrammesList li:hover .icon5 { background-position:-1242px -2908px; } .schemesProgrammesList .icon6 { background-position:-1102px -2832px; } .schemesProgrammesList li:hover .icon6 { background-position:-1102px -2910px; } .schemesProgrammesList .icon7 { background-position:-1026px -2831px; } .schemesProgrammesList li:hover .icon7 { background-position:-1026px -2908px; } .bhimAppBanner .orangeBar { margin-bottom:20px; } .bhimAppBanner .imgHolder { margin-left:35px; } .expLobbyBanner { margin-left:12%; } .internatePaymentGateway .imgHolder, .mutualfundBanner .imgHolder { border-top:5px solid #f27027; padding-top:15px; } .mutualfundBanner .imgHolder span { color:#231f20; font-size:1.438em; font-weight:300; vertical-align:middle; margin-right:10px; } .offersBanner { margin-right:7%; } .offersBanner h2 span { color:#f27027 } .offersBanner img { margin:0 auto; } .finclIncBanner { width:500px; text-align:right; } .innerCommonBanner.arrowTitle { padding-left:60px; } .innerCommonBanner.arrowTitle h2 { position:relative; } .innerCommonBanner.arrowTitle h2:after { width:47px; height:54px; position:absolute; left:-60px; top:0; content:""; background:url(../../images/banner-title-arrow.png) no-repeat 0 0; } .innerCommonBanner.arrowTitle.bordRoomBanner h2:after { background:url(../../images/banner-small-arrow.png) no-repeat 0 0; left:-50px; top:-15px; } .innerCommonBanner.arrowTitle.bordRoomBanner h2:before { width:6px; top:8px; bottom:5px; right:-20px; content:""; position:absolute; background:#f47129; } .innerCommonBanner.bordRoomBanner h2 { margin:0; } .asbaBanner { position:relative; } .asbaBanner:after { background:url(../../images/asba-banner-bg.png) no-repeat 0 0; position:absolute; right:-40px; bottom:-130%; content:""; width:198px; height:179px; } .smeLoanBanner .imgHolder { padding-top:30px; border-top:7px solid #f37028; position:relative; } .smeLoanBanner .imgHolder:after { width:85%; height:5px; background:#f7902a; position:absolute; right:0; top:3px; content:""; } /*.atalYojanabanner:after{background:url(../../images/bottomline-atlyojana.png) no-repeat 0 0; background-size:100%;bottom: -100px;content: "";height: 137px;left:0;position: absolute;width:600px;}*/ .lockerBanner h2 { position:relative; } .lockerBanner h2:before { background-color:#f37028; content: ""; height: 10px; left: 0px; top:-40px; position: absolute; width: 220px; } .lockerBanner h2:after { background-color:#f37028; content: ""; height: 10px; right: 0px; bottom:-40px; position: absolute; width: 220px; } .lockerBanner h2 span:before { background-color:#f7902a; content: ""; height: 10px; left: 0px; top:-30px; position: absolute; width: 200px; } .lockerBanner h2 span:after { background-color:#f7902a; content: ""; height: 10px; right: 0px; bottom:-30px; position: absolute; width: 200px; } .moneytransferBanner .orangeBar { position:relative; } .moneytransferBanner .orangeBar:after { background-color: #f7902a; bottom: -20px; content: ""; height: 10px; left: 0; position: absolute; width: 100%; } .moneytransferBanner h2 { color:#fff; } /*.dematAccountbanner{margin-top:-100px;} .dematAccountbanner:after{background:url(../../images/bottomline-atlyojana.png) no-repeat 0 0; background-size:100%;bottom: -180px;content: "";height: 137px;right:0;position: absolute;width: 550px; transform:rotateY(180deg)}*/ .dematAccountbanner p { margin:0 0 10px; } .nriHelpdeskBanner h2 { position:relative; margin-left:30px; } .nriHelpdeskBanner h2:before { background-color: #f37028; bottom: -40px; content: ""; height: 138px; left: -30px; position: absolute; width: 5px; z-index: 3; } .innerCommonBanner.boxBorder { padding:20px 60px 45px 60px; border:4px solid #f37028; position:relative; margin-top:-20px; } .innerCommonBanner.boxBorder:after { width:10px; background:#fabf12; position:absolute; right:-20px; top:-4px; bottom:-4px; content:""; } .innerCommonBanner .bottomImg { position:absolute; bottom:-43px; text-align:center; width:100%; left:0; } .innerCommonBanner.sbBanner2 p, .innerCommonBanner.sbBanner3 p { text-align:center; } .innerPageBanner.giftCardBannerImg { left:260px; bottom:20px; } .wealthBanner { text-align:center; margin-right:60px; } .wealthBanner ul { margin:0; } .sbBanner5, .sbBanner6 { text-align:center; } .sbBanner5 h2, .sbBanner6 h2 { font-weight:700; color:#231f20; margin-bottom:20px; text-align:left; } .sbBanner5 .imgHolder, .sbBanner6 .imgHolder { margin-bottom:25px; } .pmmyMundraLoanbanner, .historyBOBbanner, .governmentSchemesBanner, .educationLoanBanner { float: left; margin-left: 8%; } .pmmyMundraLoanbanner:after { background:url(../../images/bottomline-atlyojana.png) no-repeat 0 0; background-size:100%; bottom: -150px; content: ""; height: 137px; left: -50px; position: absolute; width: 550px; } .historyBOBbanner.arrowTitle.secondArrowBanner h2:after { background: url(../../images/banner-arrow-second.png) no-repeat 0 0; left:-50px; } .governmentSchemesBanner .borderTriangle { width:100%!important; margin-top:-15px; height:23px; display:block; background:#f16f26; } .governmentSchemesBanner .UpperAngle.borderTriangle { margin:0; } .governmentSchemesBanner .borderTriangle:after { border-bottom: 0 none; border-right: 24px solid transparent; border-top: 23px solid #f16f26; content: ""; position: absolute; right: -24px; top: 0; } .governmentSchemesBanner .borderTriangle.UpperAngle { background:#f7902a; margin-bottom:-7px; position:relative; } .governmentSchemesBanner .borderTriangle.UpperAngle:after { border-top: 20px solid #f7902a; } .debitcardEmiBanner:after { background:url(../../images/bottomline-atlyojana.png) no-repeat 0 0; background-size:100%; bottom: -140px; content: ""; height: 137px; right:0; position: absolute; width: 533px; transform:rotateY(180deg) } .debitcardEmiBanner p { margin:0 0 10px; } .debitcardEmiBanner h2, .persnlLoanBanner h2 { position:relative; } .debitcardEmiBanner h2:before, .persnlLoanBanner h2:before { background-color: #f37028; content: ""; left: -15px; position: absolute; top:7px; bottom:7px; width: 5px; } /*.internetBankingBanner {margin-right:14%;} .traderLoanBanner{margin-right:18%;} .tenderBanner{margin-left:5%;} .debitcardEmiBanner{margin-right:11%;} .pmmyMundraLoanbanner{margin-left:10%;} .carLoanBanner, .persnlLoanBanner{margin-left:14%;} .educationLoanBanner{margin-left:14%;}*/ .faqBanner { width:100%; left:0; top:0; position:absolute; height:100%; } .faqBanner .vCenter { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width:100%; position:relative; max-width:1170px; margin:0 auto !important; top:auto; height:100%; } .faqBanner .innerCommonBanner { position:absolute; right:0; top:0; margin:0; width:400px; text-align:center; background:url(../../images/faq-banner-line.png) no-repeat 0 0; padding-top:15%; height:100%; } .faqBanner .innerCommonBanner:after { height:40px; width:100%; position:absolute; right:0; bottom:82px; content:""; background:url(../../images/faq-banner-line-bottom.png) no-repeat 0 0; } .faqBanner .innerCommonBanner h2 { text-align:center; } .barodaflashbanner h2 { position:relative; } .barodaflashbanner h3 { color:#ff6633; margin:0; } .barodaflashbanner h2:before { background:#ff6633; content: ""; left: -30px; position: absolute; top:10px; bottom:10px; width: 10px; } .loanagainstSecBanner h2 { position:relative; } .loanagainstSecBanner h2:after { border-bottom: 45px solid #f16f26; border-left: 45px solid transparent; content: ""; position: absolute; left: -60px; top: 0; } .pmjjbyBanner { margin-top:-6%; } .treasuryBanner h2 { border:4px solid #f37028; padding:20px; } .twoWheelerLoanBanner h2 { background-color:#f37028; color:#fff; padding:20px 30px; margin-left:30px; } .twoWheelerLoanBanner { position:relative; } .twoWheelerLoanBanner:before { background: #f37028; content: ""; height: 4px; left: 0; position: absolute; top: -25px; width: 100%; } .twoWheelerLoanBanner:after { background: #f37028; content: ""; height: 157px; left: 0; position: absolute; top: -25px; width: 4px; } .twoWheelerLoanBanner .imgHolder:after { background: #f37028; content: ""; height: 4px; left: 0; position: absolute; top: 30px; width: 39%; } .twoWheelerLoanBanner .imgHolder:before { background: #f37028; content: ""; height: 63px; left: 39%; position: absolute; top: 0; width: 4px; } .videoGalleryBanner h2 { position:relative; } .videoGalleryBanner h2:before { background-color:#f37028; content: ""; height: 10px; left: 0px; top:-40px; position: absolute; width: 80%; } .videoGalleryBanner h2:after { background-color:#f37028; content: ""; height: 10px; right: 0px; bottom:-40px; position: absolute; width: 80%; } .videoGalleryBanner h2 span:before { background-color:#f7902a; content: ""; height: 6px; left: 0px; top:-25px; position: absolute; width: 70%; } .videoGalleryBanner h2 span:after { background-color:#f7902a; content: ""; height: 6px; right: 0px; bottom:-25px; position: absolute; width: 70%; } .loanagainstSecBanner { padding-left:60px; } .innerCommonBanner h2, .nriBanner1 h2, .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .sbBanner5 h2, .sbBanner6 h2, .businessBanner1 h2 { font-size:2.125em; line-height:42px; } .persnlLoanBanner { padding-left:15px; } .investorRelationsBanner h2 { position:relative; margin:0; } .investorRelationsBanner h2:before { background: #f7902a; content: ""; height:180px; left: -70px; position: absolute; top:50%; margin-top:-90px; width: 7px; } .investorRelationsBanner h2:after { background: url(../../images/investor-relations-arrow.png) no-repeat 100% center; content: ""; height: 70px; left: -63px; position: absolute; top:50%; margin-top:-35px; width: 36px; } .offeringBankingFinancialBanner, .offeringBankingFinancialBanner h2 { position:relative; } .offeringBankingFinancialBanner:before { background: #f37028; content: ""; left: -24px; position: absolute; bottom: -30px; top: -20px; width:4px; } .offeringBankingFinancialBanner h2:before { background: #f37028; content: ""; height: 4px; left:-20px; position: absolute; top: -20px; width: 40%; } .offeringBankingFinancialBanner:after { background: #f37028; bottom: -30px; content: ""; height: 4px; left:-20px; position: absolute; width: 40%; } .photogalleryBanner { position:relative; padding:0 30px 0 25px; } .photogalleryBanner h2:before { background: #f37028; content: ""; height: 3px; left: 0; position: absolute; top: -20px; width: 28%; } .photogalleryBanner h2:after { background: #f37028; bottom: -10px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } .photogalleryBanner h2 { font-size: 35px; } .photogalleryBanner h2 span:before { background: #f37028; content: ""; bottom:-9px; left: 0px; position: absolute; top: -20px; width:3px; } .photogalleryBanner h2 span:after { background: #f37028; bottom: -22px; content: ""; height: 30px; position: absolute; right: 0; width: 3px; } .commonbannersLoan h2 { margin-left:20px; position:relative; } .commonbannersLoan h2:before { background: #f37028; content: ""; height: 110px; left: -20px; position: absolute; top:6px; width: 4px; } .inrestRatebanner h2 { margin:0; } .inrestRatebanner h2 span { background:#f27127; color:#fff; padding:5px; display:inline-block; } .inrestRatebanner { position:relative; } .inrestRatebanner h2 span:after { content:""; height:160px; width:3px; background:#f27127; position:absolute; right:0; } .innerBannerSlider { margin-bottom:40px; } .innerCommonBanner.mobileAppsBnanner.smsBanking { margin-right:8%; } .innerCommonBanner.mobileAppsBnanner.smsBanking h2:before { right:0; left:auto; } .mClipBanner { margin-right:14%; } .custmerCareWrap p.tagline { font-size:18px; } .custmerCareTitle { position:relative; padding-left:20px; font-size:18px; font-weight:700; color:#ff6633; line-height:40px; background-color:#f8f8f8; } .custmerCareTitle:before { background-color:#ff6633; content:""; height:40px; width:4px; position:absolute; left:0; } .custmerCareBox { list-style: outside none none; margin: 40px 0; padding:0; } .custmerCareBox li { float:left; width:33.33%; } .custmerCareBox li .rightdetail a { color:#555; margin-top:5px; display:inline-block; } .custmerCareBox li .icon { width:70px; height:70px; border:1px solid #e0e0e0; border-radius:50%; display:block; float:left; margin-right:15px; } .custmerCareBox li .rightdetail { display: inline-block; padding-right: 25px; } .custmerCareBox li .rightdetail.singleline { margin-top:15px; } .custmerCareBox li .leftIcon .desktopIcon { background-position:-1092px -2079px; } .custmerCareBox li .leftIcon .contactIcon { background-position:-1167px -2079px; } .custmerCareBox li .leftIcon .locationIcon { background-position:-1235px -2077px; } .custmerCareBox li .leftIcon .emailIcon { background-position:-1304px -2077px; } .custmerCareWrap .orageColor { color:#ff6633 } .custmerCareWrap .headAddress { margin-bottom:15px; } .custmerCareBox li .leftIcon.col2 { margin-bottom:25px; } .totalFindCount { color:#ff6633; font-weight:700; } .bobThankYouMsg { text-align:center; font-size:19px; padding-top:60px; } .bobChatBox { position:fixed; left:0; bottom:0; z-index:100; width:305px; height:340px; } .ibInquiry .inquiryList.mConnect li { padding:0 33px; } .elobbyRow, .elobbywrap { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #d3d3d3; } .elobbywrap:last-child { padding-bottom:0; margin-bottom:0; border:0; } .elobbywrap .contentelobby ul, .elobbyRow .rightContent ul { display:table; width:100%; } .elobbyRow .imgHolder, .elobbywrap .imgleft { width:150px; float:left; text-align:center; } .elobbyRow .rightContent, .elobbywrap .contentelobby { padding-left:170px; padding-top:15px; } .elobbyRow .expressLobbyLink, .elobbywrap .expressLobbyLink { margin-bottom:0; } .mobileNav { display:none; } .ipad .accordDetailFooter { display:block !important; } .callBackPop ::-webkit-input-placeholder { opacity:0; color:#fff; } .callBackPop ::-ms-input-placeholder { opacity:0; color:#fff; } .callBackPop ::-moz-placeholder { opacity:0; color:#fff; } .callBackPop :-ms-input-placeholder { color:#fff !important; } .callBackPop :-moz-placeholder { opacity:0; color:#fff; } .faqRow .a { display:block; } .breadcrumb .brdcMobIcon { display:none; width:47px; height:47px; background:url(../../images/brdc-mob-icon.png) no-repeat center center; } .personalAcc .row:last-child { border:0; } .fraudAlert ul.bulletText li { margin:0; } .tableOut { overflow-y:hidden; overflow-x:auto; padding-bottom:10px; margin-bottom:15px; } .branchesList ul li a { position:relative; padding:5px 0 5px 40px; } .branchesList ul li .sprite { position:absolute; left:0; top:11px; } .mandatoryForMobile { display:none; } .nriTopnav { margin-bottom:0; } /**********Contrast View*******/ body.wob, .wob .homeProducts h2 span, .wob .exclusiveOffers h2 span, .wob .socialFeeds h2 span, .wob .billPayCateInfo:nth-child(1), .wob .billPayCateInfo:nth-child(2), .wob .billPayCateInfo:nth-child(3), .wob .billPayCateInfo:nth-child(4), .wob .billPayCharges .table-info tr:nth-child(2n+1) td, .wob .tableRowOdd, .wob .bobccServices .row:after, .wob .faqSearchWrap .faqInputWrap input[type="text"], .wob .smartContactUs a:hover .callIcon, .wob .roundBoxBg .roundBoxText.roundBox4, .wob .bankFounded .customTabNav:before, .wob .careerRecruitments ul li a, .wob .CareerScales ul li .progress-bar .innerProgressbar, .wob .careerPathManagmentBox li, .wob .galleryTitle h2 span, .wob .galleryTitle h3 span, .wob .loanTopNav ul li a:hover .icon, .wob .bottomCotactDetail .rightLinks .icon, .wob .accConnectWithUs ul li .icon, .wob .smartContactUs .callIcon, .wob .contMoreInfoCover, .wob .leftTabBar .resTab .tabNav li.r-tabs-state-active a, .wob .gStartedIcon a:hover .icon { background-color: #000; } .wob #header, .wob .homeLinks, .wob input[type="submit"]:hover, .wob input[type="button"]:hover, .wob input[type="reset"]:hover, .wob button:hover, .wob .button:hover, .wob .footerSlideup, .wob #footer .networkLink, .wob .footerHide .footerHideRow, .wob .socialFeedsInner, .wob .footerHide:after, .wob .announcements .box, .wob .rightFixedBox .box, .wob .sliderArrow:hover, .wob .bgfullImg, .wob .homeProductsInner .homeProductListing .exploreBtn, .wob .bobNetwork, .wob .blockContentInf, .wob .loanTopNav, .wob .appInfo ul li a, .wob .ibTransLimitTab .tabContent, .wob .resTab .tabNav .r-tabs-state-active a, .wob .callBackPop .buttons-row input:last-child:hover, .wob .mdStatement .mdImage > p, .wob .careerRecruitments ul li a:hover, .wob .gStartedIcon .icon { background-color: #222; } .wob .topStrip, .wob .headerRow .searchBox input, .wob .headerRow .botRightNav li a:hover, .wob #nav > li > ul > li > a:hover, #nav > li > ul > li.current > a:hover, .wob #nav > li > ul > li:hover > a, .wob #nav li li ul, .wob .homeBanner .button, .wob .landingBanner .button, .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"], .wob button, .wob .button, .wob .subscription .inputBox, .wob .subscription .submit:hover, .wob .exclusiveOffers .knowMore, .wob .announcements .title, .wob #backtotop:hover > span, .wob .rightFixedBox .socialList li a, .wob .homeRightNav .homeRightNavSlide > a, .wob .sliderArrow, .wob .homeProductsInner .homeProductListing a:hover, .wob .homeProductsInner .homeProductListing .productTitle:after, .wob .homeProductsInner:before, .wob .homeBanner1 .bannerText span, .wob .swiper-pagination-bullet-active, .wob .homeBanner6 h3, .wob .homeBanner5 h2:after, .wob .homeBanner5 h2:before, .wob .recentlyVisitedPopup h3, .wob .innerBannerCaption .orangeBox, .wob .innerLargeBanner .breadcrumb, .wob .innerCommonBanner .orangeBar, .wob .savingaccountBanner .innerlinesLeft:before, .wob .savingaccountBanner .innerlinesLeft:after, .wob .savingaccountBanner .innerlinesRight:before, .wob .savingaccountBanner .innerlinesRight:after, .wob .accConnectWithUs, .wob .debitCardSliderOuter:after, .wob .giftCardNote, .wob .giftCardInquire, .wob .genNextBanner h3, .wob .minvestBanner h3, .wob .mpassbookRegPro .circle, .wob .billPayPSI, .wob .digitalMarkIcon, .wob .digitMark .imgHolder .imgOverlay, .wob .directorProfilePopup, .wob .inlineContentPopup, .wob .homeBanner4 h2:after, .wob .appInfo, .wob .ibCustomerRegister, .wob .ibApplyBox, .wob .ibViewFacilities, .wob .ibTransLimit, .wob .mpassbookRegPro, .wob .ipgInquire, .wob .howToconnectCC .imgHolder, .wob .howToconnectCC .rightBox, .wob .missedCallBanner .dial, .wob .greenPinSec .circle, .wob .asbaBlock, .wob .inrestRatebanner h2 span:after, .wob .inrestRatebanner h2 span, .wob .branchDetail, .wob .innerCommonBanner.wholesaleBankingBanner h2:before, .wob .bibBanner h2:before, .wob .businessBanner1 h2:after, .wob .nriBanner1 h2:after, .wob .moneyTransfer .imgHolder .imgOverlay, .wob .barodaflashbanner h2:before, .wob .raBanner2 .textList span:first-child:after, .wob .raBanner2 .textList span:last-child:after, .wob .raBanner2 .textList span, .wob .raBanner3 .textList span:first-child:after, .wob .raBanner3 .textList span:last-child:after, .wob .raBanner3 .textList span, .wob .raBanner1 .textList span:first-child:after, .wob .raBanner1 .textList span:last-child:after, .wob .finclIncBanner .textList span:after, .wob .raBanner1 .textList span, .wob .finclIncBanner .textList span, .wob .smartContactUs, .wob .homeLoanInquire, .wob .locateTabs .tabNav, .wob .locateTabs .tabNav li a, .wob .loanRateInterest .amountBox, .wob .ourLogo, .wob .history .founder, .wob .history .bankFounded, .wob .directors .grayBox, .wob .customPopupContent, .wob .mfp-title, .wob .offeringBankingFinancialBanner:before, .wob .offeringBankingFinancialBanner h2:before, .wob .offeringBankingFinancialBanner:after, .wob .careerRecruitments, .wob .careerPathnav li:nth-child(3):after, .wob .careerPathsubNav > li, .wob .careerBrodaAcademy .counterDigit, .wob .careerBrodaAcademy ul li .bottomText:after, .wob .CareerNotes, .wob .careerPathManagment, .wob .careerPathManagment:before, .wob .careerPathManagment:after, .wob .careerPathManagmentBox li, .wob .bobMedia .imgHolder .imgOverlay, .wob .gridListing li:nth-child(2n), .wob .photogalleryBanner h2:before, .wob .photogalleryBanner h2:after, .wob .photogalleryBanner h2 span:after, .wob .photogalleryBanner h2 span:before, .wob .gallerySearchIn input[type="submit"], .wob .gallerySearchIn input[type="submit"], .wob .GI_TW_expander, .wob .debitCard .bottomCardLinks li a, .wob .loanTopNav .icon, .wob .mpassbookContanct .rightLinks .icon, .wob .mpassbookContanct .rightLinks li a:hover .icon, .wob .ibInquiry .inquiryList .icon, .wob .ibInquiry .inquiryList li a:hover .icon, .wob .mconnectContact.ruralAgriDetail .leftCol:before, .wob .contOverseasOff, .wob .accordion .accTrigger, .wob .marqueeHomePage, .wob .mobileAppsList li:hover > a, .wob .mconnectContact .rightCol .contactDetail:after, .wob .eshopSimSteps, .wob .eshopDisc, .wob .rtgsNeftSteps, .wob .rtgNeftFacili { background-color: #333; } .wob .billPayEligi, .wob .faqSearchWrap, .wob .directorProfilePopup h2, .wob .inlineContentPopup h2, .wob .photoGallery2017 .albumTitle, .wob .debitCard .bottomCardLinks li a:hover, .wob .findLocationSearch, .wob .accordion .accTrigger.active, .wob .ui-datepicker, .wob .eventCalOut, .wob .calendarIcon, .wob .recentlyVisitedPopup, .wob .mobileAppsList li:before, .wob .mobileAppsList li:after, .wob .rtgNeftFaciliInn .content-left:before, .wob .gStartedIcon a:after { background-color:#555; } .wob .gStartedIcon a .cardPointIcon { background-position:-1002px -740px; } .wob .accordion .accTrigger.active:after { background-color:#555 !important; } .wob .homeBanner .button:hover, .wob .landingBanner .button:hover, .wob .exclusiveOffers .knowMore:hover, .wob .aboutUs .ourVisionP:after, .wob .brdParagraph:after, .wob .imgiconThreeBoxes li .titleBox h2:after, .wob .leftTabBar .leftTab li a:after, .wob .loanDetail .tabNav li a:after, .wob .actualCareerDt .careerTab .careerLeftTab li a:after { background-color: #fff; } .wob #request-callback-popup, .wob #applyNowPopup, .wob #overseasPopup, .wob .history .orangeMark, .wob .galleryTitle h2:before, .wob .galleryTitle h3:before, .wob .otherServicesWrap .imgHolder .iconWrap, .wob .otherServicesWrap .imgHolder .imgOverlay, .wob .accordion .accTrigger:after { background-color: #444; } .wob #nav li li ul, .wob .headerRow .botRightNav li a, .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"], .wob button, .wob .button, .wob .landingBanner .button, .wob .homeLinks, .wob .homeLinks ul li, .wob .socialFeedsInner, .wob .socialFeedsList li a.tw, .wob .exclusiveOffers .knowMore:hover, .wob .ratesStrip ul li, .wob .homeProductsInner .homeProductListing li, .wob #footer .row .col4, .wob .mainNavigation, .wob .homeLinks ul li a:after, .wob .gridListing li, .wob .ibInquiry .inquiryList li a .icon, .wob .bottomCotactDetail .rightLinks .icon, .wob .accConnectWithUs ul li .icon, .wob .smartContactUs .callIcon, .wob .contMoreInfoCover, .wob .socialFeedsList li a.tw, .wob .socialFeedsList li a.yt, .wob .socialFeedsList li a.insta, .wob .eshopDisc { border-color: #333; } .wob #nav li.megaMenu ul li, .wob .homeBanner .button:hover, .wob .landingBanner .button:hover, .wob .homeBanner .button, .wob #footer, .wob .subscription .inputBox, .wob .homeProductsInner .homeProductListing .exploreBtn, .wob .boxesView .imgHolder, .wob .gStartedIcon .icon, .wob .gStartedIcon a:hover .icon { border-color: #555; } .wob .homeLinks ul li a:before { border-bottom-color: #80ff00; } body.wob, .wob .headerRow .topNav li a, .wob .headerRow .topRightNav li a, .wob #nav li li li a:hover, .wob .headerRow .botRightNav li a:hover, .wob .callBackLink a:hover, .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"], .wob button, .wob .button, .wob #footer .siteUpdate, .wob #footer .siteUpdate, .wob .copyright p, .wob #footer .row .col4 .box label, .wob .connectWithUs p, .mobConWithUs p, .wob .subscription .inputBox, .wob .socialFeedsList li a.fb, .wob .socialFeedsList li a.tw, .wob .socialFeedsList li a.yt, .wob .announcements ul li a:hover, .wob .fileSize, .wob .size, .wob .announcements .playPause, .wob .ratesStrip .rate .per, .wob .ratesStrip .rate .PA, .wob .ratesStrip p, .wob .homeProductsInner .homeProductListing .exploreBtn, .wob .ratesStrip h3, .wob .footerLinks .col3 h3, .wob .footerLinks ul li a:hover, .wob .bobNetwork .leftBox h3, .wob .bobNetwork .rightBox h3, .wob .announcements .viewAll, .wob .innerBannerCaption .orangeBox, .wob .innerLargeBanner .breadcrumb, .wob h1, .wob h2, .wob h3, .wob h4, .wob h5, .wob h6, .wob p, .wob .blockContentInf h3, .wob ul.bulletText li, .wob .innerCommonBanner .orangeBar, .wob .accConnectWithUs ul li a:hover, .wob .accountSubNav .title, .wob .depositsSubNav .title, .wob .leftTabBar .leftTab li a, .wob .callBackPop .control-row .col2 .fLabel, .wob .callBackPop .captchaLabel .fLabel, .wob [type="checkbox"]:not(:checked) + label, .wob [type="checkbox"]:checked + label, .wob .contentAcc.appsForm .accTrigger, .wob .accordion.contentAcc.appsForm .accTrigger.active, .wob .loanTypeList .title, .wob .loanTypeList .text, .wob .loanDetail .tabNav li a, .wob .faqRow .q h4, .wob .debitCardSlider .slideContent ul li, .wob .cardUser p.phoneNo span, .wob .giftCardBenefits .everyWish p, .wob .giftCardBenefits .everyWish h3, .wob .mpassbookBenefits ul li, .wob .mpassbookRegPro ul li p, .wob .loginPopup h3 span, .wob .loginPage h3 span, .wob .appInfo ul li a, .wob .ibApplyList li, .wob ul.orangeMark strong, .wob .callBackPop .buttons-row input:last-child:hover, .wob .rightbar #menuLeft > li:hover > a, .wob .rightbar #menuLeft > li.active > a, .wob .rightbar #menuLeft > li.activeLI > a, .wob .billPayCateInfo h4 span, .wob .billPayCateInfo h5 span, .wob .billPayCharges .table-info h4 span, .wob .billPayCharges .note p, .wob .clockTime, .wob .bobccServices .row .box h3, .wob .bobContactCenter .orange, .wob .greenPinSec ul li p, .wob .accountSubNav.govtScheme li .text, .wob .contentAcc .accTrigger, .wob .accordion.contentAcc .accTrigger.active, .wob .imgiconfourBoxes li .titleBox h2, .wob .faqSearchWrap .faqInputWrap input[type="text"], .wob .branchesList ul li a:hover, .wob .branchDetail .address, .wob .branchDetail .telephone .telTitle, .wob .branchDetail .telephone .isdCode, .wob .branchDetail .telephone ul li, .wob .branchDetail .contactDetail li, .wob .imgiconThreeBoxes li .titleBox h2, .wob .nriLoanTypeList .title, .wob .nriLoanTypeList .text, .wob #menuLeft li a:hover, .wob .bottomCotactDetail p.phoneNo, .wob .moneyTransfer ul li a:hover, .wob .smartBankingList li a:hover, .wob .smartContactUs .leftCol p, .wob .smartContactUs .leftCol h3, .wob .smartWayCounter .smartCounterTitle, .wob .smartWayCounter .smartCounterText.active, .wob .smartBankingList li.active.related a, .wob .smartBankingList li.active a, .wob .smartMainText, .wob .bottomCotactDetail p.phoneNo span, .wob .loadDetailSlider a:hover, .wob .loanRateInterest .mark, .wob .loanRateInterest .amountBox, .wob .loanRateInterest .amountBox .large, .wob .loanRateInterest .amountBox .small, .wob .history .founder .founderName, .wob .history .founder .bank, .wob .bankFounded .customTabNav li a:hover, .wob .bankFounded .startYear, .wob .history .bankFounded .title, .wob .bankFounded .tabContainer p, .wob .directors .grayBox h3, .wob .directors .box h3, .wob .directorProfilePopup .directorPhoto h3, .wob .officesBranches .tableData tr.total td, .wob .officesBranches h2 span, .wob .reportDropOuter .back:hover, .wob .mdStatement .mdImage > p, .wob .mdStatement span.mddesignation, .wob .careerRecruitments ul li a, .wob .careerPathsubNav > li, .wob .careerPathsubNav li span, .wob .CareerScales ul li .innerProgressbarbottom span.digit, .wob .CareerScales ul li .progress-bar .innerProgressbar, .wob .CareerScales ul li .progress-bar .innerProgressbar span.text, .wob .officesBranches.careerTabs .barodaAcademy h3, .wob .careerBrodaAcademy .counterDigit, .wob .careerBrodaAcademy ul li .bottomText:after, .wob .careerBrodaAcademy ul li *:hover, .wob .careerBrodaAcademy ul li *:hover p, .wob .CareerHelpline .CareerHelplineDetail div p.EmailId, .wob .actualCareerDt .careerTab .careerLeftTab li a, .wob p.brdParagraph.CarreerRequipment, .wob .directors.CareerBarodians .box p, .wob .bobMedia ul li a:hover, .wob .gridListing .thumbDate, .wob .gridListing li .source, .wob .gridListing li:hover .thumbDate, .wob .pagingNo ul li input.prevBtn:hover, .wob .pagingNo ul li input.nextBtn:hover, .wob .paging input.prevBtn:hover, .wob .paging input.nextBtn:hover, .wob .back.button:hover, .wob .moduleSearch li .customSelect, .wob .debitCard .bottomCardLinks li a, .wob .callBackPop .control-row .red, .wob .callBackPop .heading span, .wob .hasJS select.customSelect, .wob span.customSelect, .wob .tenderDetail .tenderDes, .wob .loanTopNav ul li a:hover .title, .wob .appInfo ul li a:hover, .wob .ibCustomerRegister .rightBox a:hover, .wob .otherServicesWrap ul li a:hover, .wob .imgiconThreeBoxes li .imgholder .knowMorebtn:hover, .wob .knowMorebtn:hover, .wob .imgiconThreeBoxes li a:hover span, .wob .routeDetial .details, .wob .routeDetial .details span, .wob .totalFindCount, .wob .recentlyVisitedPopup li a:hover, .wob .socialFeedsList li a.insta, .wob .mobileApps .title, .wob .eshopMerch:hover .text, .wob .simpleSteps li .icon, .wob .gStartedIcon a:hover, .wob .taxes h3 a { color: #fff; } .wob .homeProducts h2, .wob .exclusiveOffers h2, .wob .socialFeeds h2, .wob a, .wob .headerRow .topNav li a:hover, .wob .headerRow .topRightNav li a:hover, .wob .headerRow .botRightNav li a, .wob #nav li li a, .wob #footer .siteUpdate strong, .wob #footer .siteUpdate span.counter, .wob .footerTopLinks li a, .wob .footerLinks ul li a, .wob .announcements ul li a, .wob .ratesStrip .rate, .wob .ratesStrip h2, .wob .homeProductsInner .homeProductListing .productTitle, .wob .homeLinks .title, .wob .bobNetwork ul li a, .wob .innerLargeBanner .breadcrumb a, .wob .accConnectWithUs ul li a, .wob .cardUser .rightLinks a, .wob .bottomCotactDetail .rightLinks a, .wob .mpassbookContanct .rightLinks a, .wob .digitMark ul li a, .wob .ibInquiry .inquiryList a, .wob .resTab .tabNav .r-tabs-state-active a, .wob .ui-autocomplete li a, .wob .rightbar #menuLeft > li > a, .wob .branchesList ul li a, .wob #menuLeft li a, .wob .moneyTransfer ul li a, .wob .smartBankingList li a, .wob .locateTabs .tabNav li.active a, .wob .sitemap h3, .wob .sitemap h3 a, .wob .sitemap .bulletText a, .wob .bankFounded .customTabNav li a, .wob .reportDropOuter .back, .wob .loanTopNav .title, .wob .appInfo ul li a, .wob .ibCustomerRegister .rightBox a, .wob .otherServicesWrap ul li a, .wob .headerRow .topNav li a:hover, .wob .headerRow .topNav li a.active, .wob .recentlyVisitedPopup li a, .wob .eshopMerch .text { color: #80ff00; } .wob .footerTopLinks li:after, .wob .homeLinks ul li a:hover:after, .wob .bottomCotactDetail .rightLinks a:after, .wob .cardUser .rightLinks a:after, .wob .mpassbookContanct .rightLinks a:after, .wob .ibInquiry .inquiryList a:after, .wob .resTab .tabNav .r-tabs-state-active a:before, .wob .locateTabs .tabNav li.active a:before, .wob .photoGalleryList .bottom:after, .wob .photoGalleryList li a:hover .bottom, .wob .photoGalleryList li.GI_TW_Current .bottom { background-color: #80ff00; } .wob .resTab .tabNav .r-tabs-state-active a:after, .wob .locateTabs .tabNav li.active a:after { border-color:#80ff00 transparent transparent transparent; } .wob .homeBanner .button:hover, .wob .landingBanner .button:hover, .wob .exclusiveOffers .knowMore:hover, .wob .homeBanner3 ul li span, .wob .innerCommonBanner h2, .wob .offersBanner h2 span, .wob .innerCommonBanner p, .wob .innerCommonBanner h2, .wob .nriBanner1 h2, .wob .sbBanner1 h2, .wob .sbBanner2 h2, .wob .sbBanner3 h2, .wob .sbBanner4 h2, .wob .sbBanner5 h2, .wob .sbBanner6 h2, .wob .businessBanner1 h2, .wob .sbBanner1 p, .wob .sbBanner2 p, .wob .sbBanner3 p, .wob .sbBanner4 p, .wob .homeBanner2 h2, .wob .fifaBanner .innerCommonBanner h2, .wob .homeBanner2 h3, .wob .fifaBanner .innerCommonBanner h3, .wob .homeBanner2 p, .wob .fifaBanner .innerCommonBanner p, .wob .homeBanner3 h2, .wob .homeBanner4 h2, .wob .homeBanner5 h2, .wob .homeBanner6 h2, .wob .homeBanner5 p, .wob .nriBanner1 p, .wob .barodaflashbanner h3, .wob .raBanner2 p, .wob .raBanner3 p, .wob .branchInfoTitle, .wob .ui-datepicker-title select, .wob .foundatioDay h2, .wob .foundatioDay p { color: #333; } .wob #nav ul li .linkIcon { display: none; } .wob #nav ul li .linkIconHover { display: inline-block; } .wob .headerScroll #nav ul li .linkIconHover, .wob .otherServicesWrap .imgHolder:after { display: none; } .wob .homeProducts h2:after, .wob .exclusiveOffers h2:after, .wob .socialFeeds h2:after, .wob .subscription .submit, .wob .rightFixedBox .box .darkButton:hover, .wob .socialFeedsList li a.fb:after, .wob .socialFeedsList li a.tw:after, .wob .socialFeedsList li a.yt:after, .wob .socialFeedsList li a.insta:after { background: #555; } .wob .bgfullImg { background-image: none; } .wob .exclusiveOffersList .swiper-slide { -webkit-box-shadow: inherit; box-shadow: inherit; } .wob .bannerOrgStrip:after { display: none; } .wob .faqSearchWrap .faqSearchInput { border:0; } .wob #logo a { width: 235px; height: 74px; display: block; background: url(../../images/header-sprite.png) -317px -426px no-repeat; -webkit-transition: inherit; transition: inherit; } .wob #logo img { display: none; } .wob .exclusiveOffers .swiper-button-next, .wob .exclusiveOffers .swiper-button-prev { opacity: 0.8; } .wob .exclusiveOffers .swiper-button-next:hover, .wob .exclusiveOffers .swiper-button-prev:hover { opacity: 1; } .wob #nav li li li a { background-image: url(../../images/nav-arrow-h.png); } .wob ul.bulletText li, .wob .gridListing li, .wob .rightbar #menuLeft > li > a, .wob .rightbar #menuLeft ul li a { background-image:url(../../images/bullet-arrow-wh.png); } .wob ul.bulletText li li, .wob ul.keyfeaturesList li, .wob .smartBankingList ul.bulletText li, .wob #request-callback-popup h2 { background:none; } .wob .bobNetwork .rightBox ul.bulletText li { background: none; } .wob .footerLinks ul li .icon { background-position:-544px -175px; } .wob .overseasDropdownblock > a .icon { background-position:-541px -75px; } .wob .billPayListInfo ul li:before, .wob .billPayEligi ul li:before, .wob .list-arrow li:before, .wob .smartBankingList ul.bulletText li:before { background:url(../../images/bullet-arrow-wh.png) no-repeat 0 4px; } .wob .bulletText.branchListBullets li { background-image:url(../../images/bullet-arrow.png); } .wob .exclusiveOffers .swiper-button-next, .wob .exclusiveOffers .swiper-button-prev, .wob .loanSliderArea .swiper-button-prev, .wob .loanSliderArea .swiper-button-next { background:url(../../images/slider-white-icon.png) no-repeat 0 0; } .wob .exclusiveOffers .swiper-button-prev, .wob .loanSliderArea .swiper-button-prev { background-position:6px 0; } .wob .exclusiveOffers .swiper-button-next, .wob .loanSliderArea .swiper-button-next { background-position:6px -61px; } .wob .leftTabBar .leftTab:before, .wob .leftTabBar .leftTab, .wob .leftTabBar .leftTab li a:before, .wob .leftTabBar .leftTab li a, .wob .loanDetail .tabNav:before, .wob .loanDetail .tabNav, .wob .loanDetail .tabNav li a::before, .wob .loanDetail .tabNav li a, .wob .loanDetail.resTab .tabNav, .wob .actualCareerDt .careerTab .careerLeftTab:before, .wob .actualCareerDt .careerTab .careerLeftTab, .wob .actualCareerDt .careerTab .careerLeftTab li a:before, .wob .actualCareerDt .careerTab .careerLeftTab li a, .wob .leftTabBar .resTab .tabNav, .wob .leftTabBar .resTab .tabNav li a { background-color: #333; } /*.wob img.extIcon { display: none; } .wob .bobNetwork ul li a { width: 9px; height: 9px; display: inline-block!important; background: url(../../images/ext-link-icon-h.gif) left top no-repeat; }*/ .wob .accConnectWithUs, .wob .treasuryBanner h2 { border-color:#333; } .wob .bottomCotactDetail .rightLinks li a:hover .icon, .wob .accConnectWithUs ul li a:hover .icon { background-color:#000; border-color:#000; } .wob .loanTopNav ul li, .wob .loanRateInterest .amountBox { border-color:#5c5c5c; } .wob .innerLargeBanner .breadcrumb a { background-image:url(../../images/breadcrumb-arrow-white.png); } .wob .smartBankingList .smartWayCounter { background-image:url(../../images/smart-service-list-bottom-wh.png); } .wob table, .wob .tableData, .wob th, .wob td, .wob .tableData th, .wob .tableData td { border-color:#444; } .wob th, .wob .tableData th { background-color:#333; color:#fff; } .wob caption, .wob th, .wob td, .wob .bsbcaTable tr td:first-child { background-color:#111; color:#fff; } .wob table tr:nth-child(2n+1) td, .wob .tableRowOdd { background-color:#222; } .wob .mainColsBoxImg .boxImgWrap:before { background:rgba(0, 0, 0, 0.5); } .wob .innerCommonBanner .borderTriangle:after, .wob .GI_TW_expander .GI_TW_pointer { border-bottom-color:#333333; } .wob .borderTitle:after, .wob .mpassbookDwnldApp h2:after, .wob .digitMark ul li:nth-child(2n+1):after, .wob .digitMark ul li:nth-child(2n):after, .wob .ibApplyList li:after, .wob .history .founder .bank:after, .wob .careerPathsubNav > li:before, .wob .bobMedia .title:after { background:#fff; } .wob .commonbannersLoan h2:before, .wob .ipgTechSupport { background:#333; } .wob .accountSubNav li, .wob .depositsSubNav li { border-right-color:#555; } .wob .loanTypeList li:before, .wob .loanTypeList li:after, .wob .accountSubNav.govtScheme li:before, .wob .accountSubNav.govtScheme li:after, .wob .nriLoanTypeList li:before, .wob .nriLoanTypeList li:after { background:#555; } .wob .accountSubNav li:hover .box, .wob .depositsSubNav li:hover .box, .wob .loanTypeList li:hover .box, .wob .nriLoanTypeList li:hover .box, .wob .financialReportList li:hover { background:#333; } .wob .reportDropOuter .back, .wob .reportDropOuter .back:hover { background:none; } .wob .leftTabBar .leftTab .r-tabs-state-active a, .wob .leftTabBar .leftTab li a:hover, .wob .loanDetail .tabNav .r-tabs-state-active a, .wob .loanDetail .tabNav li a:hover { color:#fff; } .wob .digitMark .imgHolder:after, .wob .moreServicesMsme.loanTypeList li:before, .wob .moneyTransfer .imgHolder:after, .wob .bobMedia .imgHolder:after, .wob .debitCardViewNav { display:none; } .wob .digitalMarkIcon { border:2px solid #fff; } .wob .appInfo ul li a { border-bottom-color:#444; } .wob .howToconnectCC .rightBox:after { display:none; } .wob .howToconnectCC .imgHolder { height:auto; padding:32px 0; } .wob .loanTypeList .explore, .wob .accountSubNav .explore, .wob .depositsSubNav .explore, .wob .nriLoanTypeList .explore, .wob .financialReportList .explore { background:#222 url(../../images/ar.png) no-repeat 82% center; color:#fff; border:1px solid #555; } .wob .loanTypeList .explore:hover, .wob .accountSubNav .explore:hover, .wob .depositsSubNav .explore:hover, .wob .nriLoanTypeList .explore:hover, .wob .financialReportList .explore:hover { background:#555 url(../../images/ar.png) no-repeat 85% center; border-color:#555; } .wob .homeLoanGridView .imgHolder, .wob .smartBankingList { border-color:#555; } .wob .debitCardSliderOuter:after { border-color:#222; } .wob .bottomCotactDetail .leftCol, .wob .mpassbookContanct .leftCol, .wob .billPayPSI.minvestKnowmore ul li:nth-child(1), .wob .cardUser .leftCol { border-right-color:#222; } .wob .ibInquiry .bottomRow .rightBox { border-left-color:#222; } .wob .resTab .tabNav, .wob .resTab .tabNav li a { background-color:#555; } .wob .leftTabBar .leftTab .r-tabs-state-active a:before, .wob .leftTabBar .leftTab li a:hover:before, .wob .leftTabBar .leftTab .r-tabs-state-active a, .wob .leftTabBar .leftTab li a:hover, .wob .loanDetail .tabNav .r-tabs-state-active a:before, .wob .loanDetail .tabNav li a:hover:before, .wob .loanDetail .tabNav .r-tabs-state-active a, .wob .loanDetail .tabNav li a:hover, .wob .actualCareerDt .careerTab .careerLeftTab .r-tabs-state-active a, .wob .actualCareerDt .careerTab .careerLeftTab li a:hover, .wob .actualCareerDt .careerTab .careerLeftTab .r-tabs-state-active a:before, .wob .actualCareerDt .careerTab .careerLeftTab li a:hover:before { background-color:#000; } .wob .cardUser .rightLinks li a:hover .icon, .wob .cardUser .rightLinks li a .icon { background-color:#444; } .wob .leftTabBar .leftTab li a:before, .wob .leftTabBar .leftTab li a, .wob .loanDetail .tabNav li a, .wob .loanDetail .tabNav li a:before, .wob .actualCareerDt .careerTab .careerLeftTab li a:before, .wob .actualCareerDt .careerTab .careerLeftTab li a { border-color:#545454; } .wob .ibTransFacilities { background-position:-200px bottom; } .wob .ibApplyBox { border-top-color:#333; } .wob .ibApplyTab .ibApplyTabNav li.active a, .wob .ibApplyTab .ibApplyTabNav li a:hover { background-color:#555; } .wob .ibCustomerRegister .rightBox a { background:#222; border-color:#333; } .wob .rewardsappBanner h2 { background:#333; color:#fff; } .wob .ui-autocomplete { background-color:#333; border-color:#666; } .wob .ui-autocomplete li { border-top-color:#666; } .wob .ui-autocomplete li a:hover { background:#000; } .wob .billPayCategory { background:#333; } .wob .contentAcc .accTrigger:after { background-image:url(../../images/dark-arrow-down-wh.png); } .wob .contentAcc .accTrigger.active:after { background-image:url(../../images/dark-arrow-up-wh.png); } .wob .branchDetail:after, .wob .branchDetail:before { border-top-color: #333; } .wob a.roundBoxText:hover, .wob a.roundBoxText.active { border-color: #80ff00; } .wob .loadDetailSlider a:hover { border-color: #fff; } .wob .bobMedia .imgHolder { border:3px solid #666; } .wob .bankFounded .customTabNav li.active:before { background-color: #80ff00; border-color:#80ff00; } .wob .bankFounded .customTabNav li:before, .wob .videosRightBlk #zoomwall a.active, .wob .videosRightBlk #zoomwall a:hover { border-color:#000; } .wob .directors .viewProfile, .wob .directors .viewProfile:hover { background-color:#222; border-color:#222; color:#fff; } .wob .directorProfilePopup h2.borderTitle { background:none; } .wob .officesBranches .officeMap, .wob .photoGalleryList li a:hover .albumName, .wob .GI_TW_Current .albumName { color:#000; } .wob .mdStatement .mdImage > img { border-color: #222; } .wob .moduleSearch { background-color:#222; border-color:#222; } .wob .moduleSearch input[type="text"] { background:#444; border-color:#444; color:#fff; } .wob .moduleSearch li .customSelectOuter, .wob .customSelectOuter, .wob.hasJS select.customSelect { background-color:#444; } .wob span.customSelect { border-color:#444; } .wob .careerRecruitments ul li a:hover span, .wob .careerRecruitments ul li a span { background-position:-590px -1344px; } .wob .careerPathnav li span:before { border-left-color:#000; } .wob .careerPathnav li span:after { border-left-color:#444; } .wob .careerPathnav li span { background-color:#444; color:#fff; } .wob .careerPathnav li:nth-child(3) span:before, .wob .giftCardBenefits:after, .wob .giftCardBenefits .everyWish { display:none; } .wob .careerBrodaAcademy .iconCircle { background-color:#000; border-color:#333; } .wob .careerBrodaAcademy .counterDigit:after { border-top-color:#333; } .wob .careerPathManagmentBox.focusEmp.ProfileBoxes li + li { border-left-color:#000; } .wob .loanDetail .tabNav .icon1, .wob .leftTabBar .leftTab .keyBenIcon, .wob .leftTabBar .leftTab .keyFeaIcon, .wob .loanDetail .r-tabs-accordion-title .icon1, .wob .loanDetail .tabNav li a:hover .icon1, .wob .loanDetail .tabNav .r-tabs-state-active a .icon1, .wob .leftTabBar .leftTab li a:hover .keyBenIcon, .wob .leftTabBar .leftTab .r-tabs-state-active a .keyBenIcon, .wob .leftTabBar .leftTab li a:hover .keyFeaIcon, .wob .leftTabBar .leftTab .r-tabs-state-active a .keyFeaIcon, .wob .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon1 { background:url(../../images/key-benefits-icon-wh.png) 0 0; } .wob .loanDetail .tabNav .icon2, .wob .leftTabBar .leftTab .eligibility, .wob .loanDetail .r-tabs-accordion-title .icon2, .wob .loanDetail .tabNav li a:hover .icon2, .wob .loanDetail .tabNav .r-tabs-state-active a .icon2, .wob .leftTabBar .leftTab li a:hover .eligibility, .wob .leftTabBar .leftTab .r-tabs-state-active a .eligibility, .wob .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon2 { background:url(../../images/eligibility-icon-wh.png) 0 0; } .wob .loanDetail .tabNav .icon3, .wob .leftTabBar .leftTab .rateInt, .wob .loanDetail .r-tabs-accordion-title .icon3, .wob .loanDetail .tabNav li a:hover .icon3, .wob .loanDetail .tabNav .r-tabs-state-active a .icon3, .wob .leftTabBar .leftTab li a:hover .rateInt, .wob .leftTabBar .leftTab .r-tabs-state-active a .rateInt, .wob .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon3 { background:url(../../images/interest-rates-icon-wh.png) 0 0; } .wob .loanDetail .tabNav .icon4, .wob .leftTabBar .leftTab .termConIcon, .wob .loanDetail .r-tabs-accordion-title .icon4, .wob .loanDetail .tabNav li a:hover .icon4, .wob .loanDetail .tabNav .r-tabs-state-active a .icon4, .wob .leftTabBar .leftTab li a:hover .termConIcon, .wob .leftTabBar .leftTab .r-tabs-state-active a .termConIcon, .wob .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon4 { background:url(../../images/term-con-icon-wh.png) 0 0; } .wob .loanDetail .tabNav .icon5, .wob .loanDetail .r-tabs-accordion-title .icon5, .wob .loanDetail .tabNav li a:hover .icon5, .wob .loanDetail .tabNav .r-tabs-state-active a .icon5, .wob .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon5 { background:url(../../images/faq-icon-wh.png) 0 0; } .wob .pagingNo ul li input.aspNetDisabled.pageNo, .wob .pagingNo ul li a:hover, .wob .pagingNo ul li.current a, .wob .pagingNo ul li.current, .wob .pagingNo ul li input:hover, .wob .paging table input.aspNetDisabled, .wob .paging table input:hover { background-color:#000; } .wob .bobNetwork:after { border-top-color:#222; } .wob input[type="submit"], .wob input[type="button"], .wob input[type="reset"], .wob button, .wob .button, .wob .debitCardSlider .slideContent .button, .wob .boxesView .knowMore, .wob .boxesView .knowMore, .wob .personalAcc .row .knowMore, .wob .homeLoanGridView .knowMore, .wob .homeLoanListView .knowMore, .wob .imgiconfourBoxes .knowMore, .wob .knowMorebtn, .wob .twoColsMainBox .blockContentInf .knowMore { background-color:#333; border-color:#333; color:#fff; } .wob input[type="submit"]:hover, .wob input[type="button"]:hover, .wob input[type="reset"]:hover, .wob button:hover, .wob .button:hover, .wob .debitCardSlider .slideContent .button:hover, .wob .boxesView .knowMore:hover, .wob .boxesView .knowMore:hover, .wob .personalAcc .row .knowMore:hover, .wob .homeLoanGridView .knowMore:hover, .wob .homeLoanListView .knowMore:hover, .wob .imgiconfourBoxes .knowMore:hover, .wob .knowMorebtn:hover, .wob .twoColsMainBox .blockContentInf .knowMore:hover, .wob .imgiconThreeBoxes li .imgholder .knowMorebtn:hover, .wob .knowMorebtn:hover, .wob .imgiconThreeBoxes li a:hover span { background-color:#555; } .wob .boxesView .knowMore:hover .icon, .wob .boxesView .knowMore:hover .icon, .wob .personalAcc .row .knowMore:hover .icon, .wob .homeLoanGridView .knowMore:hover .icon, .wob .homeLoanListView .knowMore:hover .icon, .wob .imgiconfourBoxes .knowMore:hover .icon, .wob .knowMorebtn:hover .icon, .wob .twoColsMainBox .blockContentInf .knowMore:hover .icon { background-position:-543px -424px; } .wob input[type="text"], .wob input[type="email"], .wob input[type="tel"], .wob input[type="number"], .wob input[type="url"], .wob input[type="password"], .wob input[type="search"], .wob select, .wob textarea { background-color:#222; border-color:#222; color:#fff; } .wob .giftCardKeyList li { border-bottom-color:#444; } .wob .ibTransLimitTab .tabContent { box-shadow:0 0 0 #000; } .wob .callBackLink .icon { background-position:-143px 0; } .wob .bobNetwork .rightBox { border-color:#555; } .wob .mfp-close, .wob .mfp-close:hover, .wob .networkCloseBtn { background-position: -468px -366px; } .wob .homeProductsInner .homeProductListing .exploreBtn .icon { background-position: -174px -1px; } .welcomePopup { display:none !important; width:800px; height:572px; position:fixed; left:50%; top:50%; margin:-286px 0 0 -400px; background:#fff; padding:20px; z-index:104; } .welcomePopupOverlay { width: 100%; height: 100%; display: none !important; position: fixed; left: 0; top: 0; z-index:101; background-color: rgba(0, 0, 0, 0.7); } .welcomePopup .imgHolder { position:relative; } .welcomePopup .bottomLine { color:#fff; font-weight:600; font-size:17px; position:absolute; bottom:14px; left:0; width:100%; text-align:center; } .welcomePopup .bottomLine a { display:inline-block; margin:0 5px; } .interestTable1 .tenorsCol { width:240px; } .interestTable1 .topLargeCol { width:180px; } .interestTable1 .topSmallCol { width:75px; } .wob .homeLinks .icon3 { background-position:-402px -103px; } .finTalkContent .subscribeBut { margin-bottom:20px; } .finTalkContent .subscribeBut .alignRight { background: #ff6633; color: #ffffff; font-size: 17px; font-weight: 600; padding: 9px 16px; border: 1px solid #ff6633; } .finTalkContent .subscribeBut .alignRight:hover { background:none; color:#ff6633; text-decoration:none } .fullwidthCalculator { position:relative; } .fullwidthCalculator .aprBtn { position:absolute; right:0; top:0; padding:7px 15px; } .exlBtnIcon { background:url(../../images/excel-icon.png) no-repeat 0 0; display:inline-block; width:14px; height:22px; margin-left:6px; } .emiCalculatorWrap .btnRight { text-align:right; margin-bottom:20px; } img.lazy { display: block; } .mconnectContact.ruralAgriDetail .icon { margin-right:10px; } .accountSubNav.govtScheme li .sgbIcon { background-position:-55px -5px; } .accountSubNav.govtScheme li:hover .sgbIcon { background-position:-55px -69px; } .accountSubNav.govtScheme li .ppfIcon { background-position:4px -3px; } .accountSubNav.govtScheme li:hover .ppfIcon { background-position:4px -69px; } .accountSubNav.govtScheme li .ppsgIcon { background-position:-115px -4px; } .accountSubNav.govtScheme li:hover .ppsgIcon { background-position:-115px -69px; } .applicationForm h4 { margin-left:40px; } .applicationForm h4 + ul.bulletText { margin-left:58px; } .msmeFwBanner .bannerTileText { position:absolute; left:21px; top:0; } .msmeFwBanner .bannerRightDetl { background:#ffe6cb; padding:20px 60px 20px 30px; position:absolute; right:0; top:0; height:100%; width:30.208%; } .msmeFwBanner h2 { text-transform:uppercase; font-size:33px; line-height:38px; color:#f26522; margin-bottom:20px; text-align:left; } .msmeFwBanner h2 span { text-transform:none; } .msmeFwBanner ul { margin:0; padding:0; list-style:none; margin-bottom:20px; } .msmeFwBanner ul li { font-size:22px; color:#231f20; position:relative; padding-left:22px; text-align:left; } .msmeFwBanner ul li:after { width:7px; height:7px; position:absolute; left:0; top:15px; content:""; background:#f26522; } .msmeFwBanner p { font-size:17px; color:#231f20; text-align:left; } .homeBanner9 { float:right; margin-right:9%; position:relative; padding-left:10px; } .srvyBanner { position:relative; } .homeBanner9:after, .homeBanner9:before, .srvyBanner:after, .srvyBanner:before { position:absolute; content:""; height:110px; top:6px; } .homeBanner9:after, .srvyBanner:after { width:14px; left:-40px; background:#ff6633; } .homeBanner9:before, .srvyBanner:before { width:5px; left:-20px; background:#f79029; } .homeBanner9 h2 { color:#221f1f; line-height:37px; position:relative; } .homeBanner9 p { color:#231f20; font-size:21px; } .innerBanner .homeBanner9 { text-align:left; } .srvyBanner p { margin:0; } .srvyBanner:after, .srvyBanner:before { height:auto; bottom:0; } .satisfactionSurvey .button { margin-bottom:10px; } .satisfactionSurvey { min-height:400px; } .interestRatesCharges li:before { display:none; } .wob .eayPayStarted .resTab2 .tabNav li.r-tabs-state-default a, .wob .eayPayStarted .resTab2 .tabNav li.r-tabs-state-active a { color:#fff !important; } .eayPayInquire .eayPayInquireEm, .eayPayInquire .rightLinks { margin:0; } .eayPayInquire .bottomCotactDetail .leftCol { padding:25px 0; } .ibInquiry .inquiryList .icon4 { background-position:-185px 7px; } .ibInquiry .inquiryList li a:hover .icon4, .wob .ibInquiry .inquiryList .icon4 { background-position:-244px 7px; } .ibInquiry .inquiryList.rightAlign { float:right; margin:0 -18px; } .homeBanner10 .bannerRightLogo { position:absolute; right:9%; top:20px; width:161px; height:161px; background-position:0 -558px; } .homeBanner10 .siteLink { position:absolute; right:10%; bottom:100px; color:#000; } .homeBanner10 h2 { margin:0; } .homeBanner10 .bannerText { text-align:center; } .homeBanner10 .large { display:block; color:#000; margin-bottom:5px; } .homeBanner10 .orange { color:#fff; background:#ff6633; padding:2px 15px 5px 15px; } .taxes h3 a { color:#555; } #nav li.lastMenuLi { padding-right: 25px; background: url(../../images/new-animated.gif) right center no-repeat; } #nav li li li.lastMenuLi { background: none; }.intro p {padding: 30px 20px 0px 20px;} .intro img {float: right; margin: 36px 16px 0 5px; width: 185px;} .intro h1 {text-align:center; background-color: #555; color: #fff;font-size: 21px;margin: 4px 0;} .intro .button {line-height: 20px; padding: 12px 20px; font-size: 16px; font-weight: 700; display: block; text-decoration: none; border: 0 none; margin: 0 auto; outline: 0 none; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; width: 130px; border: 1px solid #ff6633;} .intro {padding: 0 0 60px 0;} .sss a:before {background-image: url(../../icons/8-icon.png) !important;} .sss a:hover:before {background-image: url(../../icons/8white-icon.png) !important;} .abs {border: 1px solid #ccc;} img.rss {float: right; width: 280px; padding: 6px 0 0 10px;} img.abs {width: 250px;} .para {padding: 25px 0 0 0; margin: 0px;} .para1 {margin: 0px;} .fm { border: 1px solid #ccc; padding: 20px 20px;} .fm input[type="text"]{ height: 36px; padding: 5px 5px;} h3.recru {background-color: #666; color: #fff; font-size: 17px;} h3.lt { background-color: #666; color: #fff; text-align: center; font-size: 28px; font-weight: 400;} .ltl td { text-align :center;} .logobox { height: 155px; width:155px; margin-top:-40px; } div#content1 { padding-top: 40px; }