/********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { text-decoration:none; color:#ff6633; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } a:focus { outline:thin dotted } a:hover, a:active { outline: 0; } a:hover { text-decoration:none; color:#777; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } b, strong, dt, th { font-weight: bold; } em, i { font-style:italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width:100%; height:auto; } figure { margin:0; } legend { white-space:normal; } q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; } table table { margin:0 } th, td { border:none; padding:8px 10px } caption, th, td { font-weight: normal; } /*********Font Family*********/ @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-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-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 *********/ .headerRow .searchBox input::-webkit-input-placeholder { color:#ffffff; } ::-webkit-input-placeholder { opacity:0.7; } ::-moz-placeholder { opacity:0.7; } :-ms-input-placeholder { opacity:0.7; } :-moz-placeholder { opacity:0.7; } button, input, select, textarea { margin: 0; vertical-align: baseline; background-color:transparent; border:none; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #e5e5e5; width:100px; height:30px; padding:0; font-size:100%; line-height:normal; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; margin:0 5px 0 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance:radio } input[type="submit"], input[type="button"], input[type="reset"], button, .button { line-height:20px; padding:10px 20px; font-size:16px; font-weight:700; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; } select, textarea, button, input, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; } fieldset { border:0 none; margin:0; padding:0 } label { display:inline-block; padding-bottom:5px; font-weight:normal; } /********* Clear floats *********/ .cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, .bobNetwork:before, .bobNetwork:after, .topRow:after, .topRow:before { content:" "; display:table } .cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .bobNetwork:after, .topRow: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:#505050; font-family: 'open_sans'; font-weight:400; font-size:16px; /*font-size:14px;*/ line-height:1.5; } body { background-color:#fff; font-size:16px; } html, body { overflow-x:hidden; min-height: 100%; } h1 { font-size: 2.308em; } h2 { font-size:26px; font-weight:700; color:#ff6633; line-height: 1.3 } h3 { font-size: 23px; font-weight:700; } h4 { font-size: 21px; font-weight:700; } h5 { font-size: 19px; font-weight:700; } h6 { font-size: 17px; } h2.darkColor { color:#2d2d2d; } h2.smallTitle { color:#2d2d2d; font-size: 19px; } .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 5px; font-size:16px; padding:0 0 0 32px; margin-bottom:12px; } ul.bulletText ul { list-style: none; padding: 0; } ul.bulletText.whiteArrow li { background:url(../../images/bullet-arrow-white.png) no-repeat left 5px; color: #fff; } ul.bulletText li:last-child { margin-bottom: 0; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; } input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #cdcdcd; width:100%; height:40px; padding:10px; background:#fff; line-height:1.1; color:#545454; font-size: 15px; } input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#ff6633; color:#fff; border:0; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#68308e; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color:#333; } input[type="submit"].cancelBtn:hover, input[type="button"].cancelBtn:hover, input[type="reset"].cancelBtn:hover { background-color:#777; } 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; } textarea { overflow:auto; vertical-align: top; resize:vertical; height:100px; max-width:100%; min-width:100%; line-height: 1.5; max-height:500px; min-height:90px; } .alignLeft { float:left } .alignRight { float:right; } .displayNone, .hasJS noscript, .hideThis { display:none!important; visibility:hidden } .jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none; } .mrgAuto { margin-right:auto; margin-left:auto; } .mrgT20 { margin-top:20px; } .mrgL20 { margin-left:20px; } .mrgR20 { margin-right:20px; } .mrgB20 { margin-bottom:20px; } .mrgT10 { margin-top:10px; } .mrgL10 { margin-left:10px; } .mrgR10 { margin-right:10px; } .mrgB10 { margin-bottom:10px; } .padL20 { padding-left:20px; } .padR20 { padding-right:20px; } .padB20 { padding-bottom:20px; } .padT20 { padding-top:20px; } .padL15 { padding-left:15px; } .padR15 { padding-right:15px; } .padB15 { padding-bottom:15px; } .padT15 { padding-top:15px; } .padL10 { padding-left:10px; } .padR10 { padding-right:10px; } .padB10 { padding-bottom:10px; } .padT10 { padding-top:10px; } .padTB10 { padding-top:10px; padding-bottom:10px; } .padTB15 { padding-top:15px; padding-bottom:15px; } .padTB20 { padding-top:20px; padding-bottom:20px; } .pad10 { padding:10px; } .pad15 { padding:15px; } .pad20 { padding:20px; } .pad25 { padding:25px; } .pad30 { padding:30px; } .width100p { width:100%; } .width90p { width:90%; } .width80p { width:80%; } .width70p { width:70%; } .width60p { width:60%; } .width50p { width:50%; } .width40p { width:40%; } .width30p { width:30%; } .width20p { width:20%; } .width10p { width:10%; } .fileSize { font-size:13px; display:inline-block; vertical-align:middle; margin-left:3px; } .extIcon { vertical-align:middle; margin-left:3px; } .bold { font-weight:bold; } .italic { font-style:italic; } .longWord, .wordBreak { word-wrap: break-word; } p { font-size:16px; } .smallText { font-size:14px; } p.largeText { font-size:18px; } p.xLargeText { font-size:22px; } .row { margin:0 -15px; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float:left; padding-left:15px; padding-right:15px; } .cols12 { width:100% } .cols11 { width:91.66666667% } .cols10 { width:83.33333333% } .cols9 { width:75% } .cols8 { width:66.66666667% } .cols7 { width:58.33333333% } .cols6 { width:50% } .cols5 { width:41.66666667% } .cols4 { width:33.33333333% } .cols3 { width:25% } .cols2 { width:16.66666667% } .cols1 { width:8.33% } /********** Alignment **********/ .textRight { text-align:right } .textCenter { text-align:center } .textJustify { text-align:justify } .textWhite, .textWhite p, .textWhite h2, .textWhite h3, .textWhite h4, .textWhite h5, .textWhite h6, .textWhite li { color: #fff; } /********** Error/Alert Messages **********/ .message { padding:10px 38px 10px 10px; margin-bottom:20px; border:1px solid transparent; position:relative; } .message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message.success a { color: #2b542c; } .message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message.error a { color: #843534; } /********** Table **********/ .tableOut { overflow-y:hidden; overflow-x:auto; } table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; font-size:16px; } 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:#68308e; font-weight:700; font-size:16px; } .tableScroll { overflow-y:hidden; overflow-x:auto } /********** Responsive Tab **********/ .resTab { position: relative; } .resTab .tabNav { margin:0; padding:0 20px; list-style:none; background-color: #ff6633; } .resTab .tabNav li { display: inline-block; margin: 0; position: relative; } .resTab .tabNav li a { position: relative; min-width: 180px; text-align: center; padding: 19px 22px; background-color: #ff6633; color: #fff; display: block; font-weight: 600; text-decoration: none; } .resTab .tabNav li.r-tabs-state-active a { position: relative; color: #ff6633; background-color: #fff; } .resTab .tabNav li.r-tabs-state-active a:before { content: ""; position: absolute; top: -10px; left: 0px; width: 100%; height: 4px; background-color: #ff6633; } .resTab .tabNav li.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: 20px 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 50px 10px 10px; background-color: #ececec; font-weight: 700; text-decoration: none; margin-bottom: 2px; position: relative; font-size: 18px; } .resTab .r-tabs-accordion-title .r-tabs-anchor:before { position: absolute; right: 0; top: 0; width: 40px; height: 100%; text-align: center; content:"+"; background-color: #dedede; line-height: 30px; font-size: 30px; padding: 7px 0; font-weight: 600; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before { content:"-"; background-color: #e05426; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #ff6633; color: #fff; 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 } /********** Layout **********/ .container { margin:0 auto; width:100%; max-width:1200px; padding:0 15px; } .homeSprite { background-image:url(../../images/home-sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align: middle; } .sprite { background-image:url(../../images/sprite.png); background-repeat:no-repeat; display:inline-block; vertical-align: middle; } .ani3ms { transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .orangeArrowBtn, .recruitmentRow .viewAllLink { position: relative; background-color: #ff6633; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; } .orangeArrowBtn:before, .recruitmentRow .viewAllLink:before { width: 17px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background:url(../../images/btn-arrow-white.png) no-repeat 0 0; content: ""; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } /*.orangeArrowBtn:hover:before { right: 15px; }*/ .orangeArrowBtn:hover, .recruitmentRow .viewAllLink:hover { background-color: #69308e; color: #fff; } .whiteArrowBtn { position: relative; background-color: #fff; color: #ff6633; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; border: 1px solid #d9d9d9; } .whiteArrowBtn:before { width: 17px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background:url(../../images/btn-arrow-orange.png) no-repeat 0 0; content: ""; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .whiteArrowBtn:hover:before { background-position: -18px 0; } .whiteArrowBtn:hover { background-color: #ff6633; color: #fff; border-color:#ff6633; } .whiteArrowBtn.borderWhite { border-color: #fff; } .whiteArrowBtn.borderOrange, .whiteArrowBtn.borderWhite:hover { border-color: #ff6633; } .purpleArrowBtn { position: relative; background-color: #68308e; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; } .purpleArrowBtn:before { width: 17px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background:url(../../images/btn-arrow-white.png) no-repeat 0 0; content: ""; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } /*.purpleArrowBtn:hover:before { right: 15px; }*/ .purpleArrowBtn:hover { background-color: #ff6633; color: #fff; } .whiteBrdBtn { position: relative; background: transparent; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; border: 1px solid #fff; } .whiteBrdBtn:before { width: 17px; height: 12px; position: absolute; right: 20px; top: 50%; margin-top: -6px; background:url(../../images/btn-arrow-orange.png) no-repeat -18px 0; content: ""; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .whiteBrdBtn:hover:before { /*right: 15px;*/ background-position: 0 0; } .whiteBrdBtn:hover { background-color: #fff; color: #ff6633; } .whiteBtn { position: relative; background-color: #fff; color: #ff6633; font-size: 16px; font-weight: 600; display: inline-block; padding:9px 20px; vertical-align: middle; border: 1px solid #d9d9d9; } .whiteBtn:hover { background-color: #69308e; color: #fff; border-color: #69308e; } .orangeBtn { background-color: #ff6633; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; } .orangeBtn:hover { background-color: #69308e; color: #fff; } .viewAllgray { color: #646464; font-size: 15px; text-decoration: underline; position: relative; padding-right: 25px; } .viewAllgray:before { position: absolute; right: 0; top: 50%; width: 17px; height: 12px; margin-top: -6px; content: ""; background:url(../../images/view-all-gray-arrow.png) no-repeat 0 0; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .viewAllgray:hover { color: #ff6633; } .viewAllgray:hover:before { background-position: -18px 0; } .viewAllWhite { color: #fff; font-size: 15px; text-decoration: underline; position: relative; padding-right: 25px; } .viewAllWhite:before { position: absolute; right: 0; top: 50%; width: 17px; height: 12px; margin-top: -6px; content: ""; background:url(../../images/btn-arrow-white.png) no-repeat 0 0; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .viewAllWhite:hover { color: #fff; } .viewAllWhite:hover:before { background-position: 0 0; } /********* Swiper 4.2.6 *********/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform } .swiper-invisible-blank-slide { visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective:1200px; perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x } .swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-lock { display:none } .swiper-pagination { text-align:right; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0; left:0; width:100% } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullet { width:10px; height:10px; display:inline-block; background:#fff; border-radius:50%; margin: 0 4px; position: relative; border: 2px solid transparent; } button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-bullet-active { border: 2px solid #ff6633; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform; transition:.2s top, .2s -webkit-transform; -o-transition:.2s transform, .2s top; transition:.2s transform, .2s top; transition:.2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform; transition:.2s left, .2s -webkit-transform; -o-transition:.2s transform, .2s left; transition:.2s transform, .2s left; transition:.2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform; transition:.2s right, .2s -webkit-transform; -o-transition:.2s transform, .2s right; transition:.2s transform, .2s right; transition:.2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff } .swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000 } .swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 } .swiper-pagination-lock { display:none } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-scrollbar-lock { display:none } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain } .swiper-slide-zoomed { cursor:move } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,"); background-position:50%; 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); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } .swiper-container-fade .swiper-slide { pointer-events:none; -webkit-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-container-cube { overflow:visible } .swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 } .swiper-container-flip { overflow:visible } .swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px } /********** Magnific Popup CSS **********/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: 0.75; } .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: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } /*.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }*/ .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-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-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 10px; right: 15px; color: #A8A8A8; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 0 0 40px; margin: 0 auto; border: 15px solid #fff; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #2d2d2d; font-size: 14px; font-weight: 600; word-wrap: break-word; } .mfp-image-holder .mfp-content { max-width: 100%; } /*.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }*/ button.mfp-close { width: 36px; height: 36px; background:url(../../images/popup-close-icon.png) no-repeat 0 0; text-indent: -9999px; top:25px; right: 25px; opacity:1; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } button.mfp-close:hover { opacity:0.7; } .mfp-arrow-left, .mfp-arrow-right { width: 60px; height: 60px; opacity: 1; margin-top: -30px; } .mfp-arrow-left:before, .mfp-arrow-left:after, .mfp-arrow-right:before, .mfp-arrow-right:after { display: none; } button.mfp-arrow-left { background:url(../../images/gallery-popup-prev-icon.png) no-repeat center center; } button.mfp-arrow-right { background:url(../../images/gallery-popup-next-icon.png) no-repeat center center; } .mfp-figure figure { background-color: #fff; } .mfp-bottom-bar { margin: 0; top: auto; bottom: 0; background-color: #fff; padding: 15px 55px 15px 15px; } .mfp-figure button.mfp-close { width: 40px; height: 40px; background: url(../../images/photo-gallery-close-icon.png) no-repeat center center; border: 2px solid #fff; text-indent: -9999px; border-radius: 50%; text-align: left; position: fixed; right: 10px; top: 10px; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .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; } /********** Top Strip **********/ .topStrip { background-color: #4b4b4b; padding: 7px 0; } .topStrip ul { margin: 0; padding: 0; list-style: none; } .topStrip li { display: inline-block; vertical-align: middle; position: relative; padding: 0 9px; } .topStrip li:before { height: 14px; width: 1px; content: ""; position: absolute; left: -3px; top: 50%; margin-top: -7px; background-color: #8f8f8f; } .topStrip li:first-child:before { display: none; } .topStrip li a { font-size: 13px; color: #fff; text-decoration: none; } .topStrip li a:hover { text-decoration: underline; } .topStrip .leftLinks { float: left; } .topStrip .rightLinks { float: right; } .topStrip .rightLinks li { padding-right: 0; } /********** Access Control **********/ #accessControl input { border:0; font-weight:400; font-size:13px; padding:0; display:inline-block; margin:-2px 5px 0 5px; vertical-align:middle; vertical-align: middle; height:20px; background-color:#4b4b4b; } .wob #accessControl input { background-color:#333; } #accessControl .contrastView { display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; } #accessControl .contrastView:before { height: 14px; width: 1px; content: ""; position: absolute; right: -10px; top: 50%; margin-top: -7px; background-color: #8f8f8f; } #accessControl .contrastChanger { padding:0; margin:-3px 0 0 0; width:20px; height:19px; border:0; overflow:hidden; text-indent:-9999px; text-transform:capitalize; display:inline-block; vertical-align:middle; background-position: 0 0; } #accessControl .contrastChanger.wob { background-position: -20px 0; margin-left: -4px; } .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; } /********** Header **********/ #wrapper { padding-top: 164px; } #header { background-color: #ff6633; width: 100%; left: 0; position: fixed; top: 0; z-index: 100; } .headerRow { background-color: #fff; border-radius: 5px; margin: 15px 0 -65px 0; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3); padding: 20px 20px 0 20px; position: relative; z-index: 2; height: 165px; } #logo { float: left; margin:5px 0 20px 0; } #logo a { display: block; } #logo .logoImg { margin-right: 8px; padding-right: 17px; border-right: 1px solid #ccc; display: inline-block; vertical-align: middle; } #logo .logoTagline { color: #6a318f; font-weight: 600; font-size: 20px; display: inline-block; vertical-align: middle; } .headRightCol { float: right; } .headerRow .countryTime { margin:0 0 15px 0; padding: 0; list-style: none; text-align: right; } .headerRow .countryTime li { display: inline-block; vertical-align: middle; font-size: 15px; color: #373737; padding-left: 15px; } .headerRow .countryTime .ukFlag, .headerRow .countryTime .indFlag { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; } .headerRow .countryTime .ukFlag { background-position: -43px 0; } .headerRow .countryTime .indFlag { background-position: -69px 0; } .headerRow .searchBox, .headerRow .headerBtn { margin-left: 6px; display: inline-block; vertical-align: middle; } .headerRow .searchBox { position: absolute; right: 270px; top: 11px; width: 269px; } .headerRow .searchBox .searchInput { background-color: #ff6633; border: 0; font-size: 14px; height: 37px; line-height: 21px; width: 100%; padding: 10px 42px 10px 15px; color: #fff; } .headerRow .searchBox .submit { width: 37px; padding: 0; height: 37px; background-position: 0 -27px; background-color: #ff6633; position: absolute; right: 0; top: 0; text-indent: -9999px; border: 0; } .headerRow .headerBtn { line-height: 35px; color: #373737; font-size: 14px; border: 1px solid #e0e0e0; padding: 0 15px 0 5px; position: relative; } .headerRow .headerBtn:hover { background-color: #ff6633; color: #fff; border-color: #ff6633; } .headerRow .headerBtn .icon { width: 36px; height: 36px; display: inline-block; vertical-align: middle; } .headerRow .headerBtn .locateUs { background-position: -76px -28px; } .headerRow .headerBtn:hover .locateUs { background-position: -39px -28px; } .headerRow .headerBtn .maxLogin { background-position: -224px -26px; } .headerRow .headerBtn:hover .maxLogin { background-position: -189px -26px; } .headerRow .headerBtn .cnLogin { background-position: -149px -28px; } .headerRow .headerBtn:hover .cnLogin { background-position: -112px -28px; } .headerRow .headerBtn.hRateIntBtn { display: none; } .headerRow .headerBtn .rateIrsIcon { background-position: -73px -172px; } .headerRow .headerBtn:hover .rateIrsIcon { background-position: -37px -172px; } .headerRow .inqBtn { position: absolute; bottom: 8px; right: 20px; height: 38px; line-height: 38px; background-color: #68308e; color: #fff; font-size: 16px; font-weight: 600; padding: 0 24px; } .headerRow .inqBtn:after { position: absolute; left:0; width: 100%; bottom: 0; height: 0; content: ""; background-color: #ff6633; transition: all 300ms ease 0ms; -webkit-transition: all 300ms ease 0ms; } .headerRow .inqBtn:hover:after { height: 100%; } .headerRow .inqBtn span { position: relative; z-index: 1; } .headerRow .inqBtn .inqIcon { width: 21px; height: 21px; display: inline-block; vertical-align: middle; background-position: -99px 0; margin-right: 10px; } /********** Nav **********/ #nav { margin: 0 -20px; border-top: 1px solid #ccc; padding:0 0 0 10px; } #nav li { display: inline-block; position: relative; padding: 0 12px; } #nav li:before { position: absolute; width: 1px; height: 22px; right: 0; top: 50%; margin-top: -11px; content:""; background-color: #ababab; } #nav li:last-child:before { display: none; } #nav li a { padding: 0 10px; display: block !important; color: #4b4b4b; font-size: 15px; line-height: 55px; position: relative; text-decoration: none; } #nav li a:before { width: 0; left: 50%; bottom: -1px; height: 4px; background-color: #ff6633; content: ""; position: absolute; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; z-index: 5; } #nav > li:after { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 102, 51, 0); border-top-color: #ff6633; border-width: 6px; margin-left: -6px; opacity:0; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; z-index: 5; } #nav li:hover > a:before, #nav li a:hover:before, #nav li.active > a:before { width: 100%; left: 0; } #nav > li:hover:after, #nav > li:hover:after, #nav > li.active:after { opacity: 1; } #nav li.active > a, #nav li:hover > a { color: #6a318f; } #nav > li > a { padding-left: 45px; } #nav > li > a:after { width: 27px; height: 24px; background: url(../../images/nav-icons.png) no-repeat 0 0; position: absolute; left: 10px; top: 16px; content: ""; } /*.desktop.headerScroll #nav > li > a:after { top: 10px; } .desktop.headerScroll #nav > li:first-child > a:after { top: 9px; }*/ #nav > li:first-child > a:after { background-position: 0 0; top: 14px; } #nav > li:nth-child(2) > a:after { background-position: -27px 0; } #nav > li:nth-child(3) > a:after { background-position: -54px 0; } #nav > li:nth-child(4) > a:after { background-position: -81px 0; } #nav > li:nth-child(5) > a:after { background-position: -108px 0; } #nav li .icon { width: 27px; height: 24px; background: url(../../images/nav-icons.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-right: 7px; position: relative; top: -1px; } #nav li .icon1 { background-position: 0 0; top: -3px; } #nav li .icon2 { background-position: -27px 0; } #nav li .icon3 { background-position: -54px 0; } #nav li .icon4 { background-position: -81px 0; } #nav li .icon5 { background-position: -108px 0; } #nav > li:first-child:hover > a:after, #nav > li.active:first-child > a:after { background-position: 0 -24px; } #nav > li:hover:nth-child(2) > a:after, #nav > li.active:nth-child(2) > a:after { background-position: -27px -24px; } #nav > li:hover:nth-child(3) > a:after, #nav > li.active:nth-child(2) > a:after { background-position: -54px -24px; } #nav > li:hover:nth-child(4) > a:after, #nav > li.active:nth-child(2) > a:after { background-position: -81px -24px; } #nav > li:hover:nth-child(5) > a:after, #nav > li.active:nth-child(2) > a:after { background-position: -108px -24px; } /********* Sub-menu *********/ #nav ul { opacity: 0; z-index: 4; position: absolute; width: 260px; background-color: #68308e; top: 55px; left: -8px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); visibility: hidden; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; margin: 20px 0 0 0; padding:0 } #nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #nav ul ul { top: 0; left: 100%; padding:0 } #nav ul li { display: block; padding: 0; } #nav ul li a { display: block; padding: 10px 20px 10px 47px; line-height: 25px; border-bottom: 1px solid #8e5eae; color: #fff; position: relative; } #nav ul li:before, #nav ul li a:after { display: none; } #nav ul li a:before, #nav ul li a:hover:before, #nav ul li:hover a:before { width: 14px; height: 9px; position: absolute; left: 20px; top: 18px; background:url(../../images/sub-nav-arrow.png) no-repeat 0 0; content: ""; } #nav ul li:last-child > a { border-bottom: 0; } #nav ul li:hover a { background-color : #7e41a7; color: #fff; } #nav ul ul li:hover a { background-color : #904dbe; } /********* Mobile Nav *********/ .mobileNav { display:none; position:fixed; left:0; top:0; width:100%; height:100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background:#ff6633; overflow:auto; } .activeMobNav .mobileNav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobileNav #navMob { display:block !important; margin-top:100px; position:static; background:#ff6633; } #wrapper, .mobileNav { -webkit-transition: -webkit-transform 0.5s; transition:transform 0.5s; } .activeMobNav #wrapper { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mobileNav .close { position:absolute; right:0; top:0; width:60px; height:100px; background:rgba(242, 89, 39, 1) url(../../images/menu-close-icon.png) no-repeat center 5px; cursor:pointer; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .activeMobNav .mobileNav .close { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .mobileNav .navigationText { position:absolute; left:40px; top:25px; color:#d24a1d; font-size:16px; font-weight:700; text-transform:uppercase; } .mobileNav .logoText { z-index:-1; width:100%; position:absolute; bottom:0; margin-bottom:15px; height:74px; } .mobileNav .logoText .logoIcon { background-position: 0 -225px; margin:0 auto; height:74px; width:238px; display:block; } .menuBar { display: none; } .toggleMenu, #navMob .menuIcon { display:block; } .toggleMenu { width: 38px; height: 38px; background-color: #ff6633; } .toggleMenu .iconBar { text-indent: -9999px; display: block; background-position: -136px 7px; width: 100%; height: 38px; } .toggleMenu .menuTitle { display:none; } .toggleMenu:hover { text-decoration:none; } #navMob { display:none; position:absolute; left:0; right:0; padding:0; } #navMob li { float:none; display:block; border:none; } #navMob li a { display: block !important; border-bottom:1px solid rgba(242, 89, 39, 1); transition:all 0s ease 0ms; -webkit-transition:all 0s ease 0ms; text-decoration:none; } #navMob li.parent { position:relative; } #navMob li .menuIcon, #navMob li li .menuIcon { width:60px; height:auto; background-color:#f25927; background-color:rgba(242, 89, 39, 1); background-image:url(../../images/down-arrow.png); background-repeat:no-repeat; background-position:center 15px; position:absolute; right:0; top:0; bottom:0; cursor:pointer; } #navMob > li > .menuIcon { background-position:center 30px; } #navMob li li .menuIcon, #navMob li li .menuIcon.active { z-index:2; background-color: #393939; background-color: rgba(57, 57, 57, 1); } #navMob li li li .menuIcon, #navMob li.MenuLi4 .menuIcon, #navMob li.MenuLi5 .menuIcon { z-index:2; display:none; } #navMob li li .menuIcon.active { background-color: #393939; background-color: rgba(57, 57, 57, 1); } #navMob li > a:hover, #navMob li.hover > a, #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a { background-color:#434343; color: #fff; } #navMob ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none; } .hasJS #navMob ul { opacity:1; } #navMob > li:hover > ul, #navMob li li:hover > ul, #navMob li li li:hover > ul { display:none; } #navMob ul, #navMob *:hover ul ul, #navMob .hover ul ul, #navMob .focus ul ul { margin-left:0; } #navMob li a { padding-left:15px; padding-right:15px; display:block; line-height:40px; color:#fff; } #navMob li ul li a { padding:7px 55px 7px 20px; display:block; line-height:21px; background:url(../../images/right-arrow.png) no-repeat 0 12px; color:#fff; border:none; font-size:16px; } #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li > ul > li > a { padding:8px 60px 8px 20px; font-size:16px; line-height:21px; } #navMob li ul li ul li a { padding-left:38px; background-position:20px 12px } #navMob li ul li ul li ul li a { padding-left:60px; background-position:45px center } #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a, #navMob > .highlight > a { background-color:#ff6633; color: #fff; } #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob ul > .highlight > a, #navMob > li.MenuLi1 > ul > li:hover > a, #navMob > li > ul > li > a:hover, #navMob > li > ul > li.current > a:hover, #navMob > li > ul > li:hover > a { background-color:#434343; color: #fff; } #navMob .linkIcon, #navMob .linkIconHover, #navMob > li.MenuLi1 > ul > li > a:before { display:none !important; } #navMob .menuFirstNode { display:block; } #navMob li.current ul { display:none; } #navMob li li ul { position: static; width: 100%; background: none; visibility: visible; border: 0; box-shadow: 0 0 0 #000; opacity: 1; padding: 0; transition:all 0s ease 0s; } #navMob li > a { block:!important; font-size:32px; font-weight:300; padding:17px 60px 17px 0; margin-left:40px; } #navMob li ul { background:#434343; box-shadow:-7px 0 7px rgba(0, 0, 0, 0.4) inset; position:relative; padding:15px 0; margin:0; } #navMob li ul:after { height:100%; width:60px; position: absolute; right: 0; top: 0; content: ""; background-color: #393939; background-color: rgba(57, 57, 57, 1); z-index: 1; display: block; } /********* Header Fixed *********/ .headerRow .searchBox, .topStrip, #logo img, #logo .logoTagline, .headerRow .bottomRow, #header, .headerRow { transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .desktop.headerScroll .topStrip { margin-top: -41px; } /*.desktop.headerScroll #header { box-shadow: 0 0 10px rgba()0, 0, 0, 0.2); } .desktop.headerScroll .headerRow .countryTime { margin: 0 0 5px 0; } .desktop.headerScroll #logo img { width: 220px; } .desktop.headerScroll #logo .logoTagline { font-size: 15px; } .desktop.headerScroll .headerRow .headerBtn { width: 37px; padding: 0; } .desktop.headerScroll .headerRow .headerBtn .text, .desktop.headerScroll .headerRow .inqBtn .text { margin-left: -9999px; } .desktop.headerScroll #nav li { padding: 0; } .desktop.headerScroll #nav li a { font-size: 14px; line-height: 45px; } .desktop.headerScroll #nav ul li a { line-height: 25px; } .desktop.headerScroll #nav ul { top: 45px; } .desktop.headerScroll #nav ul ul { top: 0; } .desktop.headerScroll .headerRow .inqBtn { height: 35px; width: 35px; padding: 0 5px; bottom: 5px; } .desktop.headerScroll .headerRow .inqBtn .inqIcon { margin-left: 4px; margin-right: 0; margin-top: -6px; } .desktop.headerScroll .headerRow { margin-top: 5px; }*/ .desktop.headerScroll #header { top: -124px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .desktop.headerScroll .headerRow { margin-bottom: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } /********* Home slider *********/ .homeSlider { min-height: 583px; } .homeSliderWrap { background-color: #ff6633; } .homeSlider img { width: 100%; } .paginationWrap { position: absolute; left:0; bottom: 60px; width: 100%; z-index: 3; } .sliderCaption { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .homeBnrDetail h1 { font-weight: 700; color: #69308e; font-size: 42px; line-height: 1.1; margin-bottom: 10px; } .homeBnrDetail p { font-weight: 400; color: #111c60; font-size: 21px; line-height: 1.3; } .homeBnrDetail .maxImg img { width: auto; } .homeBnrDetail .homeBnrDetailBox { width: 50%; } /********* Home Latest News *********/ .latestNewsRow { position: relative; margin-top: -20px; z-index: 1; } .latestNews { height:47px; overflow: hidden; position: relative; background-color: #69318e; padding: 10px 110px 10px 170px; } .latestNews h2 { font-size: 18px; color: #fff; font-weight: 700; position: absolute; left: 20px; top: 12px; margin: 0; } .latestNews .newsPause { width: 20px; height: 20px; display: inline-block; text-indent: -9999px; position: absolute; left: 140px; top: 13px; background:url(../../images/ticker-control.png) no-repeat 0 0; overflow: hidden; cursor: pointer; } .latestNews .newsPause.play { background-position: 0 -19px; } .latestNewsList { padding-left: 15px; border-left: 1px solid #7b4a9c; } .latestNewsList ul { margin: 0; padding: 0; list-style: none; } .latestNewsList ul li { margin:0; padding: 0; font-size: 16px; color: #fff; overflow: hidden; height: 27px; } .latestNewsList ul li a { font-size: 16px; color: #fff; } .latestNewsList ul li a:hover { text-decoration: underline; } .latestNews .noRecordText { color: #fff; margin-top: 2px; } .latestNews .viewAllWhite { position: absolute; right: 15px; top: 11px; text-decoration: none; } .latestNews .viewAllWhite:hover { text-decoration: underline; } /********* Home Services *********/ .homeServices { padding: 40px 0 75px 0; position: relative; } .homeServices:before { position: absolute; left:0; width: 100%; top: -25px; height: 70%; content: ""; background-color: #ececec; } .homeServices .container { position: relative; z-index: 1; } .homeServices .leftCol, .homeServices .rightCol { float: left; } .homeServices .leftCol { width: 71%; } .homeServices .rightCol { width: 29%; } .servicesLinks { margin: 0; padding: 0; list-style: none; } .servicesLinks li { float:left; width: 25%; text-align: center; position: relative; } .servicesLinks li:before { background-color: #c9c9c9; position:absolute; width: 1px; top: 30px; bottom: 30px; left: 0; content: ""; } .servicesLinks li:first-child:before { display: none; } .servicesLinks li a { display: block; padding: 28px 0; position: relative; } .servicesLinks li a:before { width: 0; left: 50%; top: 0; height: 4px; background-color: #ff6633; content: ""; position: absolute; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; z-index: 5; } .servicesLinks li a:after { top: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 102, 51, 0); border-top-color: #ff6633; border-width: 6px; margin-left: -6px; opacity:0; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; z-index: 5; } .servicesLinks li a:hover:before { width: 100%; left: 0; } .servicesLinks li a:hover:after { opacity: 1; top: 4px; } .servicesLinks li a:hover { background-color: #fff; } .servicesLinks li .icon { display: inline-block; width: 53px; height: 49px; margin-bottom: 20px; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .servicesLinks li .title { display: block; font-size: 16px; color: #2d2d2d; font-weight: 600; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .servicesLinks li a:hover .title { color: #ff6633; } .servicesLinks li .icon1 { background-position: 0 -63px; } .servicesLinks li a:hover .icon1 { background-position: 0 -112px; } .servicesLinks li .icon2 { background-position: -53px -63px; } .servicesLinks li a:hover .icon2 { background-position: -53px -112px; } .servicesLinks li .icon3 { background-position: -106px -63px; } .servicesLinks li a:hover .icon3 { background-position: -106px -112px; } .servicesLinks li .icon4 { background-position: -159px -63px; } .servicesLinks li a:hover .icon4 { background-position: -159px -112px; } .servicesLinks li .icon5 { background-position: -217px -63px; } .servicesLinks li a:hover .icon5 { background-position: -217px -112px; } .primaryServices { margin-top: 21px; } .primaryServices .col6 { width: 50%; float: left; } .primaryServices .servicesBox { position: relative; display: block; background-color: #000; } .primaryServices .servicesBox .homeServicesLink { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 1; } .primaryServices .imgHolder { overflow: hidden; } .primaryServices .imgHolder img { width: 100%; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .primaryServices .detailCol { position: absolute; left: 40px; bottom: 40px; right: 40px; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .primaryServices .icon { margin-bottom: 20px; display: block; } .primaryServices h2 { font-size: 22px; color: #fff; font-weight: 700; line-height: 1.2; margin-bottom: 15px; } .primaryServices h2 a { color: #fff; display: block; } .primaryServices p { font-size: 16px; color: #fff; margin-bottom: 0; } .primaryServices .servicesBox:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .primaryServices .servicesBox:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity:0.8; } .primaryServices .servicesBox:hover .detailCol { left: 50px; bottom: 50px; } /********* Home Exchange Rates *********/ .exRatesWidget { background-color: #fff; padding: 20px 25px; border: 1px solid #ececec; } .exRatesWidget .titleRow { position: relative; } .exRatesWidget h2 { color: #2d2d2d; font-size: 22px; font-weight: 700; } .exRatesWidget .rateDate { display: block; font-size: 14px; font-weight: 400; padding-top: 4px; } .exRatesWidget .viewAllgray { position: absolute; right: 0; top: 5px; } .exRateList { margin:0; padding: 0; list-style: none; } .exRateList li { display: block; padding: 11px 0; border-top: 1px solid #ccc; } .exRateList li:first-child { padding-top: 0; border-top: 0; } .exRateList li:last-child { padding-bottom: 0; } .exRateList li .rateCol { float: left; width: 45%; margin-top: 4px; } .exRateList li .amountCol { float: right; width: 55%; } .exRateList h3 { text-transform: uppercase; color: #682f8e; font-size: 18px; font-weight: 600; margin-bottom: 3px; } .exRateList .categoryTitle { display: block; font-size: 13px; color: #828282; } .exRateList .rateValue { display: block; font-size: 16px; color: #2d2d2d; line-height: 1; } .exRateList .amountValue { display: block; font-size: 20px; color: #2d2d2d; font-weight: 600; line-height: 1; } /********* Home Sending Money *********/ .sendingMoney { padding: 60px 0 50px 0; position: relative; overflow: hidden; } .sendingMoney .imgBlk { position: absolute; width: 100%; left: 0; top: 0; bottom: 30px; background: url(../../images/sending-money-bg.jpg) no-repeat 0 center; background-size: cover; } .sendingMoney .container { position: relative; z-index: 1; } .sendingMoney .contentRow { background-color: #fff; padding: 55px; border-bottom: 6px solid #6a318f; box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); } .sendingMoney .leftCol { float: left; width: 67%; padding-right: 55px; border-right: 1px solid #eaeaea; } .sendingMoney .rightCol { float: left; width: 33%; padding-left: 55px; } .sendingMoney h2 { color: #2d2d2d; font-size: 22px; font-weight: 700; } .sendingMoney h3 { color: #2d2d2d; font-size: 17px; font-weight: 600; margin-bottom: 10px; } .sendingMoney p { color: #505050; font-size: 16px; } .sendingMoney .whiteBtn { margin-right: 10px; } .purpleBulletList { margin: 0 0 20px 0; padding: 0; list-style: none; } .purpleBulletList li { margin-bottom: 15px; color: #505050; font-size: 16px; background: url(../../images/purple-bullet-arrow.png) no-repeat 0 0; padding-left: 40px; min-height: 27px; } /********* Footer *********/ .importantLinks { background-color: #3f3f3f; padding: 25px 0; } .importantLinks h2 { color: #f9f9f9; font-size: 22px; font-weight: 600; margin-bottom: 10px; } .importantLinks ul { margin: 0; padding: 0; list-style: none; } .importantLinks ul li { display: inline-block; padding: 0 9px; vertical-align: middle; position: relative; } .importantLinks ul li:before { position: absolute; left: -2px; top: 50%; margin-top: -7px; height: 14px; background-color: #636161; content: ""; width: 1px; } .importantLinks ul li:first-child { padding-left: 0; } .importantLinks ul li:first-child:before { display: none; } .importantLinks ul li a { color: #fff; font-size: 14px; } .importantLinks ul li a:hover { text-decoration: underline; } .footerBottomRow { background-color: #ff6633; padding: 25px 0; } .footerBottomRow .fLeftCol { float: left; width: 65%; } .footerBottomRow .fRightCol { float: right; width: 35%; text-align: right; } .footerLinks { margin: 0 0 15px 0; padding: 0; list-style: none; } .footerLinks li { display: inline-block; padding: 0 10px; vertical-align: middle; position: relative; } .footerLinks li:before { position: absolute; left: -2px; top: 50%; margin-top: -7px; height: 14px; background-color: #ffebe4; content: ""; width: 1px; } .footerLinks li:first-child { padding-left: 0; } .footerLinks li:first-child:before { display: none; } .footerLinks li a { color: #fff; font-size: 14px; } .footerLinks li a:hover { text-decoration: underline; } .copyright { margin: 0; color: #fff; font-size: 14px; } .shareThis { margin-bottom: 11px; float:right; } .siteUpdate { margin: 0; font-size: 14px; color: #fff; clear:right; } .siteUpdate span { padding-left:10px; margin-left:10px; position:relative; } .siteUpdate span:last-child:before { position: absolute; left: -2px; top: 50%; margin-top: -6px; height: 12px; background-color: #ffebe4; content: ""; width: 1px; } .siteUpdate span.counter { margin: 0; padding: 0; } .siteUpdate span.counter:before { display: none; } .siteUpdate strong, .siteUpdate span.counter { font-weight: 700; } /********* Home Interest Rates *********/ .rightFixedBox { position: fixed; right: 0; top:50%; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; z-index: 100; } .rightFixedBox.active { right: 0; } .homeRightNavSlide { display: block; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .homeRightNavSlide .rateButton { background-color: #ff6633; transform: rotate(90deg); -webkit-transform: rotate(90deg); display: inline-block; font-size: 16px; color: #fff; font-weight: 600; text-transform: uppercase; padding:14px 15px 14px 50px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index: 14; margin-right: -70px; } .homeRightNavSlide .rateButton:hover, .homeRightNavSlide.active .rateButton { background-color: #69308e; } .homeRightNavSlide .rateButton .icon { width: 50px; height:50px; position: absolute; left: 0; top: 0; background-position: 10px -163px; } .bobRateBox { background:#fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); box-shadow:0 0px 10px rgba(0, 0, 0, 0.3); padding:39px 10px 39px 30px; position:absolute; right:-1200px; top:-67px; z-index:13; transition: 350ms ease; -webkit-transition: 350ms ease; min-height:187px; } .bobRateBox.active { right:0; } .bobRateBox .darkButton { color:#fff; font-size:14px; font-weight:600; background:#4b4b4b; border:0; padding:5px 7px; margin-top:5px; text-decoration:none; display:block; text-align:center } .bobRateBox .darkButton:hover { background:#ff6633; } .ratesStrip { width:1105px; } .ratesStrip h2 { font-size:1.500em; line-height: 26px; margin:28px 0; color: #ff6633; } .ratesStrip ul { margin:0; padding:0; list-style:none; } .ratesStrip ul li { padding:0 30px; border-right:1px solid #c7c7c7; float:left; min-height:105px; } .ratesStrip ul li:first-child { padding-left:0; } .ratesStrip ul li:last-child { padding-right:0; border:0; } .ratesStrip .viewAll { color:#464646; font-size:14px; } .ratesStrip .viewAll:hover { color:#e34234; } .ratesStrip .date { color:#464646; font-size:14px; display:block; } .ratesStrip h3 { font-size:1.063em; color:#3f3f3f; position:relative; line-height:20px; margin-bottom:10px; font-weight:600; } .ratesStrip .break { display:block; } .ratesStrip .rate { font-size:32px; color:#ff6633; font-weight:700; line-height:32px; } .ratesStrip .rate .per { font-size:24px; font-weight:600; color:#464646; margin:0 5px; line-height:24px; } .ratesStrip .rate .PA { font-size:15px; font-weight:600; color:#464646; line-height:15px; } .ratesStrip p { margin:0; font-size:0.875em; font-weight:400; color:#464646; } /********* Back to Top **********/ #backtotop { cursor:pointer; display:none; height:42px; width:42px; overflow:hidden; position:fixed; right:70px; bottom:27px; 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; } /********* Home CSS end *********/ .innerContent { padding: 60px 0; min-height: 400px; } /********* Inner page banner *********/ .innerBanner { position: relative; overflow: hidden; } .innerBanner .innerBannerImg { height: 404px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .innerBanner .innerBannerImg img { width: 100%; height: auto; visibility: hidden; } .innerBanner .innerBannerOverlay { background: rgba(13, 101, 111, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pageTitle { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pageTitle h1 { font-weight: 700; font-size: 40px; color: #68308e; margin: 0; max-width: 700px; } .innerBannerImgWrap { background-size: cover; background-position: top center; background-repeat: no-repeat; } /********* Breadcrumbs *********/ .breadcrumb { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.55); padding: 10px 0; } .breadcrumb ul { margin: 0; padding: 0; list-style: none; } .breadcrumb ul li { color: #fff; font-size: 14px; } .breadcrumb ul li a { color: #fff; font-size: 14px; background: url(../../images/breadcrumb-arrow-white.png) no-repeat center right; padding-right: 14px; margin-right: 5px; } .breadcrumb ul li a:hover { text-decoration: underline; } .breadcrumb .brdcMobIcon { display: none; width: 46px; height: 46px; background: url(../../images/brdc-mob-icon.png) no-repeat center center; } .borderImgHolder { position: relative; } .borderImgHolder .imgHolder { position: relative; z-index: 1; } .borderImgHolder.leftBorder { float: left; margin: 0 50px 50px 0; } .borderImgHolder.rightBorder { float: right; margin: 0 0 50px 50px; } .borderImgHolder:before { position: absolute; border: 1px solid #cecccc; content: ""; } .borderImgHolder.leftBorder:before { top: 8px; right: -20px; bottom: -20px; left: 20px; } .borderImgHolder.rightBorder:before { top: 8px; left: -20px; bottom: -20px; right: 20px; } /********* About Us *********/ .aboutOurBank { padding-bottom: 30px; } .ourMission { background: #ff6633 url(../../images/our-mission-left-bg.png) no-repeat left bottom; padding: 40px 100px; box-shadow:0 0 38px rgba(0, 0, 0, 0.12); position: relative; z-index:1; } .ourMission h2 { font-size: 30px; margin-bottom: 10px; } .ourMission p { font-style: italic; font-size: 20px; margin-bottom: 0; } .aboutOurLogo { background-color: #ececec; padding-top: 135px; padding-bottom: 25px; margin-top: -85px; } .aboutOurLogo .ourLogoImg { float: right; margin: 0 0 35px 35px; background-color: #fff; padding: 15px; box-shadow:0 0 38px rgba(0, 0, 0, 0.12); } .ukOptOurTeam { overflow: hidden; position: relative; padding-top: 300px; } .ukOptOurTeam .bgImg { position: absolute; width: 100%; left: 0; top: 0; bottom: 120px; background: url(../../images/our-team-bg.jpg) no-repeat 0 0; background-size: 100%; } .aboutOurTeam { background: #6b3290 url(../../images/about-our-team-bg.jpg) no-repeat 0 0; background-size:cover; border-bottom: 5px solid #431461; padding: 35px 50px; position: relative; z-index: 1; } .aboutOurTeam h2 { font-size: 22px; } .aboutOurTeam p { margin-bottom: 20px; } .aboutOurTeam .taxStrategyBtn { display: inline-block; border: 1px solid #fff; color: #fff; padding: 8px 17px; font-size: 16px; font-weight: 600; } .aboutOurTeam .taxStrategyBtn:hover { background-color: #431461; border-color: #431461; } .aboutOurTeam .taxStrategyBtn .icon { width: 25px; height: 25px; background-position: 0 0; margin-right: 9px; } .aboutOurTeam .cols9 { border-right: 1px solid rgba(255, 255, 255, 0.1); } .aboutOurTeam .impLinks { margin: 0; padding: 0; } .aboutOurTeam .impLinks li { display: block; text-align: center; list-style: none; margin-top: 40px; } .aboutOurTeam .impLinks li:last-child { margin-bottom: 0; } .aboutOurTeam .impLinks li a { display: block; color: #fff; font-size: 20px; font-weight: 600; } .aboutOurTeam .impLinks li .title { display: block; position: relative; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .aboutOurTeam .impLinks li .title:before { position: absolute; left: 50%; bottom: -10px; width: 0; height: 3px; content: ""; background-color: #fff; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .aboutOurTeam .impLinks li a:hover .title:before { left: 30%; width: 40%; } .aboutOurTeam .impLinks li .icon { width: 80px; height: 80px; margin: 0 auto 10px auto; border-radius: 50%; border: 2px solid #fff; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .aboutOurTeam .impLinks li .teamIcon { background-position: -4px -36px; } .aboutOurTeam .impLinks li .galleryIcon { background-position: -88px -34px; } /********* Management Team *********/ .managingDirector { padding: 60px 0; background-color: #ececec; margin-top: -60px; } .directorBox { border: 1px solid #ebebeb; background-color: #fff; box-shadow:0 0 38px rgba(0, 0, 0, 0.12); min-height: 191px; padding: 18px; } .directorBox .directorPhoto img { border: 1px solid #bebebe; } .directorBox p { font-size: 15px; color: #828282; margin-bottom: 15px; } .directorBox h3 { font-size: 22px; color: #69328e; } .directorBox .whiteArrowBtn { padding-left: 30px; padding-right: 58px; } .directorBox .whiteArrowBtn:before { right: 30px; } .director2ColList .directorBox .directorPhoto, .director2ColList .directorBox .rightDetail { display: inline-block; vertical-align: middle; } .director2ColList .directorBox .directorPhoto { margin-right: 27px; } .executiveDirector { padding-top: 60px; } .executiveDirector .directorBox { /*padding: 25px;*/ margin-bottom: 40px; } /*.executiveDirector .directorBox .directorPhoto { margin-bottom: 18px; } .executiveDirector .directorBox h3 { margin-bottom: 15px; }*/ .chiefDirector .directorBox h3 { margin-bottom: 10px; } .directorPopup { max-width: 1000px; margin: 0 auto; width: 100%; border: 1px solid #ebebeb; background-color: #fff; padding: 35px; border-bottom: 6px solid #c4c2c2; min-height: 230px; } .directorPopup .directorPhoto { float: left; margin: 0 30px 20px 0; } .directorPopup .directorPhoto img { border: 1px solid #bebebe; } .directorPopup h2, .directorPopup h3 { margin-bottom: 10px; } .directorPopup h2 { font-size: 28px; margin-bottom: 5px; } .directorPopup h3 { font-size: 24px; color: #69328e; } /********* Baroda Max *********/ .barodMaxTitleRow { position: relative; padding-right: 190px; } .barodMaxTitleRow .purpleArrowBtn { font-size: 18px; position: absolute; right: 0; bottom: 10px; } .bobMaxFixRate { box-shadow:0 0 38px rgba(0, 0, 0, 0.12); padding: 18px 0; margin: 30px 0; } .bobMaxFixRate li { border-right: 1px solid #e5e5e5; padding: 3px 40px; float: left; width: 20%; list-style: none; } .bobMaxFixRate li:last-child { border-right: 0; } .bobMaxFixRate .rateValue { color: #ff6633; font-size: 32px; font-weight: 700; } .bobMaxFixRate .rateValue span { font-size: 16px; color: #b8b8b8; font-weight: 600; text-transform: uppercase; margin-left: 9px; } .bobMaxFixRate p { margin-bottom: 0; } .rateSmallText { font-size: 14px; color: #6b6b6b; } .maxKeyFeatures { background-color: #ececec; padding-top: 60px; margin-top: 30px; } .maxKeyFeatures .borderImgHolder.leftBorder:before { top: 20px; left: 115px; } .maxKeyFeatures ul.bulletText li { margin-bottom: 10px; } .maxOnlineBond { padding-top: 136px; position: relative; margin-bottom: -60px; margin-top: -78px; background-color: #fff; } .maxOnlineBond:before { position: absolute; left: 0; top: 0; height: 100%; width: 50%; content: ""; background-color: #68308e; } .maxOnlineBond .container { position: relative; z-index: 1; } .maxOnlineBond .padR50 { padding-right: 50px; } .maxOnlineBond .padL50 { padding-left: 50px; } .maxOnlineBond ul.circleText { margin-bottom: 0; } ul.circleText { list-style:none; padding:0; } ul.circleText li { position: relative; font-size:16px; padding:0 0 0 21px; margin-bottom:15px; } ul.circleText li:before { width: 9px; height: 9px; border-radius: 50%; position: absolute; left: 0; top: 7px; content: ""; border: 2px solid #68308e; } ul.circleText.textWhite li:before { border-color:#fff; } .maxContactUs { padding: 20px 0 20px 250px; background-color: #ff6633; position: relative; box-shadow:0 0 30px rgba(0, 0, 0, 0.2); margin-right: 70px; margin-top: 20px; z-index: 1; } .maxContactUs .bdMaxLogo { position: absolute; left: 0; top: 0; height: 100%; width: 215px; background-color: #d9572b; text-align: center; padding: 47px 0; } .maxContactUs .applyNowCol { float: left; width: 48%; padding-right: 20px; } .maxContactUs .applyNowCol .whiteArrowBtn { border:1px solid #ff6633; } .maxContactUs .applyNowCol .whiteArrowBtn:hover { border: 1px solid #fff; } .maxContactUs .callAway { float: left; width: 52%; position: relative; padding: 0 70px 0 104px; border-left: 1px solid rgba(255, 255, 255, 0.15); } .maxContactUs .callAway .icon { width: 51px; height: 51px; position: absolute; left: 30px; top: 50%; margin-top: -25px; background-position: -169px -26px; } .maxContactUs .callAway p { margin-bottom: 0; } .maxContactUs .callAway .maxPhNum { font-size: 33px; font-weight: 700; line-height: 1.1; } .maxContactUs .callAway .forAny { margin-bottom: 5px; } .maxContactUs .callAway .callAwayImg { position: absolute; right: -70px; bottom: -22px; } /********* Retail Loans *********/ .commonContentRow { padding: 60px 0; } .commonContentRow.padTopNone { padding-top: 0; } .commonContentRow.padBotNone { padding-bottom: 0; } .retailLoanRow .borderImgHolder.leftBorder { margin: 0 35px 0 0; } .retailLoanRow .borderImgHolder.leftBorder:before { top: 20px; left: 98px; } .retailLoanRow .borderImgHolder.rightBorder:before { right: 98px; } .retailLoanRow .loanRightDetail .loanIconHolder { margin-bottom: 13px; display: inline-block; } .retailLoanRow .loanRightDetail .personalLoanPlanIcon { width: 72px; height: 52px; background-position: -231px -136px; } .retailLoanRow .loanRightDetail .creditlLoanPlanIcon { width: 53px; height: 52px; background-position: -315px -136px; } .retailLoanRow .loanRightDetail .financingLoanIcon { width: 40px; height: 46px; background-position: -394px -141px; } .retailLoanRow .borderImgHolder.rightBorder { margin-left: 0; width: 100%; } .retailLoanRow .borderImgHolder img { width: 100%; } .retailLoanRow .loanRightDetail h2 { position: relative; margin-bottom: 50px; } .retailLoanRow .loanRightDetail h2:before { width: 45px; height: 2px; background-color: #a9aaad; content: ""; position: absolute; left: 0; bottom: -20px; } .retailLoanRow .loanRightDetail .buttonGroup a { margin-right: 15px; } .purpleRow .retailLoanRow .loanRightDetail h2:before { background-color: #8d63a9; } .retailLoanRow .loanRightDetail .bulletText { margin-bottom: 30px; } .purpleRow { background-color: #6a318f; } .affordability { background-color: #ececec; margin-top: 30px; } .affordability .container { position: relative; } .affordability .container:before { position: absolute; right: 15px; top: -80px; bottom: -60px; width: 39.17%; content: ""; background-color: #ff6633; display: block; box-shadow: 0 0 38px rgba(0, 0, 0, 0.12); } .affordability .circleText { margin-bottom: 0; } .affordability .financialDifficulties { padding:0 30px; position: relative; z-index: 1; } .affordability .financialDifficulties h2 { position: relative; margin-bottom: 50px; } .affordability .financialDifficulties h2:before { width: 45px; height: 2px; background-color: #fff; content: ""; position: absolute; left: 0; bottom: -20px; } .retailLoanContact .cols4 { position: relative; } .retailLoanContact .cols4:before { position: absolute; right: 50px; top: 0; bottom: 0; width: 1px; content: ""; background-color: #d5d5d5; } .retailLoanContact .contactBox h2 { color: #505050; padding: 0; background: none; min-height: 1px; } .retailLoanContact .contactBox h3 { font-size: 16px; color: #2d2d2d; font-weight: 600; } .retailLoanContact .contactBox h3 span { display: block; font-size: 15px; color: #505050; font-weight: 400; } .retailLoanContact .contactBox ul { margin: 0; padding: 0; list-style: none; } .retailLoanContact .contactBox ul li { padding-left: 56px; margin-bottom: 15px; font-size: 14px; min-height:37px; position: relative; } .retailLoanContact .contactBox ul li:last-child { margin-bottom: 0; } .retailLoanContact .contactBox ul li .icon { width: 37px; height: 37px; position: absolute; left: 0; top: 0; background-color: #6a318f; border-radius:50%; } .retailLoanContact .contactBox ul li .icon1 { background-position: -32px 0; } .retailLoanContact .contactBox ul li .icon2 { background-position: -70px 0; } .retailLoanContact .contactBox ul li .icon3 { background-position: -108px 0; } .retailLoanContact .contactBox ul li strong { display: block; font-weight: 600; } .retailLoanContact .contactBox ul li p { margin: 0; font-size: 14px; color: #505050 } .retailLoanContact .contactBox ul li a { color: #505050; } .retailLoanContact .contactBox ul li a:hover { color: #ff6633; } /********* mPassbook *********/ .mPassbookFeatures { background-color: #ececec; } .mPassbookFtrList { margin: 0; padding: 25px 0 0 0; list-style: none; position: relative; } .mPassbookFtrList:before { position: absolute; left: 32px; display: block; top: -10px; bottom: 0; width: 2px; content: ""; background: rgba(236, 236, 236, 1); background: -moz-linear-gradient(top, rgba(236, 236, 236, 1) 0%, rgba(127, 77, 144, 1) 14%, rgba(127, 77, 144, 1) 89%, rgba(236, 236, 236, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236, 236, 236, 1)), color-stop(14%, rgba(127, 77, 144, 1)), color-stop(89%, rgba(127, 77, 144, 1)), color-stop(100%, rgba(236, 236, 236, 1))); background: -webkit-linear-gradient(top, rgba(236, 236, 236, 1) 0%, rgba(127, 77, 144, 1) 14%, rgba(127, 77, 144, 1) 89%, rgba(236, 236, 236, 1) 100%); background: -o-linear-gradient(top, rgba(236, 236, 236, 1) 0%, rgba(127, 77, 144, 1) 14%, rgba(127, 77, 144, 1) 89%, rgba(236, 236, 236, 1) 100%); background: -ms-linear-gradient(top, rgba(236, 236, 236, 1) 0%, rgba(127, 77, 144, 1) 14%, rgba(127, 77, 144, 1) 89%, rgba(236, 236, 236, 1) 100%); background: linear-gradient(to bottom, rgba(236, 236, 236, 1) 0%, rgba(127, 77, 144, 1) 14%, rgba(127, 77, 144, 1) 89%, rgba(236, 236, 236, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ececec', GradientType=0 ); } .mPassbookFtrList li { display: block; min-height: 68px; margin-bottom: 20px; font-size: 16px; color: #2d2d2d; font-weight: 600; } .mPassbookFtrList li .circle, .mPassbookFtrList li .text { display: inline-block; vertical-align: middle; } .mPassbookFtrList li .circle { width: 64px; height: 64px; border-radius: 50%; position: relative; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .mPassbookFtrList li .circle:before { top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 50%; position: absolute; content: ""; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; background: rgba(99, 40, 121, 1); background: -moz-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99, 40, 121, 1)), color-stop(100%, rgba(214, 82, 166, 1))); background: -webkit-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -o-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -ms-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: linear-gradient(to right, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632879', endColorstr='#d652a6', GradientType=1 ); } .mPassbookFtrList li:hover .circle { -webkit-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); } .mPassbookFtrList li .icon { position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 50%; display: block; background-color: #ececec; } .mPassbookFtrList li .text { width: 85%; padding-left: 22px; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .mPassbookFtrList li:hover .text { color: #632879; } .mPassbookFtrList .featureIcon1 { background-position: -223px -3px; } .mPassbookFtrList .featureIcon2 { background-position: -289px -3px; } .mPassbookFtrList .featureIcon3 { background-position: -358px -3px; } .mPassbookFtrList .featureIcon4 { background-position: -426px -3px; } .mPassbookFtrList .featureIcon5 { background-position: -225px -71px; } .mPassbookFtrList .featureIcon6 { background-position: -291px -71px; } .mPassbookFtrList .featureIcon7 { background-position: -358px -71px; } .mPassbookFtrList .featureIcon8 { background-position: -427px -71px; } .passbookAppBtn { color: #632879; font-size: 14px; font-weight: 700; position: relative; padding: 2px; border-radius: 70px; text-align: left; display: inline-block; margin: 0 10px; overflow: hidden; transition:all 500ms ease 0ms; -webkit-transition:all 500ms ease 0ms; background: rgba(99, 40, 121, 1); background: -moz-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99, 40, 121, 1)), color-stop(100%, rgba(214, 82, 166, 1))); background: -webkit-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -o-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: -ms-linear-gradient(left, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); background: linear-gradient(to right, rgba(99, 40, 121, 1) 0%, rgba(214, 82, 166, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#632879', endColorstr='#d652a6', GradientType=1 ); } .passbookAppBtn .icon { width: 25px; height: 28px; position: absolute; left: 40px; top: 12px; transition:all 500ms ease 0ms; -webkit-transition:all 500ms ease 0ms; } .passbookAppBtn .largeText { text-transform: uppercase; font-size: 16px; display: block; line-height: 1; } .passbookAppBtn .iosIcon { background-position: 0 -114px; } .passbookAppBtn:hover .iosIcon { background-position: -29px -114px; } .passbookAppBtn .androidIcon { background-position: 0 -147px; } .passbookAppBtn:hover .androidIcon { background-position: -29px -147px; } .passbookAppBtn .btnText { position: relative; border-radius: 70px; z-index: 1; display: block; position: relative; padding: 7px 40px 9px 80px; background: #fff; transition:all 500ms ease 0ms; -webkit-transition:all 500ms ease 0ms; } .passbookAppBtn:hover .btnText { background:none; } .passbookAppBtn:hover .btnText .textBlk { color: #fff; } .passbookAppBtn:hover { box-shadow: 0 0 20px rgba(163, 63, 146, 0.75); } .installPassbookApp { position: relative; background-color: #6a318f; margin-bottom: -60px; } .installPassbookApp:before, .installPassbookApp:after { position: absolute; content: ""; } .installPassbookApp:before { width: 431px; height: 413px; background:url(../../images/mpassbook-app-right-bg.jpg) no-repeat 0 0; right: 0; top: 0; } .installPassbookApp:after { width: 930px; height: 837px; background:url(../../images/mpassbook-app-left-bg.jpg) no-repeat 0 0; left: 0; bottom: 0; } .installPassbookApp .container { position: relative; z-index: 1; } .installAppStep { margin: 0 -25px; padding: 0; list-style: none; } .installAppStep li { float: left; width: 50%; padding: 25px; } .installAppStep .stepBox { background-color: #f3f3f3; position: relative; border-radius: 100px; min-height: 89px; padding: 6px 50px 6px 114px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } .installAppStep .stepBox .stepCircle { position: absolute; left: 6px; top: 6px; bottom: 6px; width: 78px; height: 78px; border-radius: 50%; background-color: #ff6633; color: #fff; font-size: 16px; font-weight: 600; text-align: center; padding: 14px 0; } .installAppStep .stepBox .stepCircle .stepNumber { font-size: 22px; display: block; line-height: 1; } .installAppStep .stepBox .stepText { display: block; } .installAppStep li:nth-child(odd) { text-align: right; } .installAppStep li:nth-child(odd) .stepBox { padding-left:50px; padding-right: 114px; } .installAppStep li:nth-child(odd) .stepBox .stepCircle { left: auto; right: 6px; } .installAppStep li:nth-child(2) .stepText, .installAppStep li:nth-child(4) .stepText, .installAppStep li:nth-child(6) .stepText { padding-top: 25px; } .installAppStep li:nth-child(1) .stepText, .installAppStep li:nth-child(3) .stepText { padding-top: 13px; } .appInstallNote { border-radius: 7px; margin-top: 30px; padding: 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.2); } .appInstallNote .cols10 { border-right: 1px solid #946bae; } .rightImpLinks { margin: 0; padding: 0; } .rightImpLinks li { display: block; text-align: center; list-style: none; margin-bottom: 40px; } .rightImpLinks li:last-child { margin-bottom: 0; } .rightImpLinks li a { display: block; color: #fff; font-size: 20px; font-weight: 600; } .rightImpLinks li a:hover { color: #ff6633; } .rightImpLinks li .title { display: block; position: relative; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .rightImpLinks li .title:before { position: absolute; left: 50%; bottom: -10px; width: 0; height: 3px; content: ""; background-color: #ff6633; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .rightImpLinks li a:hover .title:before { left: 30%; width: 40%; } .rightImpLinks li .icon { width: 80px; height: 80px; margin: 0 auto 10px auto; border-radius: 50%; border: 2px solid #fff; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .rightImpLinks li a:hover .icon { background-color: #ff6633; border-color: #ff6633; } .rightImpLinks li .touIcon { background-position: -66px -119px; } .rightImpLinks li .faqsIcon { background-position: -151px -117px; } .appInstallNote .rightImpLinks li a:hover .icon { background-color: transparent; border-color: #fff; } .appInstallNote .rightImpLinks li a:hover { color: #fff; } .appInstallNote .rightImpLinks li .title:before { background-color: #fff; } /********* Custom Select *********/ .customSelectOuter { position:relative; background:#fff url(../../images/drop-select-arrow.png) no-repeat right center; width:100%; padding:0; } .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:40px; color:#464646; height:40px; line-height:40px; border:1px solid #dadada; padding-left:12px; font-size:15px; overflow:hidden; } .customSelectInner { display:block!important; width:auto!important; word-break:keep-all; overflow:hidden; } /********* Locate Us *********/ .searchFilterWrap { position: relative; } .searchFilterWrap .listAson { position:absolute; right:0; top:-44px; margin:0; font-size:14px; color:#464646; } .searchFilter { border:1px solid #d9d9d9; background-color: #f1f2f2; padding: 20px; margin-bottom:30px; position:relative; } .searchFilterField { padding:0 112px 0 0; margin:0 -10px; list-style:none; } .searchFilterField li { float:left; width:33.333%; padding:0 10px; } .searchFilter .buttonRow { position: absolute; right: 20px; top: 20px; width: auto; padding: 0; } .searchFilter.commonFilter .searchFilterField { padding: 0 170px 0 0; } .searchFilter.commonFilter .buttonRow { top: 49px; } .searchFilter.floatLabel li label { float: left; width: 70px; padding-top: 7px; } .searchFilter.floatLabel li .inputCol { padding-left: 80px; } .searchFilter.floatLabel li:first-child { width: 46%; } .searchFilter.floatLabel li:nth-child(2), .searchFilter.floatLabel li:nth-child(3) { width: 27%; } .searchFilter.floatLabel .searchFilterField { padding: 0 200px 0 0; } .searchFilter.floatLabel .button { margin-left: 8px; } .branchListing > ul { margin:0 -15px; padding:0; list-style:none; } .branchListing > ul > li { float:left; width:33.333%; } .branchListing .box { padding:30px 15px; position:relative; } .branchListing .box:after, .branchListing .box:before { background:#ccc; position:absolute; content:""; } .branchListing .box:after { width:1px; top:0; bottom:0; right:0; } .branchListing .box:before { height:1px; left:0; bottom:0; right:0; } .branchListing > ul > li:first-child .box:after, .branchListing > ul > li:nth-child(2) .box:after, .branchListing > ul > li:nth-child(3) .box:after { top:30px; } .branchListing > ul > li:nth-child(3n) .box:after { display:none; } .branchListing > ul > li:nth-child(3n) .box:before { right:20px; } .branchListing > ul > li:first-child .box:before, .branchListing > ul > li:nth-child(3n + 1) .box:before { left:20px; } .branchListing > ul > li:last-child .box:before { display:none; } .branchListing > ul > li:last-child .box:after { bottom:30px; } .branchListing h2, .branchPopupBox h2 { color:#6a318f; font-size:20px; font-weight:700; margin-bottom:5px; } .branchListing .address, .branchPopupBox p { margin:0; font-size:14px; border-bottom: 1px solid #c7c7c7; padding-bottom: 18px; } .branchListing .detailList, .branchPopupBox ul { margin-top:15px; padding:0; list-style:none; } .branchListing .detailList li, .branchPopupBox ul li { font-size:14px; color:#505050; float:none; padding:3px 0; } .branchListing .detailList .label, .branchPopupBox li .label { position:relative; color: #2d2d2d; font-weight: 600; float:left; width:85px; } .branchListing .detailList .value, .branchPopupBox li .value { padding-left:85px; } .branchListing .orangeColor { text-transform: uppercase; color: #f55a36; } #dvMap { width:100%; height:500px; border:1px solid #d9d9d9; } .branchLocatorMap #content { padding:0; } .branchPopupBox { width:330px !important; padding-top: 10px; } .branchPopupBox h2 { margin-bottom: 8px; } .branchPopupBox .branchManager { border-bottom: 1px solid #c7c7c7; padding: 15px 0; } .branchPopupBox .branchManager .leftCol { float: left; } .branchPopupBox .branchManager .rightCol { float: right; } .branchPopupBox .branchManager p { color: #505050; font-size: 14px; margin-bottom: 0; border: 0; padding-bottom: 0; } .branchPopupBox .branchManager p span { font-size: 15px; color: #2d2d2d; font-weight: 700; display: block; } .branchSearchPanel { position: relative; padding-right: 120px; margin: 20px 0; } .branchSearchPanel .searchBtn { position: absolute; right: 0; top: 0; } .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 5px; position:relative; } .searchFeildsCols.twoColumns .searchFeildCol { width:50%; } .searchFeildsCols.threeColumns .searchFeildCol { width:33.33%; } .searchFeildsCols .searchFeildRow { margin:0 -5px; } .searchFeildsCols .searchBtn { position:absolute; right:0; top:0; } .searchFeildsCols .searchBtn input { padding:10px 25px; } .locationWrap.halfWidth .mapAndLocationWrap { width:50%; } .routeDetailsWrap { width:50%; float:left; padding:20px 15px; } .routeDetial { position:relative; } .routeDetial h3 { float:left; width:140px; } .routeDetial .distanceDuration { padding-left:140px; font-size:16px; text-align:right; } .routeDetial .details { margin-right:20px; display:inline-block; font-weight:700; color:#ff6633; 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:#555; 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; } #divCountBranch h4 { font-size: 16px; font-weight: 600; } .totalFindCount { color: #ff6633; font-weight: 700; } .branchInfoTitle { margin-bottom: 10px; font-size: 17px; } .bulletText.branchListBullets { margin-bottom: 0; } .bulletText.branchListBullets li { margin-bottom: 10px; font-size: 13px; font-weight: 400; background-position: left 3px; } .bulletText.branchListBullets li:last-child { margin-bottom: 0; } .bulletText.branchListBullets li strong { font-size: 14px; font-weight: 600; } .getDirectionBtn { padding:5px 10px; font-size: 14px; font-weight: 400; margin-top: 15px; } /********* accordion *********/ .accordion { margin-bottom: 25px; } .accordion .accTrigger { background: none; font-weight: 600; padding: 10px 30px 10px 0; border-bottom: 1px solid #dadada; color: #68308e; position: relative; font-size: 20px; cursor: pointer; } .accordion .accTrigger:after { background: url(../../images/accordion-arrow.png) no-repeat 0 0; width: 15px; height: 15px; top: 21px; right: 0; position: absolute; content: ""; } .accordion .accTrigger.active:after { background: url(../../images/dark-arrow-up.png) no-repeat 0 0; } .accordion .accordDetail { padding: 15px 0; display: none; } .noteText { margin-bottom: 10px; font-size: 14px; } /**********Sitemap*********/ .sitemap h2 { padding-left:15px; margin-bottom:12px; } .sitemap h2, .sitemap h2 a { color: #68308e; } .sitemap h3 { margin-bottom:10px; } .sitemap .container { position:relative; } .sitemap h3 { font-size:18px; } .sitemap h3, .sitemap h3 a { color:#505050; } .sitemap .row { padding:50px 0 30px 0; border-bottom:1px solid #dadada; position:relative; } .sitemap .row:first-child { padding-top:0; } .sitemap .row:last-child { padding-bottom:0; border:0; } .sitemap .row .box { width:50%; padding:0 15px; float:left; } .sitemap .bulletText a { color:#505050; } .sitemap .bulletText ul { display:none; } .sitemap h2 a:hover, .sitemap h3 a:hover, .sitemap .bulletText a:hover { color: #ff6633; } .serviceChargeTable .srNo { width: 85px; text-align: center; display: block; } .serviceChargeTable td:first-child { text-align: center; } .serviceChargeTable .amount { width: 500px; } .serviceChargeTable p { margin-bottom: 0; } .serviceChargeTable table.outwardBillsTable, .serviceChargeTable table.outwardBillsTable td { border: 0; background-color: #fff; text-align: center; } .serviceChargeTable table.outwardBillsTable td:first-child { text-align: left; } .otherSerChrgTable h3 { margin-bottom: 0; } .otherSerChrgTable .centerTable { text-align: center; } .otherSerChrgTable .centerTable td { width: 50%; } .otherSerChrgTable .openingInland { width: 45%; } .linkText { position: relative; padding-right: 25px; } .linkText:before { position: absolute; right: 0; top: 50%; width: 17px; height: 12px; margin-top: -6px; content: ""; background:url(../../images/view-all-gray-arrow.png) no-repeat -18px 0; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .linkText:hover:before { background-position: 0 0; } /********* Baroda Click Funds2India *********/ .exchTitle { font-size:20px; color:#3e3e3e; font-weight:600; position:relative; display:block; margin-bottom:50px; } .exchTitle:before { width:75px; height:4px; background-color: #ff6633; content: ""; position: absolute; left: 0; bottom: -13px; } .bobExchRate { box-shadow: 0 0 38px rgba(0, 0, 0, 0.12); padding: 18px 0; margin:30px 0 0; list-style:none; } .bobExchRate li { width:34%; float:left; text-align:center; position:relative; padding:0 35px; border-right:1px solid #e5e5e5; } .bobExchRate li:first-child { width:32%; } .bobExchRate li:last-child { border-right:0 none; } .bobExchRate .exchBox { display: inline-block; text-align: left; } .bobExchRate li .clLeft { display:inline-block; padding-right:50px; } .bobExchRate li .clRight { display:inline-block; } .bobExchRate li .categoryTitle { color:#68308e; font-size:17px; display:block; } .bobExchRate li .amountValue { font-size:24px; color:#ff6633; } .bobExchRate li .rateValue { color:#2d2d2d; font-size:24px; } .exRate { padding-bottom:60px; } .exRate.clickFunds2India { padding-bottom: 20px; } .whyTranWithBob { background:#ececec url(../../images/why-trans-bg.jpg)no-repeat; position:relative; background-size:100% 100%; } .whyTranWithBob ul { margin-bottom:0; } .whyTranWithBob.clickFunds2India ul { margin-bottom: 25px; } .exLoginForm .inputField { margin-bottom:18px; } .exLoginForm h2 { color:#fff; margin-bottom:15px; } .exLoginForm a { color:#fff; text-decoration:underline; font-size:15px; } .exLoginForm a:hover { text-decoration:none; } .exLoginForm p { color:#fff; text-align:center; margin-bottom:0; } .whyTranWithBob .dontHaveAcc { position: absolute; left: 0; right: 0; } .exLoginForm input[type="submit"], .exLoginForm input[type="button"], .exLoginForm button { background-color: #b24824; width:100%; } .whyTranWithBob .container:before { position: absolute; right: 15px; top: -73px; bottom: -70px; width:31%; content: ""; background: #ff6633 url(../../images/contact-bg.jpg)no-repeat; display: block; box-shadow: 0 0 38px rgba(0, 0, 0, 0.12); } .whyTranWithBob.clickFunds2India { background: #ececec; } .whyTranWithBob.clickFunds2India .container:before { display: none; } .whyTranWithBob .container { position: relative; } .exLoginForm { position: relative; padding:0 30px 0 45px; text-align: center; } .exLoginForm a { display: block; text-transform: uppercase; text-align: center; text-decoration: none; color: #fff; font-size: 18px; background-color: #b24824; padding: 8px 15px; font-weight: 600; margin-top: 15px; } .exLoginForm a:hover { background:#fff; color: #ff6633; } .bottomNoteSection ul.circleText li:before { border-color:#fff; } .bottomNoteSection ul.circleText li { color:#fff; } .bottomNoteSection { background:#68308e url(../../images/bottom-bg-img.jpg)repeat-x; background-size:100% 100%; margin-bottom:-60px; } .bottomNoteSection p { color:#fff; } .bottomNoteSection .cols10 { border-right: 1px solid #7a499c; } .bottomNoteSection .rightImpLinks li { padding:100px 0; } .stepRow { position:relative; margin-bottom:144px; position:relative; } .boxContent { padding:40px; box-shadow:4px 8px 10px -7px rgba(0, 0, 0, 0.70); min-height:426px; } .stepOne .boxContent { background-color:#68308e; margin-right:268px; } .boxTitle { margin-bottom:50px; padding-left:127px; position:relative; } .stepRow h3 { font-size:30px; font-weight:300; margin-bottom:10px; } .stepOne h3 { color:#bda4cd; } .subTitle { color:#fff; font-size:20px; font-weight:700; position:relative; display:block; } .subTitle:before { width: 110px; height:4px; background-color: #9e7bb7; content: ""; position: absolute; left: 0; bottom: -13px; } .stepOne p { color:#fff; margin-bottom:15px; } .boxTitle:before { height:100px; width:100px; position:absolute; background:url(../../images/sprite.png)no-repeat; position:absolute; content:""; top:0; left:0; background-position:-56px -182px; border:2px solid #fff; border-radius:50%; } .sendBoxImg { position: absolute; right:0px; top:68px; box-shadow:0 0 20px rgba(0, 0, 0, 0.25); } .stepTwo .boxContent { background-color:#ececec; margin-left:268px; padding-left:70px; box-shadow:-6px 13px 12px -14px rgba(0, 0, 0, 0.70); } .stepTwo .sendBoxImg { left:0; right:auto; } .stepTwo h3 { color:#6c6c6c; } .stepTwo .subTitle { color:#68308e; } .stepTwo .subTitle:before { background-color:#cecece; } .stepTwo .boxTitle:before { border-color:#878787; background-position:-145px -185px; } .accountInfo { list-style:none; padding:0; } .accountInfo li { width:25.333%; float:left; position:relative; } .accountInfo .categoryTitle { display:block; color:#2d2d2d; } .accountInfo .amountValue { color:#ff6633; font-size:24px; } .accountInfo li:after { width:1px; height:43px; background-color: #c5c5c5; content: ""; position: absolute; right:44px; top:7px; } .accountInfo li:last-child:after { display:none; } .stepThree .boxContent { background-color:#ff6633; } .stepThree h3 { color:#ffcab9; } .stepThree .subTitle:before { background-color:#ff9d7d; } .stepThree .boxTitle:before { background-position:-229px -185px; } .stepRow.stepThree { margin-bottom:0; } p.mrgBottom { margin-bottom: 0; } .sectionBorder { position:relative; } .innerBorder { width:646px; margin:0 auto; background:url(../../images/dash-border-horizontal.jpg)repeat-x; display:block; position:absolute; top:-72px; height:4px; left:25px; right:0; } .innerBorder:before { background:url(../../images/dash-border.jpg)repeat-y; position:absolute; content:""; left:-4px; top:-61px; height:57px; width:4px; } .innerBorder:after { background:url(../../images/dash-border.jpg)repeat-y; position:absolute; content:""; right:0; bottom:-62px; height:57px; width:4px; } .borderStepTwo .innerBorder:before { right:0; left:auto; } .borderStepTwo .innerBorder:after { left:-1px; } /********* saving account Page *********/ .savingAccKeyFetur { background-color:#ececec; position:relative; } .savingAccKeyFetur.whiteBg { background-color: #fff; } .savingAccKeyFetur .cols8 { width:63%; } .savingAccKeyFetur .cols4 { width:36.7%; } .depositProMenu h2 { padding-left:30px; } .textBlock p { margin-bottom:0; } .depositProMenu { position:relative; background:#ff6633; margin-bottom:28px; z-index:0; } .depositProMenu:before { position: absolute; right: 0; top: -80px; content: ""; background: #ff6633; display: block; height: 100%; width: 100%; z-index: -1; } .savingAccKeyFetur .container { position:relative; } .proMenu { list-style:none; padding:0; margin:0; } .proMenu li { border-bottom:1px solid #ff9471; position:relative; color:#fff; font-weight:600; } .proMenu li a { color:#fff; padding:14px 5px 14px 60px; display: block; } .proMenu li a:hover { background-color: #ed5a29; } .proMenu li:before { background:url(../../images/bullet-arrow-white.png)no-repeat; position:absolute; content:""; left:30px; top:19px; width:19px; height:13px; } .proMenu li:last-child { border-bottom:0 none; } .residentAcc .row { margin:0 -27px; } .residentAcc .cols4 { padding: 0 27px; } .residentAcc .cols4:first-child, .residentAcc .nonResid .cols4 { width:31.333%; } .residentAcc .docInbox { border-right:1px solid #77459a; min-height:298px; } .residentAcc .nonResid .docInbox { min-height:50px; } .residentAcc .cols4:last-child .docInbox { border-right:0 none; } .residentAcc .cols8 .docInbox { border-right:0 none; } .appButtonBlock .formBtn { display:block; background:#68308e; min-height:95px; color:#fff; font-weight:400; font-size:20px; margin-bottom:28px; line-height:94px; padding-left:100px; position:relative; } .appButtonBlock .formBtn:before { background:url(../../images/sprite.png)no-repeat; position:absolute; content:""; top:22px; left:30px; background-position:-83px -277px; width:50px; height:50px; } .docReqSection h2 { margin-bottom:15px; } .docReqSection .nonResid { margin-top: 22px; } .appButtonBlock .proLite:before { background-position:-154px -279px; } .appButtonBlock .formBtn:hover { background:#ff6633; } .appButtonBlock .proLite { background-color:#3b3b3b; margin-bottom:0; } .docReqSection { background:url(../../images/document-sec-bg.jpg)no-repeat; min-height:716px; background-size: 100% 100%; } .docReqSection h3 { font-size:20px; position:relative; margin-bottom:28px; } .docReqSection h3:before { width:64px; height:4px; background-color: #895ca7; content: ""; position: absolute; left: 0; bottom: -15px; } .docInbox ul { margin-bottom:0; } .residentAcc { margin-top:20px; } .residentAcc .docNo { color:#a685bd; font-size:46px; font-weight:300; } .residentAcc p { margin-bottom:10px; } .residentAcc p strong { font-weight:600; } .residentAcc p span.noteTxt { color:#c3acd2; display:block; padding-top:20px; } .residentAcc p span { font-size:14px; } .residentAcc ul li { font-size:14px; } .savingServiceSec { background:#ececec; margin-bottom:-60px; } .savServiceList { list-style:none; padding:0; margin:0 -20px; } .savServiceList li { padding:0 0 0 20px; width:33%; display: inline-block; vertical-align:top; } .savServiceList li a { color:#3b3b3b; font-size:20px; font-weight:600; display:table-cell; vertical-align:middle; height:85px; padding-left:106px; position:relative; } .savServiceList li a:after { background:url(../../images/sprite.png)no-repeat; position:absolute; content:""; top:0; left:0; width:85px; height:85px; border-radius:50%; border:2px solid #ff6633; transition:all 300ms ease 0ms; } .savServiceList li a.cirIcon:after { background-position:9px -334px; } .savServiceList li a.scIcon:after { background-position:-69px -335px; } .savServiceList li a.dgufIcon:after { background-position:-150px -334px; } .savServiceList li:hover a { color:#ff6633; } .savServiceList li:hover a.cirIcon:after { background-position:9px -411px; background-color:#ff6633; } .savServiceList li:hover a.scIcon:after { background-position:-69px -411px; background-color:#ff6633; } .savServiceList li:hover a.dgufIcon:after { background-position:-150px -409px; background-color:#ff6633; } /********* Loan Detail Page *********/ .loanDetailRight { position:relative; } .loanDetailRight .buttonGroup { position:absolute; top:0; right:0; } .loanEligSec { background:#f7f7f7; margin-bottom:-60px; position:relative; } .loanEligSec ul { margin-bottom:0; } .loanKeyFetureSec { padding-bottom:80px; } .representBlock h2 { position:relative; margin-bottom:35px; } .representBlock h2, .representBlock ul li, .representBlock p { color:#fff; } .loanEligSec .container { position:relative; } .representBlock { position:relative; } .loanEligSec .cols8 { width:62.667%; } .loanEligSec .cols4 { width:37.333%; padding:0 50px; } .loanEligSec .container:before { position: absolute; right: 15px; top: -80px; bottom: -60px; width: 35.5%; content: ""; background: #68308e; display: block; } .loanEligSec .topList { margin-bottom:22px; padding-bottom:22px; border-bottom:1px solid #a483bb; } .loanEligSec .topList.lastChild { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .loanEligSec .representBlock p { font-weight:600; font-style:italic; margin-bottom:0; position:absolute; } .loanEligSec .representBlock h2:before { width: 45px; height: 2px; background-color: #fff; content: ""; position: absolute; left: 0; bottom: -15px; } .botSpaceNone { margin-bottom: -60px; } .loanEligSec .representBlock p.forexBusinessText { font-style: normal; position: static; font-weight: 400; margin-bottom: 25px; } /********* Deposit Productse *********/ .depositProList .depositGrid { padding: 40px 0 60px 0; border-bottom: 1px solid #e7e7e7; } .depositProList .depositGrid:last-child { padding-bottom: 0; border-bottom: 0; } .depositProList .depositGrid .borderImgHolder { float: left; width: 34%; margin: 0; } .depositProList .depositGrid .borderImgHolder.leftBorder:before { top: 20px; } .depositProList .depositGrid .depositText { float: left; width: 66%; padding-left: 60px; } .commonListing { margin: 0; padding: 0; list-style: none; } .commonListing li { display: block; padding: 25px 0 30px 0; border-bottom: 1px solid #dfdfdf; } .commonListing li:last-child { padding-bottom: 0; border-bottom: 0; } .commonListing .thumbTitle, .newsDescription .newsDTitle, .pressRlsDetailWrap h2 { margin-bottom: 12px; } .newsDescription .newsDTitle, .pressRlsDetailWrap h2, .tenderDetail h2 { font-size: 19px; } .commonListing .thumbTitle a { color: #68308e; font-size: 19px; font-weight: 700; display: inline-block; } .commonListing .thumbTitle a:hover { color: #ff6633; } .commonListing .thumbDate, .newsDescription .newsDate, .pressRlsDetailWrap .pressReleaseDate { color: #ff6633; font-size: 14px; font-weight: 600; margin-bottom: 12px; } .pressRlsDetailWrap .pressReleaseDate { margin-bottom: 20px; } .commonListing .thumbDate .calIcon, .newsDescription .newsDate .calIcon, .pressRlsDetailWrap .pressReleaseDate .calIcon { width: 22px; height: 22px; background-position: -466px -148px; margin-right: 9px; } .commonListing .shortDesc { margin-bottom: 0; } .newsDescription .newsDate { margin-bottom: 25px; } .tenderPblsDate { padding: 0; list-style: none; } .tenderPblsDate li { display: block; margin-bottom: 10px; } .tenderPblsDate .label { float: left; width: 210px; font-weight: 700; position: relative; padding-right: 10px; } .tenderPblsDate .label:before { position: absolute; right: 0; top: 0; content: ":"; } .tenderPblsDate .value { padding-left: 230px; } .tenderDetail .tenderDes { margin-bottom: 25px; } /********* Media Page *********/ .mediaList { position: relative; padding-bottom: 190px; } .mediaList ul { margin: 0; padding: 0; list-style: none; float: left; width: 27.7%; position: relative; z-index: 2; } .mediaList ul.mediaRightLinks { float: right; } .mediaList ul li { padding: 85px 0; } .mediaList ul li a { display: block; background-color: #68308e; padding: 25px 20px; box-shadow: 0 0 30px rgba(101, 41, 122, 0.4); color: #fff; font-size: 22px; font-weight: 700; text-align: center; position: relative; overflow: hidden; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; } .mediaList ul li a:before { position: absolute; left: -5px; bottom: -5px; right: -5px; top: -5px; content: ""; border: 2px solid #fff; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; } .mediaList ul li a:hover:before { left: 7px; bottom: 7px; right: 7px; top: 7px; } .mediaList ul li a:hover { background-color: #ff6633; } .mediaList ul li .mediaTitle { display: block; } .mediaList ul li .icon { width: 64px; height: 56px; display: inline-block; margin-bottom: 10px; } .mediaList ul li .icon1 { background-position: -338px -203px; } .mediaList ul li .icon2 { background-position: -425px -203px; } .mediaList ul li .icon3 { background-position: -240px -281px; } .mediaList ul li .icon4 { background-position: -323px -282px; } .mediaList ul li .icon5 { background-position: -425px -351px; } .mediaList .mediaMiddleLinks { position: absolute; left: 50%; bottom: 0; margin-left: -162px; } .mediaList .mediaMiddleLinks li { padding: 0; } .mediaList .middleImgHolder { position: absolute; left: 50%; top: 120px; margin: 0 0 0 -241px; background:url(../../images/media-center-img.png) no-repeat center center; width: 482px; height: 539px; background-size: 100%; z-index: 1; } .mediaList .middleCircle { position: absolute; left: 0; top: 0; height: 75%; width: 100%; background:url(../../images/media-spin-img.png) no-repeat center center; animation-name: spin; animation-duration: 7000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0% { transform:scale(1); } 100% { transform:scale(1.1); } } @-webkit-keyframes spin { 0% { transform:scale(1); } 100% { transform:scale(1.1); } } /********* Photo Gallery *********/ .featuredPhotoSlider { padding-top: 20px; padding-bottom: 60px; } .featuredPhotoSlider .swiper-container { padding: 30px 0; } .featuredPhotoSlider .photoOverlay { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 20px; background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } .featuredPhotoSlider .fPhotoBox, .featuredPhotoSlider .fPhotoBox img, .featuredPhotoSlider .photoOverlay, .featuredPhotoSlider .fPhotoBox:before { transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .featuredPhotoSlider .photoOverlay { opacity: 0; visibility: hidden; } .featuredPhotoSlider .swiper-slide-active .photoOverlay { opacity: 1; visibility: visible; } .featuredPhotoSlider .photoOverlay p { margin: 0; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; } .featuredPhotoSlider .swiper-slide { background-color: #000; } .featuredPhotoSlider .fPhotoBox img { width: 100%; } .featuredPhotoSlider .fPhotoBox { opacity: 0.5; position: relative; } .featuredPhotoSlider .fPhotoBox:before { position: absolute; left: -8px; top: -8px; bottom: -8px; right: -8px; border: 8px solid #fff; content: ""; opacity: 0; visibility: hidden; } .featuredPhotoSlider .swiper-slide-active .fPhotoBox:before { opacity: 1; visibility: visible; } .featuredPhotoSlider .swiper-slide-active .fPhotoBox { transform:scale(1.2); -webkit-transform:scale(1.2); z-index: 1; opacity: 1; } .featuredPhotoSlider .swiper-button-nextWrap, .featuredPhotoSlider .swiper-button-prevWrap { position: absolute; top: 50%; margin-top: -23px; } .featuredPhotoSlider .swiper-button-nextWrap { right: 27.8%; } .featuredPhotoSlider .swiper-button-prevWrap { left: 25%; } .featuredPhotoSlider .swiper-button-next, .featuredPhotoSlider .swiper-button-prev { width: 47px; height: 47px; margin: 0; opacity: 0.66; transition:all 300ms ease 0ms; -webkit-transition:all 300ms ease 0ms; } .featuredPhotoSlider .swiper-button-next:hover, .featuredPhotoSlider .swiper-button-prev:hover { opacity: 1; } .featuredPhotoSlider .swiper-button-prev { background-position: -404px -278px; background-size:auto } .featuredPhotoSlider .swiper-button-next { background-position: -451px -278px; background-size:auto } .photoAlbumWrap { background-color: #ececec; } .photoAlbumList, .albumPhotoList { margin: 0 -15px; padding: 0; list-style: none; } .photoAlbumList li, .albumPhotoList li { float: left; width: 33.333%; padding: 15px; } .photoAlbumList .photoAlbumItem { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: block; } .photoAlbumList .photoAlbumThumb, .albumPhotoList .albumPhotoBox, .videoList .albumVideoBox { position: relative; overflow: hidden; height: 205px; } .photoAlbumList .photoAlbumThumb .imgHolder input { width: 100%; } .photoAlbumList .photoAlbumThumb img { width: 100%; } .photoAlbumList .photoAlbumThumb .albumOverlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition:all 500ms ease 0ms; -webkit-transition:all 500ms ease 0ms; background: rgba(208, 80, 163, 1); background: -moz-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(208, 80, 163, 1)), color-stop(100%, rgba(99, 40, 121, 1))); background: -webkit-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -o-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: linear-gradient(135deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d050a3', endColorstr='#632879', GradientType=1 ); } .photoAlbumList li .photoAlbumItem:hover .photoAlbumThumb .albumOverlay { opacity: 0.9; visibility: visible; } .photoAlbumList .totalPhotos { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); text-align: center; opacity: 0; visibility: hidden; transition:all 300ms ease 0ms; -webkit-transition: all 300ms ease 0ms; } .photoAlbumList li .photoAlbumItem:hover .totalPhotos { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photoAlbumList .totalPhotos .totalPhotoIcon { width: 42px; height: 42px; background-position: -247px -358px; } .photoAlbumList .totalPhotos .photosCount { display: block; font-size: 20px; color: #fff; font-weight: 600; padding-top: 10px; } .photoAlbumList .albumTitle { position: relative; padding: 20px; color: #2d2d2d; font-size: 14px; font-weight: 600; } .photoAlbumList .albumTitle a { color: #2d2d2d; display: block; /*height: 42px;*/ overflow: hidden; } .photoAlbumList li .photoAlbumItem:hover .albumTitle a { color: #ff6633; } .photoAlbumList .albumTitle:before { bottom: 80%; left: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; opacity: 0; visibility: hidden; } .photoAlbumList li .photoAlbumItem:hover .albumTitle:before { opacity: 1; visibility: visible; bottom: 100%; } .viewAlbum h3.albumTitle { font-size: 20px; } .albumTitleRow { position: relative; padding-right: 200px; } .albumTitleRow .backBtn { position: absolute; right: 0; top: 0; } .albumPhotoList .albumPhotoBox { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #fff; } .albumPhotoList .viewPhoto { background:rgba(104, 48, 142, 0.8) url(../../images/zoom-icon.png) no-repeat center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); } .albumPhotoList .albumPhotoBox:hover .viewPhoto { opacity: 1; visibility: visible; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } /********* Useful Links *********/ .usefulLinks ul.bulletText li { font-weight: 600; font-size: 16px; margin: 10px 0; } .usefulLinks ul.bulletText li span { display: block; font-weight: 400; } .complaintsHandling { padding: 0; list-style: none; } .complaintsHandling li { font-size: 16px; margin-bottom: 8px; } .complaintsHandling .label { float: left; font-weight: 600; width: 140px; } .fscsList { padding: 30px 0 0 0; } .fscsList .fscsBox { display: block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } .fscsList .fscsBox img { width: 100%; } .fscsList .fscsBox span { display: block; } .fscsList .fscsBox .fscsTitle { padding: 15px; font-weight: 700; font-size: 16px; } .fscsList .bulletText li { margin-bottom: 20px; } .privacyFolloCatTable th:first-child, .privacyFolloCatTable td:first-child { width: 500px; } .privacyPurposeTable ul.circleText { margin-bottom: 0; } .grayBgRow { background-color: #ececec; } .backLinkWrap { text-align: right; margin-bottom: 20px; } .backLink { position: relative; background: url(../../images/back-link-arrow.png) no-repeat 0 4px; padding-left: 22px; font-size: 16px; } .advSearchFilter { position: relative; border: 1px solid #d9d9d9; background: #f1f2f2; padding: 20px 30px 20px 90px; margin-bottom: 20px; } .advSearchFilter .filterTitle { position: absolute; left: 20px; top: 24px; font-weight: 600; font-size: 18px; } .moduleSearch { margin: 0; padding: 0; } .moduleSearch li { float: left; width: auto; list-style: none; padding-right: 20px; } .moduleSearch li .inputCol { display: inline-block; position: relative; width: 118px; vertical-align: middle; } .moduleSearch li .advSchFilterCheckbox { margin: 6px 0 0 0; display: inline-block; vertical-align: top; font-weight: 400; } .moduleSearch li label, .moduleSearch li .label { font-size: 14px; padding: 0 10px 0 0; padding-bottom: 0px; padding-left: 0px; display: inline-block; vertical-align: middle; font-weight: 600; } .moduleSearch li select:disabled { background: #e6e6e6 url(../../images/drop-select-arrow-inactive.png) right center no-repeat; opacity:1 !important; padding: 0 10px; } .moduleSearch li .customSelectOuter select { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; } /**********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); } [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before { background: #fff !important; } .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; } .pagingbar { margin-bottom: 30px; padding: 10px 15px 8px; border: 1px solid #dadada; background: #f1f2f2; } .records { float: left; } .records.go { float: right; } .paging { float: none; padding: 5px 136px 0 180px; line-height: normal; text-align: center; } .pagingbar .txt { font-size: 14px; margin: 0; padding-right: 10px; line-height: 30px; display: inline-block; vertical-align: middle; } .pagingbar .customSelectOuter { display: inline-block; vertical-align: middle; width: 80px; } .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.nextBtn { background: url(../../images/next-gallery.png) no-repeat center center; height: 26px; text-indent: -999em; width: 24px; border: none; } .paging table { float:none; width: auto; border: 0; display: inline-block; vertical-align: middle; margin: 0; } .paging table tr td { background: none; border: 0; padding: 0 5px; } .paging input { color: #fff; display: inline-block; vertical-align: middle; padding: 0 5px; cursor: pointer; height: 30px; width: 30px; line-height: 28px; } /***************Auto Complete***************/ .ui-autocomplete { max-height:260px; width:240px; 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; word-wrap: break-word; } .ui-autocomplete li a:hover { text-decoration:none; background:#f1f1f1; color:#ff6633; } .ui-helper-hidden-accessible { display:none; } /********* Enquiry Now *********/ .enquiryNow { margin: -60px 0; background: url(../../images/enquiry-now-bg.jpg) no-repeat 0 0; background-size: cover; } .commonForm { margin: 0; padding: 0; list-style: none; position: relative; } .commonForm .fieldRow { margin-bottom: 20px; } .commonForm .fieldCol { position: relative; } .commonForm.col2Form { margin: 0 -15px; } .commonForm.col2Form .fieldRow { float: left; width: 50%; padding: 0 15px; } .commonForm.col2Form li:before, .commonForm.col2Form li:after { content:" "; display:table } .commonForm.col2Form li:after { clear:both } .commonForm .label { padding-bottom: 8px; font-size: 14px; color: #545454; font-weight: 600; display: block; } .commonForm .label .label, .commonForm .label span { padding-bottom: 0; } .commonForm .red, .commonForm .asterix, .enquiryNow .red { color: #F00; } .commonForm textarea { height: 130px; resize: none; } .commonForm .captchaBox { position: relative; max-width: 350px; padding-right: 160px; } .commonForm .captchaBox .captchaImgBox { position: absolute; right: 0; top: 0; } .commonForm .captchaBox .captchaImg, .commonForm .captchaBox .refreshCaptcha { display: inline-block; vertical-align: middle; } .commonForm .captchaBox .captchaImg { margin-right: 5px; } /*.commonForm .captchaBox .captchaImg img { border: 1px solid #cdcdcd; }*/ .commonForm .error, .acceptTc .error { position: absolute; bottom: -17px; left: 0; background: #ff0000; color: #fff; border-radius: 3px; padding: 2px 10px; font-size: 13px; z-index: 1; top: auto !important; display: none; } .commonForm .error:after, .acceptTc .error:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f00; position: absolute; content: ""; left: 15px; top: -6px; } .successMsg { font-size: 18px; font-weight: 600; color: #60a419; } .enquiryNow .fieldsRequired { text-align: right; font-size: 14px; } .enquiryNowFormWrap { position: relative; padding-right: 363px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); min-height: 657px; } .enquiryNowForm { padding: 30px; position: relative; } .enquiryNowForm .enquiryTitleRow { position: relative; } .enquiryNowForm .fieldsRequired { position: absolute; right: 0; top: 4px; } .enquiryNowForm h2 { font-size: 20px; font-weight: 600; } .enquiryNowForm .captchaRow { position: absolute; left: 0; bottom: 0; } .enquiryNowFormWrap .impNote { position: absolute; right: 0; top: 0; height: 100%; width: 363px; background:#68308e url(../../images/enquiry-now-note-bg.jpg) no-repeat 0 bottom; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .enquiryNowFormWrap .noteText { position: absolute; left: 40px; top: 30px; right: 40px; margin: 0; } .enquiryNowFormWrap .noteText h2 { font-size: 21px; color: #fff; margin-bottom: 10px; } .enquiryNowFormWrap .noteText p { font-style: italic; font-size: 17px; color: #fff; margin: 0; } .formButtonRow { margin-top: 20px; } .formButtonRow .submitBtn, .currencyConverter .submitBtn { position: relative; background: #ff6633 url(../../images/btn-arrow-white.png) no-repeat 84% center; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; padding:10px 48px 10px 20px; vertical-align: middle; } .formButtonRow .submitBtn:hover, .currencyConverter .submitBtn:hover { background: #69308e url(../../images/btn-arrow-white.png) no-repeat 84% center; color: #fff; } /********* Date Picker *********/ .datepickerWrap { position: relative; } .datepickerWrap .ui-datepicker-trigger { position: absolute; right: 10px; top: 7px; width: 24px; height: 24px; } .datepickerWrap .calIcon { width: 24px; height: 24px; background-position: -319px -367px; } .ui-datepicker, .eventCalOut, .calendarIcon { background-color:#ff6633; } .ui-datepicker th { background-color:#b03f19; } .ui-state-highlight { background-color:#b03f19; } .ui-state-active, .ui-datepicker tbody a:hover { background-color:#b03f19; } .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width: 270px; padding:.2em .2em 0; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .ui-datepicker .ui-datepicker-header { position:relative; padding:2px 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 7px; } .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; font-size: 14px; } .ui-datepicker td { border: 0; padding: 1px; background-color: transparent; font-weight: 700; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color: transparent; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow: hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow: visible; } .ui-datepicker tbody a { color:#fff; } .ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; } .ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor:pointer; color:#fff; } .ui-datepicker-prev span, .ui-datepicker-next span { background:url(../../images/cal-arrow-icon.png) no-repeat right center; overflow:hidden; width:28px; height:28px; position:static !important; margin:0 !important; text-indent:-9999px; } .ui-datepicker-next span { background-position:9px 7px; } .ui-datepicker-prev span { background-position:-12px 7px; } .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; } .advancedSearch .totalResult { margin-bottom: 20px; } .pressDetailRow .imgHolder { display: none; } /********* Contact Us *********/ .contactUsWrap { position: relative; background-color: #68308e; margin-top: -60px; } .contactUsMap { height: 400px; background-color: #ccc; border-top: 1px solid #ccc; } .contactBox .row { margin: 0 -50px; } .contactBox .row .cols6 { padding: 0 50px; } .contactBox h2, .contactBox p, .contactUsWrap .branchManager p, .contactUsWrap .branchManager p span, .contactUsWrap .contactDetailList li, .contactUsWrap .contactDetailList .label, .contactUsWrap .contactDetailList .orangeColor { color: #fff; } .contactBox h2 { margin-bottom: 15px; min-height: 53px; } .contactBox h2 span { display: block; font-size: 15px; font-weight: 400; } .contactBox p.address { font-size: 19px; } .contactUsWrap .branchManager { border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; padding: 15px 0; } .contactUsWrap .branchManager .leftCol { float: left; } .contactUsWrap .branchManager .rightCol { float: right; } .contactUsWrap .branchManager p { font-size: 17px; margin-bottom: 0; border: 0; padding-bottom: 0; } .contactUsWrap .branchManager p span { font-size: 18px; font-weight: 700; display: block; } .contactUsWrap .contactDetailList { margin-top: 15px; margin-bottom: 0; padding: 0; list-style: none; } .contactUsWrap .contactDetailList li { font-size: 16px; float: none; padding: 7px 0; } .contactUsWrap .contactDetailList li a { text-decoration: underline; color: #fff; } .contactUsWrap .contactDetailList li a:hover { text-decoration: none; } .contactUsWrap .contactDetailList .label { position: relative; font-weight: 600; float: left; width: 100px; } .contactUsWrap .contactDetailList .label:after { position: absolute; right: 15px; top: 0; content: ":"; } .contactUsWrap .contactDetailList .value { padding-left: 100px; word-wrap: break-word; } .contactUsWrap .contactDetailList .orangeColor { text-transform: uppercase; } .currencyConverterBtn { float: right; margin-top: -10px; } .contacDetailTable .smallText { font-size: 14px; font-weight: 600; } .subsidiaryOrBox { padding: 40px 115px 40px 25px; background: #ff6633 url(../../images/query-icon.png) no-repeat right 10px; overflow: hidden; } .subsidiaryOrBox p { margin-bottom: 0; font-size: 18px; } .subsidiaryOrBox .labelText { display: inline-block; font-weight: 600; } .subsidiaryOrBox a { text-decoration: underline; color: #fff; } .subsidiaryOrBox a:hover { text-decoration: none; } .subsidiaryForm { background-color: #ececec; padding: 20px 30px; } .subsidiaryForm .fieldsRequired { margin-bottom: 10px; font-size: 14px; text-align: right; } .red { color: #F00; } .subsidiaryForm .formButtonRow { margin-top: 0; } /********* Career *********/ .recruitmentList { margin: 0; list-style: none; padding: 0; } .recruitmentList li { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; padding: 20px; } .recruitmentList li:nth-child(odd) { background-color: #f1f2f2; } .recruitmentRow { padding: 5px 0; } .recruitmentRow .labelText { float: left; width: 125px; position: relative; font-weight: 600; color: #68308e; } .recruitmentRow .inputText { padding-left: 140px; } .recruitmentRow .viewAllLink { margin-top: 15px; } .careerNoRecord p { margin-bottom: 10px; color: #F00; } .lastUpdateExRate, .innerRateDate { font-size: 15px; color: #505050; font-weight: 400; } .bobThankYouMsg { text-align: center; font-size: 19px; position: relative; color: #097a26; } .bobThankYouMsg:before { position: absolute; left: 50%; bottom: -20px; width: 150px; height: 5px; margin-left: -75px; background-color: #0fa134; content: ""; } ul.bulletText.margNone { margin-bottom: 12px; } /********* Currency Converter *********/ .currencyConverter { background-color: #68308e; padding: 35px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .currencyConverter .currencyWrap { background-color: #fff; position: relative; margin-bottom: 25px; padding: 10px; } .currencyConverter .currencyWrap span { display: block; } .currencyConverter .currencyWrap .currencyTitle { color: #505050; font-weight: 400; } .currencyConverter .currencyWrap .currencyType { font-size: 17px; font-weight: 700; } .currencyConverter .currencyWrap .toCricle { width: 90px; height: 90px; border-radius: 50%; background-color: #68308e; font-size: 24px; text-align: center; margin-left: -45px; margin-top: -45px; position: absolute; left: 50%; top: 50%; color: #fff; font-weight: 600; padding: 25px 0; } .currencyConverter .rCurrency, .currencyConverter .pCurrency { float: left; width: 50%; color: #68308e; font-weight: 600; } .currencyConverter .rCurrency { padding-right: 60px; } .currencyConverter .pCurrency { padding-left: 60px; } .currencyConverter .receiveAmount { padding-bottom: 10px; color: #fff; font-size: 17px; } .currencyConverter .inputField { margin-bottom: 25px; position: relative; } .currencyConverter .inputField input[type="text"] { height: auto; line-height: 1; padding: 18px 10px; } .currencyConverter .submitBtn { width: 100%; text-align: left; padding:15px 10px; background:#ff6633 url(../../images/btn-arrow-white.png) no-repeat 97% center; } .currencyConverter .submitBtn:hover { background:#3b1257 url(../../images/btn-arrow-white.png) no-repeat 97% center } .currencyConverter .rAmountRow { padding-top: 20px; } .currencyConverter p { margin-bottom: 0; color: #fff; font-size: 18px; } .currencyConverter p strong { font-size: 20px; position: relative; } .currencyConverter .rAmountRow .cols6:last-child { text-align: right; } .currencyConverter .currencyWrap .customSelectOuter { width: 85px; } .currencyConverter .currencyWrap span.customSelect { height: 25px; line-height: 22px; padding-left: 7px; font-size: 14px; font-weight: 600; } .currencyConverter .currencyWrap .aspNetDisabled.customSelect { cursor: not-allowed; } .currencyConverter .currencyWrap .currencyTitle { line-height: 1.2; padding-bottom: 5px; } .currencyConverter .ccErrorMsg, .currencyConverter .error { position: absolute; bottom: -17px; left: 0; background: #ff0000; color: #fff; border-radius: 3px; padding: 2px 10px; font-size: 13px; z-index: 1; top: auto !important; } .currencyConverter .ccErrorMsg:after, .currencyConverter .error:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f00; position: absolute; content: ""; left: 15px; top: -6px; } .barodaMaxWrap { padding-bottom: 60px; } /********* Video Gallery *********/ .videoGallery, .videoList { margin: 0 -15px; padding: 0; list-style: none; } .videoGallery li, .videoList li { float: left; width: 33.333%; padding: 15px; } .videoGallery li input { width: 100%; display: block; } .videoGallery .galleryBox { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: block; } .videoGallery li h3 { position: relative; padding: 20px; color: #2d2d2d; font-size: 14px; font-weight: 600; } .videoGallery li h3:before { bottom: 80%; left: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; transition:all 400ms ease 0ms; -webkit-transition:all 400ms ease 0ms; opacity: 0; visibility: hidden; } .videoGallery li .galleryBox:hover h3:before { opacity: 1; visibility: visible; bottom: 100%; } .videoGallery li h3 a { color: #2d2d2d; } .videoGallery .videoAlbumThumb { position: relative; height: 205px; overflow: hidden; } .videoGallery .videoAlbumThumb .albumOverlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition:all 500ms ease 0ms; -webkit-transition:all 500ms ease 0ms; background: rgba(208, 80, 163, 1); background: -moz-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(208, 80, 163, 1)), color-stop(100%, rgba(99, 40, 121, 1))); background: -webkit-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -o-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); background: linear-gradient(135deg, rgba(208, 80, 163, 1) 0%, rgba(99, 40, 121, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d050a3', endColorstr='#632879', GradientType=1 ); } .videoGallery li .galleryBox:hover .videoAlbumThumb .albumOverlay { opacity: 0.9; visibility: visible; } .videoGallery .totalVideos { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); text-align: center; opacity: 0; visibility: hidden; transition:all 300ms ease 0ms; -webkit-transition: all 300ms ease 0ms; } .videoGallery li .galleryBox:hover .totalVideos { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .videoGallery .totalVideos .totalVideoIcon { width: 42px; height: 42px; background-position: -247px -358px; } .videoGallery .totalVideos .videoCount { display: block; font-size: 20px; color: #fff; font-weight: 600; padding-top: 10px; } .videoGallery li .galleryBox:hover h3 a { color: #ff6633; } .videoList .albumVideoBox { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #fff; } .videoList li .imgHolder img { width: 100%; } .videoList .playVideo { background:rgba(104, 48, 142, 0.8) url(../../images/play-icon.png) no-repeat center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); } .videoList .albumVideoBox:hover .playVideo { opacity: 1; visibility: visible; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .redText { color: #ff0000; } .wbServicesBtn { text-align: center; } .wbServicesBtn .button { padding: 20px 40px; text-transform: uppercase; background-color:#68308e; } .wbServicesBtn .button:hover { background-color:#ff6633; } .pageRightImg { position: relative; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .pageRightImg img { width: 100%; position:relative; z-index: 1; } .pageRightImg:before, .pageRightImg:after { position: absolute; content: ""; width: 180px; height: 180px; z-index: -1; } .pageRightImg:before { background-color:#ff6633; left: -10px; bottom: -10px; } .pageRightImg:after { background-color:#672f8d; right: -10px; top: -10px; } .headerRow .countryTime li { width: 118px; } .headerRow .countryTime li span { display:inline-block; vertical-align: middle; } .headerRow .countryTime li td { text-transform: uppercase; } .headerRow .countryTime li span#t1 { color: #fff !important; } .headerRow .countryTime li #ukTimeClock, .headerRow .countryTime li #IndTimeClock { width: 67px; } .staticPopupWrap { display:none;background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; } .staticPopup { width:600px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -300px; background:rgba(255, 255, 255, 0.6); padding:15px; border-radius:8px; } .staticPopupInner { background:#fff; height:270px; } .staticPopupInner h2 { background:#ff6633; padding:15px; margin:0; color:#fff; } .staticPopupInner .bulletText { margin-left:20px; } .closeStaticPopup { background:#ff6633; color:#fff; font-weight:bold; width:30px; height:30px; position:absolute; right:-15px; top:-15px; border-radius:50%; text-align:center; line-height:30px; cursor:pointer; } .popupLogo { padding:15px 15px 0; border-bottom:1px solid #d1d1d1; margin-bottom:20px; } .headerRow .headerBtn.hmaxLoginBtn { background-color: #68308e; color: #fff; } .headerRow .headerBtn.hmaxLoginBtn .maxLogin {background-position: -189px -26px;} .headerRow .headerBtn.hmaxLoginBtn:hover{ background-color:#ff6633; } /*********Cookie*********/ .acceptTc { margin-top: 10px; position: relative; } .acceptTc [type="checkbox"]:not(:checked) + label:before, .acceptTc [type="checkbox"]:checked + label:before, .acceptTc [type="checkbox"]:not(:checked) + label:after, .acceptTc [type="checkbox"]:checked + label:after { top: 3px; } .cookieStrip {color: #666;background: #eaeaea;padding: 7px 20px;text-align: center;font-size: 14px;overflow: hidden;border-bottom: 1px solid #cacaca;width: 100%;position: fixed;top: 0;left: 0;z-index: 999; display: none;} .cookieStrip .button { padding: 5px 13px; cursor: pointer; margin-left: 15px; }