﻿/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* devanagari */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* latin-ext */
@font-face { font-family: 'Average Sans'; font-style: normal; font-weight: 400; src: url(fonts/1Ptpg8fLXP2dlAXR-HlJJNJ_DNCb_Vo.woff2) format('woff2'); unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* latin */
@font-face { font-family: 'Average Sans'; font-style: normal; font-weight: 400; src: url(fonts/1Ptpg8fLXP2dlAXR-HlJJNJ_AtCb.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

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-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; font-size: 16px; }
html.larger { font-size: 18px; }
html.smaller { font-size: 14px; }
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
ol, ul { list-style: none; }
body, #Body { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 0.875rem; color: #000; line-height: 1.5; list-style-type: none; overflow-x: hidden; margin: 0; padding: 0; min-width: 320px; }
body.largeFont p, body.largeFont div { font-size: 20px; }
/*body p,body div{font-size:18px;}*/
body.smallFont p, body.smallFont div { font-size: 16px; }
.Normal { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 0.875rem; color: #000; line-height: 1.5; font-weight: normal; }
.ModDNNHTMLC .Normal { font-size: 1rem; }
body.cke_editable { color: #000; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
a:hover, a:active { outline: 0; }
img { border: 0 none; max-width: 100%; }
em { font-style: italic; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
strong { font-weight: bold; }
i { font-style: italic; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
article p { padding-bottom: 20px; }
/*div{position:relative;}*/
input, select, button, textarea { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 100% !important; margin: 0; vertical-align: baseline; text-transform: none; }
p > small, small { font-size: 80%; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
.fl { float: left; }
.fr { float: right; }
.ofAuto { overflow: auto; }
.posRel { position: relative; }
.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; font-size: 0; }
.w5 { width: 5%; }
.w10 { width: 10%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w16-3 { width: 16.3%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w29 { width: 29%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w33 { width: 33.3333%; }
.w33-4 { width: 33.35%; }
.w33-7 { width: 33.7%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w48 { width: 48%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66%; }
.w66-6 { width: 66.65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w86 { width: 86%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w96 { width: 96%; }
.w98 { width: 98%; }
.w100 { width: 100%; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; }
.rel { position: relative; }
.glHidden { display: none; }
.glHiddenImportant { display: none !important; }
.wrap { width: 96%; max-width: 1500px; margin: 0 auto; }
.dFlex { display: flex; }
.dFlexAIC, .dFlexAICF1 { display: flex; align-items: center; }
.dFlexAICF1 { flex: 1; }
.dFlexAICJCSB { display: flex; align-items: center; justify-content: space-between; }
.dFlexJCSB { display: flex; justify-content: space-between; }
.dFlexFDC { display: flex; flex-direction: column; }
.dFlexFDCJCSP { display: flex; flex-direction: column; justify-content: space-between; }
.dFlexFDCol { display: flex; flex-direction: column; }
.brBlack { border-right: 1px solid #000; }
.bbBlack { border-bottom: 1px solid #000; }
.h50 { height: 50%; }
.jcc { justify-content: center; }
.mr20p { margin-right: 20px; }
.mr2 { margin-right: 2%; }
.mt10p { margin-top: 10px; }
.mt20p { margin-top: 20px; }
.mt110p { margin-top: 110px; }
.mb10p { margin-bottom: 10px; }
.mb20p { margin-bottom: 20px; }
.mb30p { margin-bottom: 30px; }
.p6p { padding: 6px; }
.redText { color: #D8202C; }
.blueText { color: #0F70B5; }
.reqAsterisk { color: #ff0000; font-weight: bold; padding: 0px 2px; }
main { background-color: #EAEEF1; }
ul.redDots li { list-style: none; }
ul.redDots li:before { content: ""; background-color: #D8202C; display: inline-block; width: 8px; height: 8px; margin: 2px 12px 2px 2px; border-radius: 100%; }
ol li{list-style:decimal none inside;}
a.primaryRedBtn, a.primaryRedBtn:visited, a.primaryRedBtn:link, a.primaryBlueBtn, a.primaryBlueBtn:visited, a.primaryBlueBtn:link, a.primaryBlueBtn:hover { display: inline-block; min-width: 212px; min-height: 44px; line-height: 1.1; padding: 14px 18px; text-align: center; text-decoration: none; font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; background-color: #D8202C; border-radius: 4px; }
a.primaryRedBtn:hover { background-color: #006EB7; }
a.primaryBlueBtn, a.primaryBlueBtn:visited, a.primaryBlueBtn:link, a.primaryBlueBtn:hover { background-color: #006EB7; }
a.primaryRedBtn.noBR, a.primaryRedBtn.noBR:link, a.primaryRedBtn.noBR:hover, a.primaryRedBtn.noBR:visited { border-radius: 0px; }
body.largeFont a.primaryRedBtn, body.largeFont a.primaryRedBtn:visited, body.largeFont a.primaryRedBtn:link, body.largeFont a.primaryBlueBtn, body.largeFont a.primaryBlueBtn:visited, body.largeFont a.primaryBlueBtn:link, body.largeFont a.primaryBlueBtn:hover { font-size: 18px; }
body.smallFont a.primaryRedBtn, body.smallFont a.primaryRedBtn:visited, body.smallFont a.primaryRedBtn:link, body.smallFont a.primaryBlueBtn, body.smallFont a.primaryBlueBtn:visited, body.smallFont a.primaryBlueBtn:link, body.smallFont a.primaryBlueBtn:hover { font-size: 14px; }
.topHeader { background-color: #0F70B5; }
.topHeader .wrap { display: flex; justify-content: center; padding: 18px 0 14px 0; }
#TopMenu { width: 36%; }
#TopMenu ul li { float: left; margin-right: 38px; }
#TopMenu ul li a, #TopMenu ul li a:link, #TopMenu ul li a:hover, #TopMenu ul li a:visited { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #fff; font-weight: 400; text-decoration: none; }
body.smallFont #TopMenu ul li a, body.smallFont #TopMenu ul li a:link, body.smallFont #TopMenu ul li a:hover, body.smallFont #TopMenu ul li a:visited, body.smallFont #MainMenu ul li a, body.smallFont #MainMenu ul li a:link, body.smallFont #MainMenu ul li a:hover, body.smallFont #MainMenu ul li a:visited { font-size: 16px; }
body.largeFont #TopMenu ul li a, body.largeFont #TopMenu ul li a:link, body.largeFont #TopMenu ul li a:hover, body.largeFont #TopMenu ul li a:visited, body.largeFont #MainMenu ul li a, body.largeFont #MainMenu ul li a:link, body.largeFont #MainMenu ul li a:hover, body.largeFont #MainMenu ul li a:visited { font-size: 20px; }
header .subHeader { padding: 10px 0px; }
#MainMenu { width: 64%; }
#MainMenu ul li { float: left; margin-right: 60px; position: relative; }
#MainMenu ul li a, #MainMenu ul li a:link, #MainMenu ul li a:hover, #MainMenu ul li a:visited { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #fff; font-weight: 400; text-decoration: none; }
#MainMenu ul li.selected a:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #fff; display: block; position: absolute; left: calc(50% - 6px); bottom: -14px; }
.logoContainer { width: 266px; }
body.largeFont .logoContainer { width: 220px; }
.searchbox { position: relative; }
.searchbox .magnify { display: inline-block; width: 19px; height: 19px; background-image: url(Images/icons.png); background-position: -47px -112px; text-decoration: none; margin: 0 26px; text-indent: -999em }
.searchbox .magnify.opened { font-size: 32px; line-height: 14px; text-align: center; color: #434756; background-image: none; text-indent: 0px; }
.subNavContainer { flex: 1; justify-content: flex-end; position: relative; }
.subNavContainer .rel.dFlexFDC { min-width: 260px; }
.subNavContainer #SubMenu ul li { float: left; margin-right: 44px; }
.subNavContainer #SubMenu ul li.last { margin-right: 0px; }
.subNavContainer #SubMenu ul li a, .subNavContainer #SubMenu ul li a:link, .subNavContainer #SubMenu ul li a:visited { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #434756; font-weight: 400; text-decoration: none; }
body.largeFont .subNavContainer #SubMenu ul li a, body.largeFont .subNavContainer #SubMenu ul li a:link, body.largeFont .subNavContainer #SubMenu ul li a:visited { font-size: 20px; }
body.smallFont .subNavContainer #SubMenu ul li a, .body.smallFont subNavContainer #SubMenu ul li a:link, body.smallFont .subNavContainer #SubMenu ul li a:visited { font-size: 16px; }
.subNavContainer #SubMenu ul.ul-menu { display: flex; text-align: center; justify-content: space-evenly; }
.subNavContainer #SubMenu ul li a:hover { color: #116FB5; }
.subNavContainer #SubMenu ul li.selected a, .subNavContainer #SubMenu ul li.selected a:link, .subNavContainer #SubMenu ul li.selected a:hover, .subNavContainer #SubMenu ul li.selected a:visited { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #116FB5; font-weight: 600; text-decoration: none; }
.linksContainers { max-width: 1250px; width: 100%; display: flex; justify-content: space-between; margin: 46px auto 36px; }
.linksContainers .linksContainer { max-width: 406px; width: 100%; border: 2px solid #F8F8FA; padding: 36px 60px 50px; }
.linksContainers .linksContainer h2 { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 28px; color: #141414; font-weight: 500; margin-bottom: 30px; }
body.largeFont .linksContainers .linksContainer h2 { font-size: 30px; }
body.smallFont .linksContainers .linksContainer h2 { font-size: 26px; }
.linksContainers .linksContainer ul li { margin-bottom: 8px; }
.linksContainers .linksContainer ul li a, .linksContainers .linksContainer ul li a:link, .linksContainers .linksContainer ul li a:visited, .linksContainers .linksContainer ul li a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 20px; color: #434756; font-weight: 300; text-decoration: none; }
body.largeFont .linksContainers .linksContainer ul li a, body.largeFont .linksContainers .linksContainer ul li a:link, body.largeFont .linksContainers .linksContainer ul li a:visited, body.largeFont .linksContainers .linksContainer ul li a:hover { font-size: 22px; }
body.smallFont .linksContainers .linksContainer ul li a, body.smallFont .linksContainers .linksContainer ul li a:link, body.smallFont .linksContainers .linksContainer ul li a:visited, body.smallFont .linksContainers .linksContainer ul li a:hover { font-size: 18px; }

.youAreProtected { background-image: url(Images/protected.webp),url(Images/protected.jpg); background-size: cover; padding: 82px 0 38px; }
.youAreProtected h2 { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 36px; letter-spacing: 1.8px; color: #141414; font-weight: bold; margin-bottom: 60px; text-transform: uppercase; }
body.largeFont .youAreProtected h2 { font-size: 38px; }
body.smallFont .youAreProtected h2 { font-size: 34px; }
.youAreProtected .authorityDescr { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; letter-spacing: 0.9px; color: #141414; font-weight: 600; margin-bottom: 46px; max-width: 620px; }
body.largeFont .youAreProtected .authorityDescr { font-size: 20px; }
body.smallFont.youAreProtected .authorityDescr { font-size: 16px; }
.hereToHelpYou { padding: 74px 0px 68px; background-image: url(Images/pic_baby_2000.webp),url(Images/pic_baby_2000.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.hereToHelpYou .wrap { display: flex; align-items: center; justify-content: center; }
.hereToHelpYou span.whiteText { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 30px; letter-spacing: 1.8px; color: #006EB7; font-weight: bold; text-transform: uppercase; margin-right: 60px; }
body.largeFont .hereToHelpYou span.whiteText { font-size: 32px; }
body.smallFont .hereToHelpYou span.whiteText { font-size: 28px; }
.hereToHelpYou a.primaryRedBtn, .hereToHelpYou a.primaryBlueBtn:hover, .hereToHelpYou a.primaryBlueBtn:link, .hereToHelpYou a.primaryBlueBtn:visited { font-weight: 300; font-size: 18px; min-width: 258px; }
.copyright { padding: 70px 20px 44px; }
.copyright .btnsContainer { margin-bottom: 30px; display: flex; justify-content: space-evenly; }
.copyright .btnsContainer a.primaryRedBtn, .copyright .btnsContainer a.primaryRedBtn:hover, .copyright .btnsContainer a.primaryRedBtn:link, .copyright .btnsContainer a.primaryRedBtn:visited { font-weight: 300; font-size: 18px; min-width: 258px; margin-bottom: 20px; }
body.largeFont .copyright .btnsContainer a.primaryRedBtn, body.largeFont .copyright .btnsContainer a.primaryRedBtn:hover, body.largeFont .copyright .btnsContainer a.primaryRedBtn:link, body.largeFont .copyright .btnsContainer a.primaryRedBtn:visited { font-size: 20px; }
body.smallFont .copyright .btnsContainer a.primaryRedBtn, body.smallFont .copyright .btnsContainer a.primaryRedBtn:hover, body.smallFont .copyright .btnsContainer a.primaryRedBtn:link, body.smallFont .copyright .btnsContainer a.primaryRedBtn:visited { font-size: 16px; }
.copyright .copy { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #141414; font-weight: 600; margin-bottom: 8px; }
body.largeFont .copyright .copy, body.largeFont .copyright .esa { font-size: 20px; }
body.smallFont .copyright .copy, body.smallFont .copyright .esa { font-size: 16px; }
.copyright .esa, .copyright .esa a, .copyright .esa a:link, .copyright .esa a:visited, .copyright .esa a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; letter-spacing: 0.9px; color: #434756; }
.copyright .btnsContainer a.primaryRedBtn, .copyright .btnsContainer a.primaryRedBtn:visited, .copyright .btnsContainer a.primaryRedBtn:link { text-transform: inherit; font-size: 18px; border-bottom: 6px solid #8f0009; border-radius: 10px; }
.copyright .btnsContainer a.primaryRedBtn:hover { border-bottom: 6px solid #074B7B; border-radius: 10px; }
.footerBottomLinks { background-color: #3e5a6f; padding: 58px 40px; }
.footerBottomLinks .col { max-width: 300px; }
.footerBottomLinks h2 { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; font-weight: 600; color: #FFF; margin-bottom: 16px; }
body.largeFont .footerBottomLinks h2 { font-size: 18px; }
body.smallFont .footerBottomLinks h2 { font-size: 14px; }
.footerBottomLinks ul li { margin-bottom: 8px; }
.footerBottomLinks ul li.last { margin-bottom: 0px; }
.footerBottomLinks ul li a, .footerBottomLinks ul li a:link, .footerBottomLinks ul li a:visited, .footerBottomLinks ul li a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 400; color: #FFF; text-decoration: none; }
body.largeFont .footerBottomLinks ul li a, body.largeFont .footerBottomLinks ul li a:link, body.largeFont .footerBottomLinks ul li a:visited, body.largeFont .footerBottomLinks ul li a:hover { font-size: 18px; }
body.smallFont .footerBottomLinks ul li a, body.smallFont .footerBottomLinks ul li a:link, body.smallFont .footerBottomLinks ul li a:visited, body.smallFont .footerBottomLinks ul li a:hover { font-size: 14px; }
.footerBottomLinks .logoBtns .whiteLogo { margin-bottom: 48px; }
.footerBottomLinks .logoBtns > div { display: flex; flex-direction: column; }
.footerBottomLinks .logoBtns a.primaryRedBtn, .footerBottomLinks .logoBtns a.primaryRedBtn:hover, .footerBottomLinks .logoBtns a.primaryRedBtn:link, .footerBottomLinks .logoBtns a.primaryRedBtn:visited,
.footerBottomLinks .logoBtns a.primaryBlueBtn, .footerBottomLinks .logoBtns a.primaryBlueBtn:link, .footerBottomLinks .logoBtns a.primaryBlueBtn:visited { font-weight: 300; font-size: 18px; margin-bottom: 10px; min-width: 258px; }
.footerBottomLinks .logoBtns a.primaryBlueBtn:hover { background-color: #D8202C; }
body.smallFont .footerBottomLinks .logoBtns a.primaryRedBtn, body.smallFont .footerBottomLinks .logoBtns a.primaryRedBtn:hover, body.smallFont .footerBottomLinks .logoBtns a.primaryRedBtn:link, body.smallFont .footerBottomLinks .logoBtns a.primaryRedBtn:visited, body.smallFont .footerBottomLinks .logoBtns a.primaryBlueBtn, body.smallFont .footerBottomLinks .logoBtns a.primaryBlueBtn:hover, body.smallFont .footerBottomLinks .logoBtns a.primaryBlueBtn:link, body.smallFont .footerBottomLinks .logoBtns a.primaryBlueBtn:visited { font-size: 16px; }
body.largeFont .footerBottomLinks .logoBtns a.primaryRedBtn, body.largeFont .footerBottomLinks .logoBtns a.primaryRedBtn:hover, body.largeFont .footerBottomLinks .logoBtns a.primaryRedBtn:link, body.largeFont .footerBottomLinks .logoBtns a.primaryRedBtn:visited, body.largeFont .footerBottomLinks .logoBtns a.primaryBlueBtn, body.largeFont .footerBottomLinks .logoBtns a.primaryBlueBtn:hover, body.largeFont .footerBottomLinks .logoBtns a.primaryBlueBtn:link, body.largeFont .footerBottomLinks .logoBtns a.primaryBlueBtn:visited { font-size: 20px; }
.footerDev { background-color: #2b2c30; color: #FFF; padding: 10px 0; }
.footerDev a, .footerDev a:hover, .footerDev a:visited, .footerDev a:link { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 300; text-decoration: none; color: #FFF; }
body.largeFont .footerDev a, body.largeFont .footerDev a:hover, body.largeFont .footerDev a:visited, body.largeFont .footerDev a:link { font-size: 18px; }
body.smallFont .footerDev a, body.smallFont .footerDev a:hover, body.smallFont .footerDev a:visited, body.smallFont .footerDev a:link { font-size: 14px; }
.footerDev a.decreaseFont { font-size: 14px; }
.footerDev a.normalFont { margin: 0px 14px; }
.footerDev a.increaseFont { font-size: 18px; }
.footerDev .dFlexJCSB { align-items: center; }
.mainSliderContainer .flexslider .slideContainer { min-height: calc(100vh - 300px); flex-direction: column; background-position: center; background-repeat: no-repeat; background-size: cover; }
.mainSliderContainer .flexslider .slideContainer .wrap { padding-left: 70px; }
.ie11 .mainSliderContainer .flexslider .slideContainer .wrap { min-height: calc(100vh - 244px); display: flex; flex-direction: column; justify-content: center; align-self: stretch; }
.mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-family: "Average Sans",Verdana,Arial,sans-serif; display: block; font-size: 48px; text-shadow: 2px 2px #000000; }
body.largeFont .mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-size: 50px }
body.smallFont .mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-size: 46px }
.mainSliderContainer .flexslider .slideContainer h2.slideTitle span.line1 { font-weight: 300; margin-bottom: 20px; display: block; }
.mainSliderContainer .flexslider .slideContainer h2.slideTitle span.line2 { font-weight: 600; margin-bottom: 58px; display: block; }
.mainSliderContainer .flexslider .slideContainer .slideLinks a:first-child { margin-bottom: 14px; }
.mainSliderContainer .flexslider { margin: 0px; border: 0px; padding: 0px; }
.mainSliderContainer .flexslider .flex-control-nav { bottom: 30px; z-index: 9; }
.mainSliderContainer .flexslider .flex-control-paging li a { width: 16px; height: 16px; background-color: transparent; background-image: url(Images/icons.png); background-position: -114px -109px; box-shadow: none; }
.mainSliderContainer .flexslider .flex-control-paging li a.flex-active { background-position: -98px -111px }
.exchangeRatesBlueBgrn { background-color: #0F70B5; padding: 14px 0px 18px; }
.exchangeRatesWhiteBgrn { background-color: #FFF; padding: 14px 0px 18px; }
.exchangeRatesBlueBgrn .ratesContainter, .exchangeRatesWhiteBgrn .ratesContainter { padding: 0px 40px 0 70px; }
.ratesContainter.mobile { padding: 0px 20px; display: none; }
.ratesContainter.mobile .w60.fl > div { width: 300px; margin: 0 auto; }
.ratesContainter.mobile .rateItem .w75.fr { padding-left: 24px; text-align: left; margin: 12px 0px; }
.ratesContainter.mobile .rateItem .w25.fl { margin: 12px 0px; }
.ratesContainter.mobile .rateItem .rate { color: #D8202C; }
.exchangeRatesBlueBgrn .ratesContainter.mobile .rateItem .rate { color: #FFD14F; }
.ratesContainter.mobile .detailedExchangeRate, .ratesContainter.mobile .detailedExchangeRate:hover, .ratesContainter.mobile .detailedExchangeRate:visited, .ratesContainter.mobile .detailedExchangeRate:link { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 300; color: #141414; text-decoration: none; }
body.largeFont .ratesContainter.mobile .detailedExchangeRate, body.largeFont .ratesContainter.mobile .detailedExchangeRate:hover, body.largeFont .ratesContainter.mobile .detailedExchangeRate:visited, body.largeFont .ratesContainter.mobile .detailedExchangeRate:link { font-size: 18px; }
body.smallFont .ratesContainter.mobile .detailedExchangeRate, body.smallFont .ratesContainter.mobile .detailedExchangeRate:hover, body.smallFont .ratesContainter.mobile .detailedExchangeRate:visited, body.smallFont .ratesContainter.mobile .detailedExchangeRate:link { font-size: 14px; }
.exchangeRatesBlueBgrn .mobile .rateItem > span, .exchangeRatesWhiteBgrn .mobile .rateItem > span { margin: 0px; }
.exchangeRatesBlueBgrn .labelTodayExchangeRate, .exchangeRatesBlueBgrn .ratesContainter.mobile .detailedExchangeRate { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 300; color: #FFD14F; }
.exchangeRatesWhiteBgrn .labelTodayExchangeRate { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 300; color: #141414; }
body.largeFont .exchangeRatesWhiteBgrn .labelTodayExchangeRate, body.largeFont .exchangeRatesBlueBgrn .labelTodayExchangeRate { font-size: 18px; }
body.smallFont .exchangeRatesWhiteBgrn .labelTodayExchangeRate, body.smallFont .exchangeRatesBlueBgrn .labelTodayExchangeRate { font-size: 14px; }
.ratesContainter.mobile .labelTodayExchangeRate span, .ratesContainter.mobile .detailedExchangeRate span { display: block; }
.ratesContainter.mobile .labelTodayExchangeRate span:first-child, .ratesContainter.mobile .detailedExchangeRate span:first-child { width: 80px; margin: 12px 0px; }
.ratesContainter.mobile .labelTodayExchangeRate span:last-child, .ratesContainter.mobile .detailedExchangeRate span:last-child { width: 120px; margin: 12px 0px; }
.exchangeRatesBlueBgrn .rateItem:first-child, .exchangeRatesWhiteBgrn .rateItem:first-child { margin-left: 0px; }
.exchangeRatesBlueBgrn .rateItem > span, .exchangeRatesWhiteBgrn .rateItem > span { margin-right: 24px; }
.exchangeRatesWhiteBgrn .rateItem > span { color: #0F70B5; }
.exchangeRatesBlueBgrn .rateItem > span.dFlex, .exchangeRatesWhiteBgrn .rateItem > span.dFlex { margin-right: 30px; }

.exchangeRatesBlueBgrn .rateItem > span.dFlex:last-child, .exchangeRatesWhiteBgrn .rateItem > span.dFlex:last-child { margin-right: 10px }
.exchangeRatesBlueBgrn .rateItem > span.dFlex .rate, .exchangeRatesWhiteBgrn .rateItem > span.dFlex .rate { margin-right: 6px; }
.exchangeRatesBlueBgrn .rateItem span { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 500; color: #FFD14F; }
.exchangeRatesBlueBgrn .rateItem span.rate, .exchangeRatesBlueBgrn .rateItem > span:not(.dFlex) { color: #FFD14F; }

.ie11 .exchangeRatesBlueBgrn .rateItem span { font-size: 14px; }
.exchangeRatesWhiteBgrn .rateItem span { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 16px; font-weight: 500; }
body.largeFont .exchangeRatesWhiteBgrn .rateItem span, body.largeFont .exchangeRatesBlueBgrn .rateItem span { font-size: 18px; }
body.smallFont .exchangeRatesWhiteBgrn .rateItem span, body.smallFont .exchangeRatesBlueBgrn .rateItem span { font-size: 14px; }
.ie11 .exchangeRatesWhiteBgrn .rateItem span { font-size: 14px; }
.exchangeRatesBlueBgrn .rateItem span.amount, .exchangeRatesWhiteBgrn .rateItem span.amount { font-style: italic; font-weight: 300; }
.exchangeRatesWhiteBgrn .rateItem > span.dFlex .rate { color: #D8202C; }
.exchangeRatesWhiteBgrn .rateItem > span.dFlex span.amount { color: #141414; }
.personalHomeContetn { background-color: #FFF; padding: 72px 68px; box-shadow: 0px 6px 6px #0000001f; margin: 28px 0px 6px; }
.personalHomeContetn .navTabs { display: flex; justify-content: space-between; }
.personalHomeContetn .navTabs a { max-width: 242px; width: 100%; display: flex; justify-content: flex-start; flex-direction: column; text-align: center; text-decoration: none; border-bottom: 6px solid #F6F7F9; margin: 0px 4px; }
.personalHomeContetn .navTabs a.selected, .personalHomeContetn .navTabs a:hover { border-bottom: 6px solid #0F70B5; }
.personalHomeContetn .navTabs a .iconContainer { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.personalHomeContetn .navTabs a .iconContainer .icon { display: block; background-image: url(Images/icons.png); }
.personalHomeContetn .navTabs a.currentAccount .iconContainer .icon { width: 50px; height: 54px; background-position: 0px 0px; }
.personalHomeContetn .navTabs a.currentAccount.selected .iconContainer .icon, .personalHomeContetn .navTabs a.currentAccount:hover .iconContainer .icon { width: 50px; height: 54px; background-position: 0px -56px; }
.personalHomeContetn .navTabs a.savingsAccount .iconContainer .icon { width: 77px; height: 54px; background-position: -52px 0px; }
.personalHomeContetn .navTabs a.savingsAccount.selected .iconContainer .icon, .personalHomeContetn .navTabs a.savingsAccount:hover .iconContainer .icon { width: 77px; height: 54px; background-position: -52px -56px; }
.personalHomeContetn .navTabs a.termDeposits .iconContainer .icon { width: 50px; height: 54px; background-position: -131px 0px; }
.personalHomeContetn .navTabs a.termDeposits.selected .iconContainer .icon, .personalHomeContetn .navTabs a.termDeposits:hover .iconContainer .icon { width: 50px; height: 54px; background-position: -131px -56px; }
.personalHomeContetn .navTabs a.nRI .iconContainer .icon { width: 54px; height: 54px; background-position: -183px 0px; }
.personalHomeContetn .navTabs a.nRI.selected .iconContainer .icon, .personalHomeContetn .navTabs a.nRI:hover .iconContainer .icon { width: 54px; height: 54px; background-position: -183px -56px; }
.personalHomeContetn .navTabs a.moneyTransfer .iconContainer .icon { width: 50px; height: 54px; background-position: -239px 0px; }
.personalHomeContetn .navTabs a.moneyTransfer.selected .iconContainer .icon, .personalHomeContetn .navTabs a.moneyTransfer:hover .iconContainer .icon { width: 50px; height: 54px; background-position: -239px -56px; }
.personalHomeContetn .navTabs a span.text { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 22px; font-weight: 300; color: #141414; margin: 16px 0 32px; }
body.largeFont .personalHomeContetn .navTabs a span.text { font-size: 24px; }
body.smallFont .personalHomeContetn .navTabs a span.text { font-size: 20px; }
.personalHomeContetn .navTabs a.selected span.text, .personalHomeContetn .navTabs a:hover span.text { color: #0F70B5; font-weight: 500; }
.personalHomeContetn .contentSections { padding: 94px 20px 0px; }
.personalHomeContetn .contentSections h2 { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 48px; line-height: 1.4; font-weight: 500; color: #141414; margin-bottom: 72px; }
body.largeFont .personalHomeContetn .contentSections h2 { font-size: 50px; }
body.smallFont .personalHomeContetn .contentSections h2 { font-size: 46px; }
.personalHomeContetn .contentSections p { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; line-height: 1.4; font-weight: 300; color: #434756; }
body.largeFont .personalHomeContetn .contentSections p { font-size: 20px; }
body.smallFont .personalHomeContetn .contentSections p { font-size: 16px; }
.personalHomeContetn .contentSections p.mw354p { max-width: 354px; }
.personalHomeContetn .contentSections > div.clearfix > .fr.w50 { padding-top: 26px; }
.verticallyOrientedTabs .navTabs { width: 246px; float: left; }
.verticallyOrientedTabs .navTabs .tabItem { position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.verticallyOrientedTabs .navTabs .tabItem.selected { border-left: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; }
.verticallyOrientedTabs .navTabs .tabItem.selected:after { content: ""; width: 1px; background-color: #fff; display: block; display: block; position: absolute; height: 100%; right: -1px; top: 0px; }
.verticallyOrientedTabs .navTabs .tabItem a { display: inline-block; background-color: #0F70B5; color: #FFF; max-width: 226px; width: 100%; text-align: center; text-decoration: none; padding: 16px; margin: 6px 14px 6px 6px; text-align: center; text-decoration: none; font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 300; font-size: 18px; }
.verticallyOrientedTabs .navTabs .tabItem a:hover { background-color: #D8202C; }
body.largeFont .verticallyOrientedTabs .navTabs .tabItem a { font-size: 20px; }
body.smallFont .verticallyOrientedTabs .navTabs .tabItem a { font-size: 16px; }

.verticallyOrientedTabs .navTabs .tabItem.selected a { background-color: #D8202C; }
.verticallyOrientedTabs .contentSections { width: calc(100% - 246px); float: left; border: 1px solid #C8C8C8; padding: 24px 26px 50px 64px; }
.verticallyOrientedTabs .contentSections, .verticallyOrientedTabs .contentSections p, .verticallyOrientedTabs .contentSections div, .verticallyOrientedTabs .contentSections { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; line-height: 1.4; font-weight: 300; color: #323232; }
body.largeFont .verticallyOrientedTabs .contentSections, body.largeFont .verticallyOrientedTabs .contentSections p, body.largeFont .verticallyOrientedTabs .contentSections div, body.largeFont .verticallyOrientedTabs .contentSections { font-size: 20px; }
body.smallFont .verticallyOrientedTabs .contentSections, body.smallFont .verticallyOrientedTabs .contentSections p, body.smallFont .verticallyOrientedTabs .contentSections div, body.smallFont .verticallyOrientedTabs .contentSections { font-size: 16px; }
.verticallyOrientedTabs .contentSections a, .verticallyOrientedTabs .contentSections a:visited, .verticallyOrientedTabs .contentSections a:hover, .verticallyOrientedTabs .contentSections a:link { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; line-height: 1.4; font-weight: 300; color: #0F70B5; text-decoration: none; }
body.largeFont .verticallyOrientedTabs .contentSections a, body.largeFont .verticallyOrientedTabs .contentSections a:visited, body.largeFont .verticallyOrientedTabs .contentSections a:hover, body.largeFont .verticallyOrientedTabs .contentSections a:link { font-size: 20px; }
body.smallFont .verticallyOrientedTabs .contentSections a, body.smallFont .verticallyOrientedTabs .contentSections a:visited, body.smallFont .verticallyOrientedTabs .contentSections a:hover, body.smallFont .verticallyOrientedTabs .contentSections a:link { font-size: 16px; }
.internetBanking .icon { display: inline-block; width: 17px; height: 22px; background-image: url(Images/icons.png); background-repeat: no-repeat; background-position: -130px -111px; vertical-align: bottom; margin-right: 10px; }
.loginInternetBankingContainer { background-color: #EAEEF1; padding: 26px 36px; border-top: 3px solid #D8202C; position: absolute; right: 0px; top: 133px; z-index: 99; width: 384px; }
.internetBankingInformation > div { font-size: 14px; }
body.smallFont .internetBankingInformation > div { font-size: 12px }
body.largeFont .internetBankingInformation > div { font-size: 16px }
.internetBankingInformation .icon { display: inline-block; background-image: url(Images/icons.png); background-repeat: no-repeat; vertical-align: text-bottom; margin-right: 6px; }
.internetBankingInformation .icon.phone { background-position: -190px -113px; width: 11px; height: 17px; }
.internetBankingInformation .icon.email { background-position: -205px -115px; width: 23px; height: 15px; }
.internetBankingInformation a, .internetBankingInformation a:visited, .internetBankingInformation a:link { text-decoration: none; color: #0F70B5; }
.internetBankingInformation a:hover { text-decoration: underline; color: #0F70B5; }
body.largeFont .loginInternetBankingContainer { top: 69px; }
.loginInternetBankingContainer:before { content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #D8202C; display: block; position: absolute; top: -13px; right: 16%; }
.loginInternetBankingContainer .titleLoginInternetBanking { font-family: "Average Sans",Verdana,Arial,sans-serif; color: #141414; font-size: 18px; line-height: 22px; margin-bottom: 38px; text-align: center; }
body.largeFont .loginInternetBankingContainer .titleLoginInternetBanking { font-size: 20px }
body.smallFont .loginInternetBankingContainer .titleLoginInternetBanking { font-size: 16px }
.loginInternetBankingContainer .titleLoginInternetBanking .redBgrnd { display: inline-block; padding: 4px; background-color: red; border-radius: 3px; margin-right: 10px; }
.loginInternetBankingContainer .titleLoginInternetBanking .icon { width: 17px; height: 22px; display: inline-block; background-image: url(Images/icons.png); background-position: -130px -111px; }
.loginInternetBankingContainer .btnsPersonalBusines { margin-bottom: 10px; }
.loginInternetBankingContainer .btnsPersonalBusines a { font-family: "Average Sans",Verdana,Arial,sans-serif; width: calc(50% - 4px); font-size: 12px; font-weight: 700; color: #141414; display: block; height: 54px; line-height: 54px; border: 1px solid #BDBDBD; border-radius: 3px; padding: 0px; text-align: center; text-decoration: none; text-transform: uppercase; }
.loginInternetBankingContainer .btnsPersonalBusines a.btnPersonal { background-color: #FFF; margin-right: 8px; }
body.largeFont .loginInternetBankingContainer .btnsPersonalBusines a { font-size: 14px; padding: 0px; }
body.smallFont .loginInternetBankingContainer .btnsPersonalBusines a { font-size: 10px; }
.loginInternetBankingContainer .btnPremierBond a { font-family: "Average Sans",Verdana,Arial,sans-serif; width: 100%; font-size: 16px; font-weight: 400; color: #FFF; display: block; height: 54px; line-height: 54px; border: 1px solid #BDBDBD; border-radius: 3px; padding: 0px 4px; text-align: center; text-decoration: none; text-transform: uppercase; }
body.smallFont .loginInternetBankingContainer .btnPremierBond a { font-size: 14px }
body.largeFont .loginInternetBankingContainer .btnPremierBond a { font-size: 18px }
.searchFormContainer { background-color: #EAEEF1; padding: 26px 36px; border-top: 3px solid #D8202C; position: absolute; right: 0px; top: 81px; z-index: 99; width: 384px; }
body.largeFont .searchFormContainer { top: 55px; }
.searchFormContainer:before { content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #D8202C; display: block; position: absolute; top: -13px; right: 22px; }
.searchFormContainer input[type="text"] { height: 40px; line-height: 40px; padding: 0px 20px; font-family: "Average Sans",Verdana,Arial,sans-serif; outline: none; }
.searchFormContainer .searchInputContainer, .searchFormContainer .searchInputContainer .NormalTextBox { width: 100%; }
body.largeFont .searchFormContainer .searchInputContainer, body.largeFont .searchFormContainer .searchInputContainer .NormalTextBox { font-size: 18px; }
body.smallFont .searchFormContainer .searchInputContainer, body.smallFont .searchFormContainer .searchInputContainer .NormalTextBox { font-size: 14px; }
.searchFormContainer .searchInputContainer a.dnnSearchBoxClearText.dnnShow { top: 5px; right: 4px; }
.searchFormContainer .searchSkinObjectPreview { display: none; }
.searchFormContainer .SearchButton { font-family: "Average Sans",Verdana,Arial,sans-serif; width: 100%; font-size: 16px; font-weight: 400; color: #FFF; display: block; height: 54px; line-height: 54px; border: 1px solid #BDBDBD; border-radius: 3px; padding: 0px 4px; text-align: center; text-decoration: none; text-transform: uppercase; margin-top: 10px; float: right; }
.feedback { position: fixed; top: 360px; left: 0px; z-index: 1000; color: #3f6ab3; font-size: 14px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.interestRates { position: fixed; top: 180px; left: 0px; z-index: 1000; }
.feedback p { font-size: 10px; line-height: 1.5; }
.feedback * { box-sizing: border-box; }
.feedback > .fl { width: 394px; background-color: #e8e8e8; padding: 17px; position: relative; min-height: 187px; }
.feedback > .fr { width: 42px; }
.feedback a#feedbackform { width: 42px; height: 170px; background-image: url(Images/icons.png); background-position: -294px 0px; display: block; }
.interestRates a#interestRatesForm { width: 42px; height: 170px; background-image: url(Images/icons.png); background-position: -340px 0px; display: block; }
.feedback input[type=text], .feedback textarea { border: 0px; color: #3f6ab3; padding: 0px 9px; width: 100%; font-size: 12px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.feedback input[type=text] { line-height: 30px; height: 30px; }
.feedback .mainInfo > div { margin-bottom: 8px; }
.feedback .mainInfo > div:last-child { margin: 0px; }
.feedback textarea { padding: 9px; line-height: 1.5; height: 144px; resize: none; }
.feedback ::-webkit-input-placeholder { color: #3f6ab3; font-size: 12px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.feedback ::-moz-placeholder { color: #3f6ab3; font-size: 12px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.feedback :-ms-input-placeholder { color: #3f6ab3; font-size: 12px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.feedback :-moz-placeholder { color: #3f6ab3; font-size: 12px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.feedback .fleft .feddback-balloon, .feedback .fright .feddback-balloon { position: absolute; left: 192px; top: 0px; color: #fff; font-family: "Average Sans",Arial,sans-serif; font-size: 12px; background-color: #006cb8; z-index: 1; width: 174px; border-radius: 4px; padding: 14px; }
.feedback .fleft .feddback-balloon:before { content: ' '; border-right: 15px solid #006cb8; border-top: 15px solid transparent; border-left: 6px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 4px; left: -21px; }
.feedback .fright .feddback-balloon { left: -190px; }
.feedback .fright .feddback-balloon:before { content: ' '; border-left: 15px solid #006cb8; border-top: 15px solid transparent; border-right: 6px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 4px; right: -21px; left: auto; }
.feedback .fleft .feddback-balloon, .feedback .fright .feddback-balloon { position: absolute; left: 192px; top: 0px; color: #fff; font-family: "Average Sans",Arial,sans-serif; font-size: 12px; background-color: #006cb8; z-index: 1; width: 174px; border-radius: 4px; padding: 14px; }
.feedback .fleft .feddback-balloon:before { content: ' '; border-right: 15px solid #006cb8; border-top: 15px solid transparent; border-left: 6px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 4px; left: -21px; }
.feedback .fright .feddback-balloon { left: -190px; }
.feedback .fright .feddback-balloon:before { content: ' '; border-left: 15px solid #006cb8; border-top: 15px solid transparent; border-right: 6px solid transparent; border-bottom: 15px solid transparent; position: absolute; top: 4px; right: -21px; left: auto; }
.feedback .icon, .feedback .rep { font-size: 10px; }
.feedback .icon span { display: block; width: 18px; height: 18px; background-image: url(images/icons.png); margin: 0 auto; }
.feedback .icon.veryGood { width: 15%; }
.feedback .icon.veryGood span { background-position: -86px -1px; }
.feedback .icon.good { width: 13%; }
.feedback .icon.good span { background-position: -86px -20px; }
.feedback .icon.average { width: 13%; }
.feedback .icon.average span { background-position: -86px -39px; }
.feedback .icon.poor { width: 11%; }
.feedback .icon.poor span { background-position: -86px -58px; }
.feedback .NormalRed { font-size: 10px; }
.businnessBankingMain { max-width: 1200px; width: 98%; margin: 0 auto; padding: 44px 0px 108px; }

.businnessBankingMain .rowBoxes { margin-bottom: 0px; flex-wrap: wrap }
.businnessBankingMain .rowBoxes .box:nth-child(1), .businnessBankingMain .rowBoxes .box:nth-child(2) { margin-bottom: 78px; }
.businnessBankingMain .box { padding-left: 30px; position: relative; min-height: 376px; }
.businnessBankingMain .box.w66 .w50.fl:first-child, .businnessBankingMain .rowBoxes .dFlexFDCJCSP { min-height: 376px; }
.ie11 .businnessBankingMain .rowBoxes .box.w66 :first-child.w50.fl, .ie11 .businnessBankingMain .rowBoxes .dFlexFDCJCSP { height: 100%; }
.businnessBankingMain .rowBoxes .box.w32, .businnessBankingMain .rowBoxes .box.w66 .w50.fl { display: flex; flex-direction: column; justify-content: space-between; }
.businnessBankingMain .rowBoxes .box.whiteBgrnd { background-color: #FFF; }
.businnessBankingMain .rowBoxes .box.greenBgrnd { background-color: #10C8D2; }
.businnessBankingMain .rowBoxes .box.blueBgrnd { background-color: #045C99; }
.businnessBankingMain .rowBoxes .box .boxTitle { margin-top: 32px; font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 12px; color: #A8A6AD; letter-spacing: 0.9px; }
.businnessBankingMain .rowBoxes .box.greenBgrnd .boxTitle { color: #5a68b4; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxTitle { font-size: 14px; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxTitle { font-size: 10px; }
.businnessBankingMain .rowBoxes .box .corner { width: 100px; height: 100px; position: absolute; top: 0px; right: 0px; }
.businnessBankingMain .rowBoxes .box .boxText { margin-bottom: 30px; padding-right: 10px; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText { padding-right: 0px; }
.businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 32px; color: #0F5D97; line-height: 1.3; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 34px; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 30px; }
.ie11 .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 28px; }
.businnessBankingMain .rowBoxes .box .boxText h2.whiteText a, .businnessBankingMain .rowBoxes .box .boxText h2.whiteText a:visited, .businnessBankingMain .rowBoxes .box .boxText h2.whiteText a:hover, .businnessBankingMain .rowBoxes .box .boxText h2.whiteText a:link { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 26px; color: #FFF; line-height: 1.3; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText h2.whiteText { font-size: 28px; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxText h2.whiteText { font-size: 24px; }
.businnessBankingMain .rowBoxes .box .boxText p { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 18px; color: #0F70B5; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText p { font-size: 20px; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxText p { font-size: 16px; }
.ie11 .businnessBankingMain .rowBoxes .box .boxText p { font-size: 16px; }
.businnessBankingMain .rowBoxes .box .boxText p.colorB8FBFF { color: #bdf2f5; }
.businnessBankingMain .rowBoxes .box .boxText p.color7682C0 { color: #B8FBFF; }
.businnessBankingMain .rowBoxes .box .boxText p.mw280px { max-width: 280px; width: 100%; }
.businnessBankingMain .rowBoxes .box .boxText a, .businnessBankingMain .rowBoxes .box .boxText a:link, .businnessBankingMain .rowBoxes .box .boxText a:visited, .businnessBankingMain .rowBoxes .box .boxText a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 300; font-size: 20px; color: #0F5D97; margin-top: 16px; display: inline-block; text-decoration: none; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxText a, body.smallFont .businnessBankingMain .rowBoxes .box .boxText a:link, body.smallFont .businnessBankingMain .rowBoxes .box .boxText a:visited, body.smallFont .businnessBankingMain .rowBoxes .box .boxText a:hover { font-size: 18px; }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText a, body.largeFont .businnessBankingMain .rowBoxes .box .boxText a:link, body.largeFont .businnessBankingMain .rowBoxes .box .boxText a:visited, body.largeFont .businnessBankingMain .rowBoxes .box .boxText a:hover { font-size: 22px; }
.businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner { margin: 0px; padding: 0px; }
.businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li { list-style: none; margin-top: 10px; position: relative; margin-left: 20px; }
.businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li:before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url(Images/redCornerLink.png); position: absolute; left: -15px; top: 10px; }
.businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 22px; color: #0F5D97; text-decoration: none; margin-top: 0px; margin-left: 6px; }
body.smallFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, body.smallFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, body.smallFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, body.smallFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-size: 20px }
body.largeFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, body.largeFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, body.largeFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, body.largeFont .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-size: 24px }
.ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-size: 18px; }
body.smallFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, body.smallFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, body.smallFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, body.smallFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-size: 16px }
body.largeFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a, body.largeFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:link, body.largeFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:visited, body.largeFont .ie11 .businnessBankingMain .rowBoxes .box .boxText ul.withRedCorner li a:hover { font-size: 20px }
.businnessBankingMain .rowBoxes .box .boxText .redArrows { margin: 68px 26px 15px; text-align: right; }
.businnessBankingMain .rowBoxes .box .boxText .redArrows span { text-indent: -999em; display: inline-block; width: 13px; height: 21px; background-image: url(Images/icons.png); background-position: -32px -112px; background-repeat: no-repeat; margin-left: 12px; }
.businnessBankingMain .rowBoxes .box .boxText .redArrows span:first-child { margin-left: 0px; }
.DNNContainer_HeaderImage { position: relative; }
.DNNContainer_HeaderImage .ModDNNHTMLC .Normal img { display: table; width: 100%; height: auto; object-fit: cover; object-position: center; }
.mainContentPane { background-color: #FFF; padding: 26px 24px 38px 68px; -webkit-box-shadow: 0px 6px 6px 4px #0000001f,0px 6px 6px 4px #0000001f,0px 6px 6px 4px #0000001f; box-shadow: 0px 6px 6px 4px #fff0,0px 6px 6px 4px #00000012,0px 6px 6px 4px #fff0; margin: 30px 0px; background-image: url(Images/logo_transperant.png); background-position: 104% 100px; background-repeat: no-repeat; }
.titleH2Underline { position: relative; padding-bottom: 62px; font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 48px; color: #323232; margin-top: 28px; line-height: 1.1; }
body.largeFont .titleH2Underline { font-size: 50px; }
body.smallFont .titleH2Underline { font-size: 46px; }
.titleH2Underline:after { content: ""; display: block; width: 244px; height: 6px; background-color: #0F70B5; position: absolute; left: 0px; bottom: 36px; }
.titleH2Underline .Head { margin: 0px; }
.titleH1ImageContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.titleH1ImageContainer h1.titleH1 { font-family: "Average Sans",Verdana,Arial,sans-serif; display: block; font-size: 48px; padding-left: 70px; color: #434756; text-shadow: 2px 2px #000000; }
body.largeFont .titleH1ImageContainer h1.titleH1 { font-size: 50px; }
body.smallFont .titleH1ImageContainer h1.titleH1 { font-size: 46px; }
.titleH1ImageContainer h1.titleH1.white { color: #fff; }
.titleH1ImageContainer h1.titleH1 span.line1 { font-weight: 300; margin-bottom: 6px; display: block; }
.titleH1ImageContainer h1.titleH1 span.line2 { font-weight: 600; display: block; }
a.breadcrumbMenu, a.breadcrumbMenu:visited, a.breadcrumbMenu:hover, a.breadcrumbMenu:link, span.seperator { font-family: "Average Sans",Verdana,Arial,sans-serif; display: inline-block; font-size: 18px; font-weight: 300; color: #585858; text-decoration: none; }
body.largeFont .breadcrumbMenu, body.largeFont a.breadcrumbMenu:visited, body.largeFont a.breadcrumbMenu:hover, body.largeFont a.breadcrumbMenu:link, body.largeFont span.seperator { font-size: 20px; }
body.smallFont .breadcrumbMenu, body.smallFont.breadcrumbMenu:visited, body.smallFont.breadcrumbMenu:hover, body.smallFont.breadcrumbMenu:link, body.smallFont span.seperator { font-size: 16px; }
span.seperator { margin: 0 6px; }
.serachContent .dnnSearchResultPager.dnnSearchResultPagerTop { margin-top: 0px; padding-top: 0px; border: 0px; }
.serachContent .dnnSearchResultPager.dnnSearchResultPagerTop .dnnLeft span { margin-top: 0px; padding-top: 0px; border: 0px; font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 700; font-size: 18px; color: #323232; }
body.largeFont .serachContent .dnnSearchResultPager.dnnSearchResultPagerTop .dnnLeft span { font-size: 20px; }
body.smallFont .serachContent .dnnSearchResultPager.dnnSearchResultPagerTop .dnnLeft span { font-size: 16px; }
.serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a, .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:visited, .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:hover,
.serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a, .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:visited, .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 600; font-size: 18px; color: #0F70B5; text-decoration: none; word-break: break-all; }
body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:visited, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:hover, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:visited, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:hover { font-size: 20px; }
body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:visited, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a:hover, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:visited, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Title a:hover { font-size: 16px; }
.serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a, .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:visited, .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:hover,
.serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a, .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:visited, .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-weight: 300; font-size: 18px; color: #0F70B5; text-decoration: none; word-break: break-all; }
body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:visited, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:hover, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:visited, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:hover { font-size: 20px; }
body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:visited, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link a:hover, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:visited, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Link a:hover { font-size: 16px; }
.serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description, .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Description { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; line-height: 1.4; font-weight: 300; color: #323232; }
body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description, body.largeFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Description { font-size: 20px; }
body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Description, body.smallFont .serachContent .dnnSearchResultContainer .dnnSearchResultItem-Subset .dnnSearchResultItem-Description { font-size: 16px; }
.adminPanel { padding: 40px 0px; }
.adminPanel .headerRow { font-size: 20px; font-weight: bold; margin: 10px 0px; }
.adminPanel .row { margin-bottom: 10px; }
.adminPanel .line1 { font-family: "Average Sans",Verdana,Arial,sans-serif; display: block; font-size: 48px; color: #434756; font-weight: 300; margin-bottom: 20px; }
.adminPanel .line2 { font-family: "Average Sans",Verdana,Arial,sans-serif; display: block; font-size: 48px; color: #434756; font-weight: 600; }
.ubiForm .divrow { margin-bottom: 14px; }
.ubiForm .divrow .label { margin-bottom: 8px; }
.ubiForm .divrow input[type="text"], .adminPanel input[type="text"] { width: 100%; padding: 12px 10px; }
.ubiForm input[type="text"], .ddlCustom { outline: none; width: 100%; padding: 14px 10px; border: 1px solid #434756; font-size: 16px; font-family: "Average Sans",Verdana,Arial,sans-serif; color: #434756; margin: 10px 0px; }
/*.ddlCustom{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;padding:10px;position:relative;}*/
.select2-container.select2-container--default.select2-container--open { z-index: 999999; }
.select2-container--open .select2-dropdown--below { margin: 0px; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open .select2-dropdown--below, .select2-container--default .select2-selection--single { border-radius: 0px; border: 1px solid #EAEEF1; }
.select2-container--default .select2-selection--single { border-radius: 0px !important; height: 44px !important; margin: 10px 0px; border: 1px solid #434756 !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 22px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { height: 44px; line-height: 44px !important; }
.ddlContainer .ddlArrow { display: inline-block; width: 18px; height: 8px; background-image: url(Images/icons.png); background-position: -149px -111px; position: absolute; right: 14px; top: 28px; }
.ubiForm .label, .ubiForm .subtitle16p { font-size: 16px; font-family: "Average Sans",Verdana,Arial,sans-serif; color: #434756; }
body.largeFont .ubiForm .label, body.largeFont .ubiForm .subtitle16p { font-size: 18px; }
body.smallFont .ubiForm .label, body.smallFont .ubiForm .subtitle16p { font-size: 14px; }
.feedbackForm .ubiForm .label { margin-bottom: 0px; }
.feedbackForm .icon.containerRB { width: 20%; font-size: 12px; display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.feedbackForm .icon.containerRB > div { width: 20px; height: 20px; margin: 0 auto; position: relative; cursor: pointer; }
/* Hide the browser's default radio button */
.feedbackForm .containerRB > div input { position: absolute; opacity: 0; cursor: pointer; width: 20px; height: 20px; left: 0px; z-index: 1; }
/* Create a custom radio button */
.feedbackForm .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: 1px solid #0F70B5; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.feedbackForm .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.feedbackForm .containerRB > div input:checked ~ .checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.feedbackForm .containerRB > div .checkmark:after { top: 4px; left: 2px; width: 14px; height: 10px; background: none; background-image: url(Images/icons.png); background-position: -170px -111px; background-repeat: no-repeat; }

.feedbackForm .icon:not(.containerRB) { width: 20%; font-size: 12px; margin-bottom: 6px; }
.feedbackForm .icon:not(.containerRB) span { display: block; width: 32px; height: 32px; background-image: url(images/icons.png); margin: 0 auto; }
.feedbackForm .icon.veryGood:not(.containerRB) span { background-position: -161px -139px; }
.feedbackForm .icon.good:not(.containerRB) span { background-position: -195px -139px; }
.feedbackForm .icon.average:not(.containerRB) span { background-position: -229px -139px; }
.feedbackForm .icon.poor:not(.containerRB) span { background-position: -261px -139px; }
.mobileMenu { position: absolute; z-index: 9999; background-color: #EAEEF1; width: 100vw; right: 0px; top: 158px; display: none; padding: 42px 42px 26px; }
body.largeFont .mobileMenu { top: 150px; }
.mobileMenu .menuSection h2 { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 24px; color: #141414; font-weight: 500; margin-bottom: 20px; }
body.largeFont .mobileMenu .menuSection h2 { font-size: 26px; }
body.smallFont .mobileMenu .menuSection h2 { font-size: 22px; }
.mobileMenu .menuSection { margin-bottom: 36px; }
.mobileMenu .menuSection:last-child { margin-bottom: 0px; }
.mobileMenu .menuSection ul li { margin-bottom: 16px; }
.mobileMenu .menuSection ul li a, .mobileMenu .menuSection ul li a:link, .mobileMenu .menuSection ul li a:visited, .mobileMenu .menuSection ul li a:hover { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 18px; color: #434756; font-weight: 300; text-decoration: none; }
body.largeFont .mobileMenu .menuSection ul li a, body.largeFont .mobileMenu .menuSection ul li a:link, body.largeFont .mobileMenu .menuSection ul li a:visited, body.largeFont .mobileMenu .menuSection ul li a:hover { font-size: 20px; }
body.smallFont .mobileMenu .menuSection ul li a, body.smallFont .mobileMenu .menuSection ul li a:link, body.smallFont .mobileMenu .menuSection ul li a:visited, body.smallFont .mobileMenu .menuSection ul li a:hover { font-size: 16px; }
.mobileGreyBgrnMenuBtn { width: 96px; position: absolute; background: #EAEEF1; height: 80px; right: 0px; top: 80px; z-index: 10; display: none; }
.mobileMenuLink { display: none; width: 48px; height: 34px; cursor: pointer; position: relative; margin-right: 30px; }
.mobileMenuLink ul { position: absolute; top: 50%; left: 60%; transform: translate(-50%,-50%); width: 40px; height: 26px; cursor: pointer; }
.mobileMenuLink ul li { list-style: none; position: absolute; background: #606060; width: 100%; height: 2px; transform: translateY(-50%); transition: 1.8s; }
.mobileMenuLink ul li:nth-of-type(1) { top: 20%; }
.mobileMenuLink ul li:nth-of-type(2) { top: 50%; }
.mobileMenuLink ul li:nth-of-type(3) { width: 50%; top: 80%; }
.mobileMenuLink ul li:nth-of-type(4) { width: 50%; top: 80%; }
.mobileMenuLink ul li:nth-of-type(1), ul li:nth-of-type(2), ul li:nth-of-type(3) { left: 0; }
.mobileMenuLink ul li:nth-of-type(4) { right: 0px; }
.mobileMenuLink.opened ul li:nth-of-type(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
.mobileMenuLink.opened ul li:nth-of-type(2) { top: 50%; transform: translateY(-50%) rotate(-45deg); }
.mobileMenuLink.opened ul li:nth-of-type(3) { left: -50%; opacity: 0; }
.mobileMenuLink.opened ul li:nth-of-type(4) { right: -50%; opacity: 0; }
.subNavContainer { z-index: 999; }
.selectNavTabs { position: relative; z-index: 999; }
.selectNavTabs .selectedValue, .selectNavTabs .selectItems > div { background-color: #fff; padding: 10px 50px 10px 20px; cursor: pointer; }
.selectNavTabs .selectedValue:after { content: ""; display: inline-block; width: 18px; height: 8px; background-image: url(Images/icons.png); background-position: -149px -111px; position: absolute; right: 18px; top: 18px; }
.selectNavTabs .selectedValue.clicked:after { content: ""; display: inline-block; width: 18px; height: 8px; background-image: url(Images/icons.png); background-position: -149px -120px; position: absolute; right: 18px; top: 18px; }
.selectNavTabs .selectItems { width: 100%; position: absolute; left: 0px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3); }
.ubiOffice { background-image: url(images/ubi_office.png); background-color: transparent; height: 100%; background-repeat: no-repeat; background-size: cover; }

.modalPopUp { transform: translate(-50%,-50%); left: 50%; top: 50%; max-width: 800px; width: 98%; position: fixed; max-height: 86vh; background-color: #fff; z-index: 100000; overflow: hidden; padding: 30px 36px 40px 46px; }
.modalPopUp .btnCloseModalPopUp { display: block; width: 30px; height: 30px; position: absolute; right: 30px; top: 10px; background-image: url(Images/icons.png); background-position: -42px -146px; background-repeat: no-repeat; }
.modalPopUp .modalPopUpTitle { font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 36px; letter-spacing: 1.8px; color: #141414; font-weight: bold; margin-bottom: 40px; padding: 0px 20px; text-align: center; }
body.largeFont .modalPopUp .modalPopUpTitle { font-size: 38px; }
body.smallFont .modalPopUp .modalPopUpTitle { font-size: 34px; }
.modalPopUp .modalPopUpContainer { max-height: calc(86vh - 150px); overflow-y: auto; padding-right: 10px; }
.modalPopUp p { margin-bottom: 30px; }
.modalPopUp p.mb20p { margin-bottom: 20px; }
.modalPopUp.interestRatesForm p { margin-bottom: 10px; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; background-color: #00000080; }
.modalPopUp.celebrating { background-image: url(Images/celebration.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 30px 104px 40px 104px; }
.modalPopUp.celebrating .modalPopUpContainer h3 { font-size: 22px; }

.faqrow { clear: both; width: 100%; margin-bottom: 15px; }
.faqrow .question { line-height: 40px; border-bottom: 1px dashed #f1f1f1; background-image: url(/images/faq.jpg); background-position: right bottom; background-repeat: no-repeat; cursor: pointer; color: #2d2d2d; font-size: 16px; padding: 8px 70px 8px 0px; text-align: left; }
.faqrow .question .nq { line-height: 24px; font-size: 24px; color: #168fd5; display: block; float: left; width: 60px; }
.faqrow .answer { padding: 10px 0 10px 60px; color: #949494; }
.faqrow .answer a { color: #006cb8; }

.respTable { border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; }
.respTable div { word-break: break-word; }
.respTable .leftColSubHeader { display: flex; align-items: center; justify-content: center; border-right: 1px solid #000; }
.respTable .repTableHeaderShowOnMobile, .verticallyOrientedTabs .contentSections .respTable .repTableHeaderShowOnMobile { display: none; font-size: 18px; font-weight: 700; }
body.largeFont .respTable .repTableHeaderShowOnMobile, body.largeFont .verticallyOrientedTabs .contentSections .respTable .repTableHeaderShowOnMobile { font-size: 20px; }
body.smallFont .respTable .repTableHeaderShowOnMobile, body.smallFont .verticallyOrientedTabs .contentSections .respTable .repTableHeaderShowOnMobile { font-size: 16px; }
.respTable .respTableHeader, .respTable .respTableSubHeader, .verticallyOrientedTabs .contentSections .respTable .respTableHeader, .verticallyOrientedTabs .contentSections .respTable .respTableSubHeader { font-size: 18px; font-weight: 600; background-color: #B4DCFA; }
.respTable .respTableHeader, .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #000; box-sizing: border-box; display: flex; flex-direction: row; }
.respTable.reversedTable .respTableHeader { border-bottom: 0px; }
.respTable.reversedTable .respTableHeader.bbBlack { border-bottom: 1px solid #000; }
.respTable .respTableSubHeader { padding: 6px; justify-content: center; }
.respTable .respTableHeader > .fl, .respTable .respTableRow > .fl { flex-wrap: wrap; justify-content: flex-start; border-right: 1px solid; box-sizing: border-box; padding: 6px; display: flex; flex-direction: row; }
.respTable .respTableHeader > .fl.DNNAligncenter, .respTable .respTableRow > .fl.DNNAligncenter { justify-content: center; }
.respTable .respTableHeader > .fl:last-child, .respTable .respTableRow > .fl:last-child { border-right: 0px; }
.respTable .respTableRow > .fl a { word-break: break-word; }
.respTable .respTableRow > .fl.noP { padding: 0px; }
.respTable .respTableRow.dFlexFDCol { flex-direction: column; }

ol.numericList { list-style: decimal none outside; padding-left: 20px; }

#TariffCharges .respTableRow h2 { font-size: 20px; color: #0f70b5; font-weight: bold; padding: 6px; }
#TariffCharges .respTableRow p { padding: 6px; }

.verticallyOrientedTabs a.primaryRedBtn, .verticallyOrientedTabs a.primaryRedBtn:link, .verticallyOrientedTabs a.primaryRedBtn:visited, .verticallyOrientedTabs a.primaryRedBtn:hover { color: #fff; }
.verticallyOrientedTabs .contentSections a.linkBlueText, .verticallyOrientedTabs .contentSections a.linkBlueText:link, .verticallyOrientedTabs .contentSections a.linkBlueText:visited, .verticallyOrientedTabs .contentSections a.linkBlueText:hover { color: #0F70B5; text-decoration: underline; font-weight: bold; text-transform: capitalize; }
.cke_editable .glHidden { display: block; visibility: visible; }
.privacyPolicy h2, .privacyPolicy h3, .privacyPolicy h4 { font-weight: bold; }
.newsContainer { padding: 20px 70px; font-weight: bold; text-align: center; font-size: 20px; }
.newsContainer .normalText { font-weight: 400; }
.newsContainer a, .newsContainer a:visited { color: #222; text-decoration:none; }
.newsContainer a:hover { text-decoration:underline;}
body.largeFont .newsContainer { font-size: 22px; }
body.smallFont .newsContainer { font-size: 18px; }
.verticallyOrientedTabs .contentSections div#AboutUs { text-align: justify; }
.infoemail12 { display: inline-block; width: 180px; height: 14px; background: transparent url(images/infoemail12.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.infoemail12:hover { background-position: 0px -14px; }
.infoemail14 { display: inline-block; width: 180px; height: 14px; background: transparent url(images/infoemail14.png) no-repeat center top; background-position: 0px 0px; margin-top: 2px; vertical-align: text-top; }
.infoemail14:hover { background-position: 0px -14px; }
.infoemail18 { display: inline-block; width: 230px; height: 18px; background: transparent url(images/infoemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.infoemail18:hover { background-position: 0px -18px; }
.complianceemail18 { display: inline-block; width: 285px; height: 18px; background: transparent url(images/complianceemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.complianceemail18:hover { background-position: 0px -18px; }
.careermail18 { display: inline-block; width: 285px; height: 18px; background: transparent url(images/careermail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.careermail18:hover { background-position: 0px -18px; }
.infoemail20Bold { display: inline-block; width: 272px; height: 18px; background: transparent url(images/infoemail20Bold.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.infoemail20Bold:hover { background-position: 0px -18px; }

.opsemail18 { display: inline-block; width: 228px; height: 18px; background: transparent url(images/opsemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.opsemail18:hover { background-position: 0px -18px; }
.treasuryemail18 { display: inline-block; width: 260px; height: 18px; background: transparent url(images/treasuryemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.treasuryemail18:hover { background-position: 0px -18px; }
.creditemail18 { display: inline-block; width: 244px; height: 18px; background: transparent url(images/creditemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.creditemail18:hover { background-position: 0px -18px; }

.ebankemail18 { display: inline-block; width: 269px; height: 18px; background: transparent url(images/ebankemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.ebankemail18:hover { background-position: 0px -18px; }
.hremail18 { display: inline-block; width: 218px; height: 16px; background: transparent url(images/hremail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.hremail18:hover { background-position: 0px -16px; }
.customercareemail18 { display: inline-block; width: 326px; height: 17px; background: transparent url(images/customercareemail18.png) no-repeat center top; background-position: 0px 0px; margin-top: 4px; vertical-align: text-top; }
.customercareemail18:hover { background-position: 0px -17px; }
.textChristmasSliderPageId78 { font-weight: bold; font-size: 38px; line-height: 1.1; color: #D8202C; max-width: 500px; text-align: center; margin: 0 auto; padding: 60px 0px; font-family: "Average Sans",Verdana,Arial,sans-serif; }
.flex-active-slide .whiteCircle { display: block; }
.whiteCircle { background-color: #fff; border-radius: 50%; padding: 20px; line-height: 1; width: 540px; height: 540px; margin: 20px 0px; display: none; }
.whiteCircle .circleLevel2 { border: 2px solid #0F70B5; padding: 10px; border-radius: 50%; width: 500px; height: 500px; }
.whiteCircle .circleLevel2 .circleLevel3 { border: 2px solid #0F70B5; padding: 20px; width: 476px; height: 476px; border-radius: 50%; }
.whiteCircle .circleLevel2 .circleLevel3 .textChristmasSliderPageId37 { font-size: 38px; color: #D8202C; text-align: center; margin: 0 auto; font-family: "Average Sans",Verdana,Arial,sans-serif; width: 434px; height: 400px; padding: 54px 0px; font-weight: bold }
/*.ajax__calendar_days,.ajax__calendar_months,.ajax__calendar_years,.ajax__calendar_body,.ajax__calendar_container{width:300px !important;}
.ajax__calendar_container TABLE{width:100%;}
.ajax__calendar_body{height:160px !important;}
.ajax__calendar .ajax__calendar_container{height:220px !important;}
.ajax__calendar_month br{display:none;}*/
#DirectorDetails .clearfix > .w20.fl img { margin-top: 6px; }
.chatBot { width: 98%; max-width: 320px; position: fixed; right: 20px; bottom: 20px; background: #fff; border-radius: 4px; z-index: 1000; box-shadow: 0px 0px 5px 0px rgba(216,32,44,1); -webkit-box-shadow: 0px 0px 5px 0px rgba(216,32,44,1); -moz-box-shadow: 0px 0px 5px 0px rgba(216,32,44,1); border-top-right-radius: 16px; border-top-left-radius: 16px; }
.chatBot .answers { height: 200px; overflow-y: auto; }
#showChatForm { display: flex; justify-content: center; align-items: center; position: fixed; z-index: 10; right: 20px; bottom: 20px; width: 130px; height: 130px; border-radius: 50%; border: 2px solid #D8202C; }
#showChatForm > span { display: block; width: 104px; height: 104px; background-color: #d8202c7d; border-radius: 50%; transition: ease 0.3s; display: flex; justify-content: center; align-items: center; }
#showChatForm:hover > span { width: 130px; height: 130px; transition: ease 0.3s; }
#showChatForm > span > span { display: block; width: 80px; height: 80px; background-color: #D8202C; border-radius: 50%; background-image: url(Images/chat-icon.svg); background-image: url(Images/chat-icon.svg); background-position: center; background-size: 60%; background-repeat: no-repeat; }
.chatBot .header { padding: 16px; background-color: red; border-top-right-radius: 14px; border-top-left-radius: 14px; font-size: 20px; font-family: 'Average Sans'; font-weight: bold; color: #fff; }
a#closeChatForm, a#closeChatForm:visited, a#closeChatForm:hover, a#closeChatForm:link { color: #fff; text-decoration: none; }
.chatBot .chatContainer { padding: 16px; }
.chatBot .qFieldContainer { border-top: 1px solid #C8C8C8; padding: 0px 16px; }
.chatBot .qFieldContainer input[type="text"] { margin: 0px; width: calc(100% - 40px); border: 0px; outline: none; padding-left: 0px; }
.chatBot .qFieldContainer #aQ { width: 36px; height: 36px; margin: 6px 0px; background-image: url(Images/sent-icon.svg); background-position: center; background-repeat: no-repeat; text-decoration: none; }
a.predefinedOption, a.predefinedOption:visited, a.predefinedOption:link { display: inline-block; line-height: 1.1; padding: 4px; text-align: center; text-decoration: none; font-family: "Average Sans",Verdana,Arial,sans-serif; font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; background-color: #D8202C; border-radius: 4px; margin-right: 4px; margin-bottom: 4px; }
a.predefinedOption:hover { background-color: #006EB7 }
.chatBot .answer { background: #d8202c7d; padding: 6px; border-radius: 14px; border-top-left-radius: 0px; float: left; }
.chatBot .question { background: #006EB77A; padding: 6px; border-radius: 14px; border-top-right-radius: 0px; float: right; }

#DirectorDetails { text-align: justify; }
.secBubbleBlue { padding: 20px; border: 1px solid #5B9BD5; border-radius: 24px; background-color: #DEEBF7; margin: 20px 0px; }
.secBubbleYellow { padding: 20px; border: 1px solid #FFD966; border-radius: 24px; background-color: #FFF2CC; margin: 20px 0px; }
.secBubbleGreen { padding: 20px; border: 1px solid #92C072; border-radius: 24px; background-color: #E2F0D9; margin: 20px 0px; }
.interestRatesV2 { display: flex; flex-wrap: wrap; gap: 20px; }
.interestRatesV2 > div { flex: 0 0 calc(33.333% - 20px); box-shadow: 0px 6px 6px 4px #fff0,0px 6px 6px 4px #00000012,0px 6px 6px 4px #fff0; padding: 10px; }
.interestRatesV2 h2 { font-size: 20px; color: #0F70B5; font-weight: bold; margin-bottom: 10px; }
.interestRatesV2 h3 { font-size: 18px; color: #434756; font-weight: 600;  }
.interestRatesV2 .rateValue{font-size:12px;font-family:"Average Sans",Verdana,Arial,sans-serif;color:#141414;}
@media screen and (max-width:1450px) {
    .subNavContainer #SubMenu ul li { margin-right: 16px; }
}

@media screen and (max-width:1360px) {
    .personalHomeContetn { padding: 72px 28px; }
    .personalHomeContetn .navTabs a span.text { font-size: 18px; }
    body.largeFont .personalHomeContetn .navTabs a span.text { font-size: 20px; }
    body.smallFont .personalHomeContetn .navTabs a span.text { font-size: 16px; }
    .linksContainers .linksContainer { padding: 36px 20px 50px; margin-left: 2%; }
    .linksContainers .linksContainer:first-child { margin-left: 0px; }
    .youAreProtected { background-position: 80% center; }
}

@media screen and (max-width:1300px) {
    .mainSliderContainer .flexslider .slideContainer { background-position: left center; }
    /*.mainSliderContainer .flexslider .slideContainer{min-height:initial;height:494px;background-position:left;}*/
    .subNavContainer #SubMenu ul li { margin-right: 16px; }
    /*.internetBanking .icon{display:block;}
.internetBanking .text{display:none;}
a.internetBanking.primaryRedBtn{min-width:inherit;height:40px;padding:8px 12px;margin-right:8px;}*/
    /*.loginInternetBankingContainer{top:154px;}*/
    .searchFormContainer { top: 88px; }
    .loginInternetBankingContainer::before { right: 16px; }
    .searchbox .magnify { width: 33px; height: 33px; background-position: 0px -144px; margin: 0 16px; }
    .searchbox .magnify.opened { font-size: 58px; line-height: 24px; }
    body.largeFont .searchbox .magnify.opened { font-size: 60px; }
    body.smallFont .searchbox .magnify.opened { font-size: 58px; }
    .searchFormContainer::before { right: 20px; }
    .exchangeRatesBlueBgrn .ratesContainter, .exchangeRatesWhiteBgrn .ratesContainter { padding: 0px 20px; }
    .exchangeRatesBlueBgrn .rateItem > span.dFlex, .exchangeRatesWhiteBgrn .rateItem > span.dFlex { margin-right: 8px; }
    .mainSliderContainer .flexslider .slideContainer .wrap { padding-left: 34px; }
    .footerBottomLinks .wrap { flex-wrap: wrap; justify-content: space-evenly; }
    .footerBottomLinks .col { flex-basis: 33.3333%; }
    .footerBottomLinks .col:nth-child(4), .footerBottomLinks .col:nth-child(5) { margin-top: 80px; }
    .businnessBankingMain .rowBoxes { justify-content: space-between; }
    .businnessBankingMain .rowBoxes .box { margin-right: 0px; }
    .businnessBankingMain .rowBoxes .box:nth-child(3) { margin-bottom: 78px; }
    .businnessBankingMain .rowBoxes .box.w32 { width: 49%; }
    .businnessBankingMain .rowBoxes .box.mr2.w66.whiteBgrnd { width: 100%; }
    .copyright .btnsContainer { flex-direction: column; align-items: center; }
    .copyright .btnsContainer a.primaryRedBtn, .copyright .btnsContainer a.primaryRedBtn:hover, .copyright .btnsContainer a.primaryRedBtn:link, .copyright .btnsContainer a.primaryRedBtn:visited { max-width: 500px; }
    #TopMenu { width: 50%; }
    #MainMenu { width: 50%; }
    body.largeFont .searchFormContainer { top: 62px; }
    body.largeFont .loginInternetBankingContainer { top: 67px; }
    .newsContainer { padding: 20px; }
}

@media screen and (max-width:1100px) {
    .internetBanking .icon { margin-right: 0px; }
    .internetBanking .text { display: none; }
    a.internetBanking.primaryRedBtn { min-width: inherit; height: 40px; padding: 8px 12px; margin-right: 8px; }
    .internetBankingInformation.hideOnMobile { display: none; }
    #SubMenu { display: none; }
    .subNavContainer .rel.dFlexFDC { min-width: inherit; }
    .mobileMenuLink { display: block; }
    .loginInternetBankingContainer { top: 76px; }
    .searchFormContainer { top: 71px; }
}

@media screen and (max-width:1040px) {
    .ratesContainter:not(.mobile) { display: none; }
    .ratesContainter.mobile { display: block; }
    .ratesContainter.mobile .labelTodayExchangeRate span, .ratesContainter.mobile .detailedExchangeRate span { display: inline-block; width: initial; }
    .youAreProtected .authorityLogos .protect img { max-width: 410px; width: 100%; }
    .youAreProtected .authorityLogos img.imgSEPlus { max-width: 84px; width: 100%; }
    .youAreProtected .authorityDescr { max-width: 360px; margin-bottom: 26px; }
    .youAreProtected h2 { margin-bottom: 40px; }
    body.largeFont .ratesContainter.mobile .labelTodayExchangeRate span:first-child, body.largeFont .ratesContainter.mobile .detailedExchangeRate span:first-child { width: 72px; }
    body.largeFont .ratesContainter.mobile .labelTodayExchangeRate span:first-child, body.largeFont .ratesContainter.mobile .detailedExchangeRate span:first-child, body.largeFont .ratesContainter.mobile .labelTodayExchangeRate span:last-child, body.largeFont .ratesContainter.mobile .detailedExchangeRate span:last-child { margin: 0px; }
    .ratesContainter.mobile .labelTodayExchangeRate span:first-child, .ratesContainter.mobile .detailedExchangeRate span:first-child, .ratesContainter.mobile .labelTodayExchangeRate span:last-child, .ratesContainter.mobile .detailedExchangeRate span:last-child { margin: 0px; }
}

@media screen and (max-width:1010px) {
    .personalHomeContetn { padding: 40px 28px; }
    .personalHomeContetn .contentSections h2 { width: 100%; margin-bottom: 48px; text-align: center; }
    .personalHomeContetn .contentSections > div.clearfix > .fr.w50 { padding-top: 0px; }
    .personalHomeContetn .contentSections > div.clearfix .primaryRedBtn.mt110p { margin-top: 74px; }
    .personalHomeContetn .contentSections { padding: 30px 0px 0px; }
    /*.ratesContainter.mobile .labelTodayExchangeRate span:first-child,.ratesContainter.mobile .detailedExchangeRate span:first-child,.ratesContainter.mobile .labelTodayExchangeRate span:last-child,.ratesContainter.mobile .detailedExchangeRate span:last-child{margin:0px;}*/
    #TopMenu ul li { margin-right: 18px; }
    #MainMenu ul li { margin-right: 30px; }
}

@media screen and (max-width:920px) {
    .linksContainers { justify-content: space-evenly; flex-wrap: wrap; }
    .linksContainers .linksContainer { margin-bottom: 30px; max-width: 350px; }
    .linksContainers .linksContainer:last-child { margin-left: 0px; }
    .respTable .respTableHeader > .fl, .respTable .respTableRow > .fl, .respTable .leftColSubHeader, .respTable .respTableRow .w66-6 .w100, .respTable .respTableRow .pMobile { font-size: 14px; }
    body.largeFont .respTable .respTableHeader > .fl, body.largeFont .respTable .respTableRow > .fl, body.largeFont .respTable .leftColSubHeader, body.largeFont .respTable .respTableRow .w66-6 .w100, body.largeFont .respTable .respTableRow .pMobile { font-size: 16px; }
    body.smallFont .respTable .respTableHeader > .fl, body.smallFont .respTable .respTableRow > .fl, body.smallFont .respTable .leftColSubHeader, body.smallFont .respTable .smallFont .w66-6 .w100, body.smallFont .respTable .respTableRow .pMobile { font-size: 12px; }
    .mainContentPane { padding: 26px 24px 38px; }
    .verticallyOrientedTabs .navTabs { display: none; }
    .verticallyOrientedTabs .contentSections { width: 100%; padding: 24px 26px 30px 26px; }
    .verticallyOrientedTabsMob { border: 1px solid #C8C8C8; }
    .footerDev .wrap.dFlexJCSB { justify-content: center; flex-direction: column; }
    .footerDev .SocialMedia { margin: 10px 0px; }
    .footerDev .SocialMedia audio { max-width: 280px; }
}

@media screen and (max-width:820px) {
    .hereToHelpYou .wrap { flex-direction: column; }
    .hereToHelpYou span.whiteText { margin: 0px 0px 20px; }
    .DNNContainer_HeaderImage .ModDNNHTMLC .Normal img { height: 260px !important; object-fit: cover; }
    body.largeFont #TopMenu ul li, body.largeFont #MainMenu ul li { margin-right: 10px; }
}

@media screen and (max-width:768px) {
    .mobileMenu { top: 154px; }
    body.smallFont .mobileMenu { top: 150px; }
    .logoContainer { width: 236px; }
    #TopMenu { display: none; }
    #MainMenu { width: 100%; }
    #MainMenu ul { display: flex; justify-content: space-evenly; }
    #MainMenu ul li { margin-right: 0px; }
    .mobileGreyBgrnMenuBtn { width: 90px; }
    .searchFormContainer { top: 66px; }
    .mainSliderContainer .flexslider .slideContainer { padding: 80px 0px 40px; justify-content: flex-start; min-height: calc(100vh - 234px); }
    .mainSliderContainer .flexslider .slideContainer .wrap { padding-left: 20px; }
    .feedback a#feedbackform { width: 170px; height: 42px; background-position: -166px -172px; }
    .interestRates a#interestRatesForm { width: 170px; height: 42px; background-position: -166px -218px; }
    .feedback { right: 6%; left: initial; top: 154px; /*position:absolute;*/ z-index: 9; }
    .interestRates { right: calc(6% + 180px); left: initial; top: 154px; /*position:absolute;*/ z-index: 9; }
    .mainSliderContainer .flexslider .flex-control-nav { display: none; }
    .personalHomeContetn .contentSections { padding: 0px; }
    .personalHomeContetn .navTabs { display: none; }
    .personalHomeContetn { padding: 20px 18px 40px; margin: 10px 0px 0px; }
    .linksContainers .linksContainer { max-width: 400px; margin-left: 0px; }
    .footerBottomLinks .wrap { justify-content: space-between; }
    .footerBottomLinks .col { flex-basis: 42%; }
    .footerBottomLinks .col:nth-child(3) { margin-top: 80px; }
    .footerBottomLinks .col.logoBtns { flex-basis: 100%; max-width: initial; justify-content: space-between; flex-direction: row; align-items: center; }
    .footerBottomLinks .logoBtns .whiteLogo, .footerBottomLinks .logoBtns > div { flex-basis: 42%; margin: 0; }
    .footerBottomLinks .logoBtns a.primaryRedBtn, .footerBottomLinks .logoBtns a.primaryRedBtn:hover, .footerBottomLinks .logoBtns a.primaryRedBtn:link, .footerBottomLinks .logoBtns a.primaryRedBtn:visited, .footerBottomLinks .logoBtns a.primaryBlueBtn, .footerBottomLinks .logoBtns a.primaryBlueBtn:hover, .footerBottomLinks .logoBtns a.primaryBlueBtn:link, .footerBottomLinks .logoBtns a.primaryBlueBtn:visited { min-width: initial; }
    .modalPopUp { padding: 30px 0px 40px 10px; }
    .feedbackForm .mainInfo .w49.fl, .feedbackForm .mainInfo .w49.fr { width: 100%; }
    .feedbackForm .select2-container { width: 100% !important; }
    .loginInternetBankingContainer { top: 71px; }
}

@media screen and (max-width:700px) {
    .respTable { border: 0px; }
    .respTable .p6p { padding: 0px; }
    .respTable > div, .respTable .w100Mobile, .verticallyOrientedTabs .contentSections .respTable .w100Mobile { width: 100%; }
    .respTable .repTableHeaderShowOnMobile, .verticallyOrientedTabs .contentSections .respTable .repTableHeaderShowOnMobile { display: block; }
    .respTable .respTableHeader, .respTable.reversedTable .respTableRow .respTableHeader, .respTable .hideOnMobile, .verticallyOrientedTabs .contentSections .respTable .hideOnMobile { display: none; }
    .respTable .respTableSubHeader, .respTable .respTableRow { border-bottom: 1px solid #000; border-right: 0px; border-left: 0px; border-top: 0px; display: block; }
    .respTable .respTableHeader > .fl, .respTable .respTableRow > .fl, .respTable .respTableRow .w66-6 > div, .respTable .respTableRow .pMobile { width: 100%; border-right: 0px; box-sizing: border-box; padding: 6px 14px; display: initial; flex-direction: unset; }
    .respTable .respTableHeader > .fl:last-child, .respTable .respTableRow > .fl:last-child { border-right: 0px; width: 100%; }
    .respTable .respTableHeader > .fl.DNNAligncenter, .respTable .respTableRow > .fl.DNNAligncenter { justify-content: flex-start; text-align: left; }
    .respTable .respTableRow > .fl.w50.noP { padding: 6px 14px; }
    .respTable .respTableRow > .fl.w50.noP .dFlex.w100.bbBlack, .respTable .respTableRow > .fl.w50 .dFlex.w100.bbBlack { border-bottom: 0px; }
    .respTable .respTableRow > .fl.w50.noP .dFlex.w100.bbBlack .brBlack, .respTable .respTableRow > .fl.w50.noP .dFlex.w100 .brBlack { border-right: 0px; }
    body.largeFont .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 24px; }
    .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 22px; }
    body.smallFont .businnessBankingMain .rowBoxes .box .boxText h2.blueText { font-size: 20px; }
}

@media screen and (max-width:660px) {
    .ratesContainter.mobile > div { width: 100%; text-align: center; }
    .mainSliderContainer .flexslider .slideContainer { min-height: calc(100vh - 282px); background-position: center; }
    .titleH1ImageContainer h1.titleH1 { font-size: 30px; padding-left: 30px; }
    body.largeFont .titleH1ImageContainer h1.titleH1 { font-size: 32px; }
    body.smallFont .titleH1ImageContainer h1.titleH1 { font-size: 28px; }
    body.largeFont .ratesContainter.mobile .labelTodayExchangeRate span:first-child, body.largeFont .ratesContainter.mobile .detailedExchangeRate span:first-child { width: 80px; }
    body.largeFont .ratesContainter.mobile .labelTodayExchangeRate span:last-child, body.largeFont .ratesContainter.mobile .detailedExchangeRate span:last-child { width: 140px; }
    .newsContainer { padding: 10px; }
}

@media screen and (max-width:640px) {
    .searchFormContainer { top: 66px; right: -126px; width: 300px; padding: 30px; }
    .searchFormContainer::before { right: 146px; }
    .loginInternetBankingContainer { right: -78px; width: 310px; padding: 14px; }
    body.largeFont .loginInternetBankingContainer { padding: 14px 2px; }
    .loginInternetBankingContainer::before { right: 94px; }
    .personalHomeContetn .contentSections > div.clearfix > .fr.w50 { width: 100%; margin-bottom: 20px; }
    .personalHomeContetn .contentSections > div.clearfix > .w40 { width: 100%; clear: both; }
    .personalHomeContetn .contentSections h2 { margin-bottom: 20px; font-size: 26px; }
    body.largeFont .personalHomeContetn .contentSections h2 { font-size: 28px; }
    body.smallFont .personalHomeContetn .contentSections h2 { font-size: 24px; }
    .personalHomeContetn .contentSections > div.clearfix .primaryRedBtn.mt110p { margin-top: 40px; }
    .youAreProtected .authorityLogos img.imgSEPlus { display: block; margin-top: 10px; }
    .youAreProtected h2 { font-size: 26px; }
    body.largeFont .youAreProtected h2 { font-size: 28px; }
    body.smallFont .youAreProtected h2 { font-size: 24px; }
    .footerBottomLinks .wrap { justify-content: center; }
    .footerBottomLinks .col { flex-basis: 100%; }
    .footerBottomLinks .col.logoBtns { flex-basis: 100%; min-width: auto; flex-direction: column; justify-content: flex-start; }
    .footerBottomLinks .logoBtns .whiteLogo { margin-bottom: 48px; }
    .footerBottomLinks .col:nth-child(2), .footerBottomLinks .col:nth-child(3), .footerBottomLinks .col:nth-child(4), .footerBottomLinks .col:nth-child(5) { margin-top: 40px; }
    .footerBottomLinks .logoBtns > div { text-align: center; }
    .footerDev .wrap.dFlexJCSB .changeFontSize { width: 100%; text-align: center; padding: 10px; }
    .footerDev { text-align: center; padding: 10px 20px; }
    .businnessBankingMain .rowBoxes .box.w32 { width: 100%; }
    .businnessBankingMain .rowBoxes .box:nth-child(4) { margin-bottom: 78px; }
    .businnessBankingMain { max-width: 1200px; width: 98%; margin: 0 auto; padding: 44px 0px 78px; }
    .feedbackForm .primaryRedBtn { width: 100%; margin-bottom: 10px; }
    .feedbackForm .icon:not(.containerRB) { width: 25%; font-size: 10px; }
    .feedbackForm .icon.containerRB { width: 25%; }
    .feedbackForm .repHeader .fl.w49, .feedbackForm .rep .fl.w49 { width: 39%; }
    .feedbackForm .repHeader .fr.w49, .feedbackForm .rep .fr.w49 { width: 59%; }
    .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; }
    .whiteCircle { width: 310px; height: 310px; margin: 40px 0px; }
    .whiteCircle .circleLevel2 { width: 270px; height: 270px; }
    .whiteCircle .circleLevel2 .circleLevel3 { width: 246px; height: 246px; }
    .whiteCircle .circleLevel2 .circleLevel3 .textChristmasSliderPageId37 { font-size: 19px; width: 204px; height: 170px; padding: 16px 0px; }
    .textChristmasSliderPageId78 { font-size: 26px; padding: 40px 0px; }
}

@media screen and (max-width:480px) {
    .mainSliderContainer .flexslider .slideContainer .wrap { padding-left: 0px; }
    .logoContainer { width: 114px; }
    .mobileMenuLink { margin-right: 0px; }
    .mobileMenu { top: 144px; }
    .mobileGreyBgrnMenuBtn { width: 48px; top: 78px; height: 66px; }
    body.largeFont .mobileGreyBgrnMenuBtn { height: 74px; }
    .searchFormContainer::before { right: 112px; }
    .subNavContainer { padding: 24px 0px; }
    .searchFormContainer { top: 62px; right: -92px; }
    .loginInternetBankingContainer::before { right: 60px; }
    .loginInternetBankingContainer { right: -49px; top: 68px; }
    .feedback { right: 2%; top: 144px; }
    .mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-size: 30px; }
    body.largeFont .mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-size: 32px; }
    body.smallFont .mainSliderContainer .flexslider .slideContainer h2.slideTitle { font-size: 28px; }
    #MainMenu ul li a, #MainMenu ul li a:link, #MainMenu ul li a:hover, #MainMenu ul li a:visited { font-size: 14px; }
    body.smallFont #MainMenu ul li a, body.smallFont #MainMenu ul li a:link, body.smallFont #MainMenu ul li a:hover, body.smallFont #MainMenu ul li a:visited { font-size: 12px; }
    body.largeFont #MainMenu ul li a, body.largeFont #MainMenu ul li a:link, body.largeFont #MainMenu ul li a:hover, body.largeFont #MainMenu ul li a:visited { font-size: 16px; }
    body.largeFont #TopMenu ul li, body.largeFont #MainMenu ul li { margin-right: 0px; }
    .ratesContainter.mobile .w60.fl > div { width: 280px; margin: 0 auto; }
    .modalPopUp .modalPopUpContainer .primaryRedBtn { width: 100%; margin-bottom: 10px; }
    header .subHeader { padding: 0px; }
}

@media screen and (max-width:380px) {
    .interestRates { right: calc(6% + 146px); }
    .feedback a#feedbackform { width: 150px; height: 42px; background-position: 0px -182px; }
    .interestRates a#interestRatesForm { width: 150px; height: 42px; background-position: 0px -226px; }
}

@media screen and (max-width:340px) {
    .modalPopUp .modalPopUpContainer { overflow-x: hidden; word-break: break-word; }
}
