/*@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.ttf) format('truetype');
}*/

@font-face {
	font-family: 'GE SS Two';
	src: url('../fonts/GE-SS-Two-Light.eot');
	src: local('☺'),
		url('../fonts/GE-SS-Two-Light.svg') format('svg'),
		url('../fonts/GE-SS-Two-Light.woff') format('woff'),
		url('../fonts/GE-SS-Two-Light.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GE SS Two';
	src: url('../fonts/GE-SS-Two-Medium.eot');
	src: local('☺'),
		url('../fonts/GE-SS-Two-Medium.svg') format('svg'),
		url('../fonts/GE-SS-Two-Medium.woff') format('woff'),
		url('../fonts/GE-SS-Two-Medium.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}



*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*GET BOOTSTAP GRID 2.3*/
.row-fluid { width: 100%; *zoom:1;}
.row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"] { display: block; width: 100%; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; margin-right: 2.127659574468085%;}
.row-fluid [class*="span"]:first-child { margin-right: 0; }
.row-fluid .span12 { width: 100%; *width:99.94680851063829%;}
.row-fluid .span11 { width: 91.48936170212765%; *width:91.43617021276594%;}
.row-fluid .span10 { width: 82.97872340425532%; *width:82.92553191489361%;}
.row-fluid .span9 { width: 74.46808510638297%; *width:74.41489361702126%;}
.row-fluid .span8 { width: 65.95744680851064%; *width:65.90425531914893%;}
.row-fluid .span7 { width: 57.44680851063829%; *width:57.39361702127659%;}
.row-fluid .span6 { width: 48.93617021276595%; *width:48.88297872340425%;}
.row-fluid .span5 { width: 40.42553191489362%; *width:40.37234042553192%;}
.row-fluid .span4 { width: 31.914893617021278%; *width:31.861702127659576%;}
.row-fluid .span3 { width: 23.404255319148934%; *width:23.351063829787233%;}
.row-fluid .span2 { width: 14.893617021276595%; *width:14.840425531914894%;}
.row-fluid .span1 { width: 6.382978723404255%; *width:6.329787234042553%;}
.row-fluid .offset12 { margin-right: 104.25531914893617%;}
.row-fluid .offset12:first-child { margin-right: 102.12765957446808%;}
.row-fluid .offset11 { margin-right: 95.74468085106382%;}
.row-fluid .offset11:first-child { margin-right: 93.61702127659574%;}
.row-fluid .offset10 { margin-right: 87.23404255319149%;}
.row-fluid .offset10:first-child { margin-right: 85.1063829787234%;}
.row-fluid .offset9 { margin-right: 78.72340425531914%;}
.row-fluid .offset9:first-child { margin-right: 76.59574468085106%;}
.row-fluid .offset8 { margin-right: 70.2127659574468%;}
.row-fluid .offset8:first-child { margin-right: 68.08510638297872%;}
.row-fluid .offset7 { margin-right: 61.70212765957446%;}
.row-fluid .offset7:first-child { margin-right: 59.574468085106375%;}
.row-fluid .offset6 { margin-right: 53.191489361702125%;}
.row-fluid .offset6:first-child { margin-right: 51.063829787234035%;}
.row-fluid .offset5 { margin-right: 44.68085106382979%;}
.row-fluid .offset5:first-child { margin-right: 42.5531914893617%;}
.row-fluid .offset4 { margin-right: 36.170212765957444%;}
.row-fluid .offset4:first-child { margin-right: 34.04255319148936%;}
.row-fluid .offset3 { margin-right: 27.659574468085104%;}
.row-fluid .offset3:first-child { margin-right: 25.53191489361702%;}
.row-fluid .offset2 { margin-right: 19.148936170212764%;}
.row-fluid .offset2:first-child { margin-right: 17.02127659574468%;}
.row-fluid .offset1 { margin-right: 10.638297872340425%;}
.row-fluid .offset1:first-child { margin-right: 8.51063829787234%;}
[class*="span"].hide, .row-fluid [class*="span"].hide { display: none; }
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; }
.span2:nth-child(6n+1),
.span3:nth-child(4n+1),
.span4:nth-child(3n+1),
.span6:nth-child(2n+3){ margin-right: 0 !important; }

html, button, input, select, textarea { color: #5f5f5f; }
body { font-size: 13px; line-height: 1.4; font-family: Tahoma, sans-serif; -webkit-animation: ease-in .4s fullAnimation; -moz-animation: ease-in .4s fullAnimation; animation: ease-in .4s fullAnimation; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; direction:rtl;}
@-webkit-keyframes fullAnimation {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fullAnimation {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fullAnimation {  0% {
opacity:0;
}
 100% {
opacity:1;
}
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; max-width: 100%; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
a { cursor: pointer; text-decoration: none; color: #004989; -webkit-transition: background-color 300ms ease-out, color 300ms ease-out; -moz-transition: background-color 300ms ease-out, color 300ms ease-out; transition: background-color 300ms ease-out, color 300ms ease-out; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
a:hover { color: #5f5f5f; }
a:active, a:focus { outline-style: none; }
h1, h2, h3, h4, h5, h6, p, ul { margin: 0 0 10px; font-weight: normal; }
h1 { font-size: 36px; line-height:1.2; font-family:'GE SS Two', Tahoma;}
h2,
.foo-content h4 { font-size: 24px; font-family:'GE SS Two', Tahoma, sans-serif; font-weight: 700; color: #002f69; line-height:1.2;}
h3,
.topq2 h2 { font-size: 20px; font-family:'GE SS Two', Tahoma, sans-serif; font-weight: 700; }
h4 { font-size: 1.125rem; font-weight:bold; font-family:'GE SS Two', Tahoma, sans-serif;}
h5, .h5 { font-size: 16px; font-weight: 700; font-family:'GE SS Two', Tahoma, sans-serif;}
h6 { font-size: 14px; font-family: 'GE SS Two', Tahoma, sans-serif; font-weight:700; color: #002f69; }
.h2 {font-size:30px;}
.h3 {color:#002f69; font-size:24px; font-weight:normal;}
.placeholder {color:#aaa;}
.last { margin-bottom: 0; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: white; font-family: inherit; border: solid 1px  #d6d6d6; display: block; padding: 6px 8px; height: 30px; width: 100%; /*line-height:1;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 1px #dadada; -moz-box-shadow: 0 0 1px #dadada; -webkit-box-shadow: 0 0 1px #dadada; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; box-shadow: 0 0 1px #dadada; -moz-box-shadow: 0 0 1px #dadada; -webkit-box-shadow: 0 0 1px #dadada;}
input[type="text"]:focus,  input[type="password"]:focus,  input[type="date"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="month"]:focus,  input[type="week"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="time"]:focus,  input[type="url"]:focus,  textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
input[type=search].tiny, input[type=text].tiny { padding: 3px 5px; height: 24px; }
.has-error { border-color: #a94442!important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important; }
textarea {height:auto;}
.error {color:#FF2323!important;}
/*Site Header CSS*/
.mainheader { background: url(../img/header-white-bg.jpg) repeat-x #002f69; min-height: 100px; position: relative; z-index:11;}
.container { margin-right: auto; margin-left: auto; width: 995px; }
.container:before, .container:after { display: table; content: " " }
.container:after { clear: both }
.logo { float: right; }
.langcountry { float: left; width: 495px; line-height: 1.5; }
.langcountry > ul { list-style: none; padding: 0; text-align: center }
.langcountry > ul > li { display: inline-block; vertical-align: middle; padding: 0 10px; margin: 9px 0; height: 20px; border-left: solid 1px #818181; }
.langcountry > ul > li:last-child { border-left: none; }
.langcountry .arabic-lang { color: #002f69; font-size: 13px; }
.langcountry .chosen-container { margin-top: -3px; }
.langcountry .atm { font-family: 'GE SS Two', sans-serif; }
.langcountry a { color: #333; }
.langcountry a:hover { color: #004989; }
.langcountry .select-country { width: 170px; }
[class^=i-], [class^=i2-] {
background-image:url(../img/sprite.png);
background-repeat:no-repeat;
vertical-align:middle;
display:inline-block;
}
[class^=i2-] {background-image:url(../img/sprite-2.png);}
[class^=list-] {
padding:0;
list-style:none;
}
.i-locator { width: 15px; height: 21px; background-position: -9px -9px; margin: -2px 0 0 3px; }
.mainheader .rightpan { width: 248px; float: left; }
.mainheader .rightpan .list-nav { display: table; width: 100%; margin: 0; }
.mainheader .rightpan .list-nav > li { border-left: 2px solid #fff; display: table-cell; }
.mainheader .rightpan .list-nav > li:last-child { border-left: 0; }
.mainheader .rightpan .button {text-transform:uppercase;}
.i-login { width: 22px; height: 22px; background-position: -38px -9px; }
.i-chat { width: 34px; height: 22px; background-position: -74px -9px; }
.i-call { width: 22px; height: 22px; background-position: -118px -9px; }
.i-search { width: 22px; height: 22px; background-position: -154px -9px; }
.mainheader .leftpan { float: right; width: 745px; }
.mainheader .rightpan .list-nav > li > a { color: #fff; font-size: 12px; background: #333; display: block; padding: 8px 6px; height: 38px; min-width: 28px; text-align: center; }
.mainheader .rightpan .list-nav > li > a:hover { background: #00a7e8; }
.mainheader .rightpan .list-nav [class^=i-] { vertical-align: -6px; }
.mainheader .rightpan .list-nav .text { display: none; vertical-align: 0; font-size:11px; height: 16px; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }
.mainheader .rightpan .list-nav li.active a { background: #00a7e8; }
.mainheader .rightpan .list-nav .active .text { margin-right: 3px; display: inline-block; }
.mainheader .rightpan .tab-container { background: #fff; border: solid 2px #00a7e8; padding: 8px 12px; height: 110px; }
.mainheader .rightpan select { width: 100%; }
.mainheader .rightpan .heading { color: #004989; margin-bottom: 10px; }
.mainheader .live-chat p { margin-bottom: 4px; }
.mainheader .call-adib { font-size: 13px; }
.mainheader .call-adib .number { font-size: 20px; display: block; line-height: 1.2; margin: 0 0 5px; }
.mainheader .call-adib .digit:before{content:"+"}
.mainheader .call-adib .link-readmore {font-size:13px;}
.mainheader .call-adib .viewall {margin-top:15px;}
.mainheader .search .head { font-size: 15px; margin-bottom: 5px; }
.mainheader .search input[type=search] {border-color:#00a7e8;}
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
button, .button { border-style: solid; border-width: 0; cursor: pointer; font-weight: normal; line-height: normal; position: relative; text-decoration: none; text-align: center; display: inline-block; padding:15px 20px; font-size:14px;
background-color: #008cba; border-color: #007295; color: white; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; padding-top:.94444rem;
padding-bottom:.88889rem;
-webkit-appearance: none; border: 0;}
.button:active, [class^=btn]:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); }
.button.tiny { padding: 7px 14px; }
.button.small { }
.button.large { }
.button.block, .btn-block{display:block;}
.button.blue { background: #009edf; font-size: 10px; }
.button.blue:hover, .button.blue:focus { background: #0091ca; }
.button.gray {background:#6f6f6f; color:#fff; font-weight:bold;}
.button.gray:hover {background:#5d5d5d;}
.button.darkblue {color:#fff; background:#002f69;}
.button.darkblue:hover {background:#007abb}

.mainheader .rightpan .chosen-container { margin-bottom: 10px; }
.link-register { font-size: 11px; margin-right: 15px; }
.link-register:before { content: ""; background: url(../img/sprite.png) no-repeat -189px -16px; width: 5px; height: 9px; display: inline-block; margin-left: 5px; vertical-align:-1px;}
.tabcontent { display: none; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.tabcontent.active { display: block; }
/*MAIN NAVIGATION*/
.main-nav { float: right; clear: right; margin-top:1px;}
.main-nav .list-nav { margin: 0; }
.main-nav .list-nav > li { float:right; margin-left: 5px; vertical-align:bottom;}
.main-nav .list-nav > li:last-child { margin-left: 0 }
.main-nav .list-nav > li > a { display: block; padding: 13px 10px; min-width: 144px; height:48px; line-height:27px; background: #00a7e8; color: #fff; font-size: 16px; font-weight:bold; font-family: 'GE SS Two', Tahoma, sans-serif; position: relative; }
.main-nav .list-nav > li > a:after { content: ""; position: absolute; width: 18px; height: 11px; background: url(../img/sprite.png) no-repeat -204px -16px; left: 10px; top: 50%; margin-top: -4px; }
.main-nav .list-nav > li > a:hover { background-color: #0091ca; }
.main-nav .list-nav > li.active > a { background-color: #fff; color: #002f69; font-weight: 700 }
.main-nav .list-nav > li.active > a:after { background-position: -230px -16px; }
.main-nav .list-nav .securities { background: #006ba9; }
.main-nav .list-nav .securities:after { display: none; }
.main-nav .sublevel { background-color: #fff; border-bottom: solid 1px #e5e5e5; left: 0; bottom: -52px; width: 100%; position: absolute; height: 52px; display: none; }
.main-nav .active .sublevel { display: block; }
.main-nav .sublevel ul.list-sublevel { margin: 0; }
.main-nav .sublevel ul.list-sublevel > li { display: inline-block }
.main-nav .sublevel ul.list-sublevel > li:last-child { border-left: none; }
.main-nav .sublevel ul.list-sublevel > li > a { display: block; position: relative; padding: 16px; text-transform: uppercase; color: #6f6f6f; font-size: 12px; height:52px; line-height: 1.8; font-family: 'GE SS Two', Tahoma, sans-serif;}
.main-nav .sublevel ul.list-sublevel > li.active > a, .main-nav .sublevel ul.list-sublevel > li > a.active { font-weight:bold; color:#00a7e8}
.main-nav .sublevel ul.list-sublevel > li:hover > a {color: #00a7e8;}
.main-nav .sublevel ul.list-sublevel > li > a:before { content: ""; display: inline-block; height: 30px; border-left: solid 1px #ccc; position: absolute; left: -1px; top: 10px; }
.main-nav .sublevel ul.list-sublevel > li:last-child > a:before { display: none; }
.main-nav .sublevel ul.list-sublevel > li:hover > a:after { content: ""; width: 17px; height: 11px; background: url(../img/sprite.png) no-repeat -452px -54px; position: absolute; left: 50%; top: 49px; z-index: 1; margin-left: -7px; animation:arrowDropdown 0.3s; -webkit-animation:arrowDropdown 0.3s; -moz-animation:arrowDropdown 0.3s;}
@keyframes arrowDropdown {
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes arrowDropdown {
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes arrowDropdown {
	0%{opacity:0;}
	100%{opacity:1;}
}
/*SUBLEVEL DROPDOWN*/
.sublevel .container { position: relative; z-index: 1 }
.sub-dropdown { width: 995px; background: #fff; min-height: 100px; position: absolute; top: 100%; left: 0; display: none; animation: 0.5s dropdown; -webkit-animation: 0.5s dropdown; -moz-animation: 0.5s dropdown; box-shadow:0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.35); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.35);}
@keyframes dropdown {  0% {
opacity:0;
transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
}
 100% {
opacity:100;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
}
}
@-webkit-keyframes dropdown {  0% {
opacity:0;
transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
}
 100% {
opacity:100;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
}
}
@-moz-keyframes dropdown {  0% {
opacity:0;
transform:translateY(-5px);
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
}
 100% {
opacity:100;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
}
}
.main-nav .sublevel ul.list-sublevel > li:hover .sub-dropdown { display: block; }
.sub-dropdown .content { padding: 13px; width: 249px; height:100%; display:table-cell; border-left: solid 1px #e5e5e5; }
.sub-dropdown .content:last-child { border-left: none; }
.list-plain { margin-bottom: 0 }
.list-plain > li > a { font-size: 12px; display: block; padding: 10px 0; color: #343434; transition: all ease 0.2s; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}
.list-plain > li > a:hover { color: #00a7e8; -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); }
.sub-dropdown .video-thumb { position: relative; transition: .3s ease all; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; display: block; }
.sub-dropdown .video-thumb:hover { -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); }
.sub-dropdown .video-thumb .i-play { position: absolute; left: 50%; top: 50%; margin: -34px 0 0 -34px; opacity: .75; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; }
.sub-dropdown .video-thumb:hover .i-play { opacity: 1; }
.list-blue-link li { border-bottom: solid 1px #f4f3f3; }
.list-blue-link li a { color: #002f69; font-size: 13px; }
.list-arrow li a { color: #6f6f6f; text-decoration: underline; padding-right:18px; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}
.list-arrow li a:before { content: ""; width: 8px; height: 9px; background: url(../img/sprite.png) no-repeat -505px -20px; display: inline-block; margin-left: 10px; margin-right:-18px; vertical-align: -2px; }
.i-diamond { width: 53px; height: 36px; background-position: -528px -6px; }
.link-pbanking { border: solid 1px #e3e3e3; display: block; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; margin-top: 10px; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden;}
.link-pbanking:first-child { margin-top: 0; }
.link-pbanking:hover { border-color: #ccc; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); }
.link-pbanking .inner { padding: 15px 10px; }
.link-pbanking .head { font-size: 16px; font-weight: 700; color: #595959; }
.link-pbanking .inner .img {float:left;}
.link-pbanking p { color: #002f69; font-size: 14px; }
.link-pbanking .i-diamond { float: left; margin-top: 5px; }
.link-pbanking .more { color: #fff; background: #002f69; display: block; padding: 10px; }
.link-pbanking .more:before { content: ""; display: inline-block; background: url(../img/sprite.png) no-repeat -484px -18px; width: 8px; height: 11px; margin-left: 8px; vertical-align: -1px; transition: ease all 0.3s; -webkit-transition: ease all 0.3s; -moz-transition: ease all 0.3s; }
.link-pbanking.gold .head { color: #8b7459; }
.link-pbanking:hover .more:before { -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); }
.sub-dropdown .bggray { background: #f6f6f6; }
.i-gold { width: 46px; height: 25px; background-position: -484px -60px; float: left; margin-top: 10px; }
/*SLIDESHOW*/
.bx-wrapper {position: relative; margin: 0; padding: 0; *zoom: 1; direction:ltr;}
.slideshow { margin: 52px auto 0; text-align: center; position: relative; min-width:995px; max-width: 1320px; min-height:420px; max-height: 558px; overflow: hidden; }
.slideshow .gradient{width:100%; height:100%; position:absolute; left:0; top:0; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(132,143,156,0) 26%, rgba(5,26,53,0.45) 53%, rgba(0,22,49,0.45) 54%, rgba(0,22,49,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(26%,rgba(132,143,156,0)), color-stop(53%,rgba(5,26,53,0.45)), color-stop(54%,rgba(0,22,49,0.45)), color-stop(100%,rgba(0,22,49,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(132,143,156,0) 26%,rgba(5,26,53,0.45) 53%,rgba(0,22,49,0.45) 54%,rgba(0,22,49,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(132,143,156,0) 26%,rgba(5,26,53,0.45) 53%,rgba(0,22,49,0.45) 54%,rgba(0,22,49,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(132,143,156,0) 26%,rgba(5,26,53,0.45) 53%,rgba(0,22,49,0.45) 54%,rgba(0,22,49,0.6) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(132,143,156,0) 26%,rgba(5,26,53,0.45) 53%,rgba(0,22,49,0.45) 54%,rgba(0,22,49,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99001631',GradientType=1 ); /* IE6-9 */

}
.slideshow h1,
.slideshow .h1 {font-size:40px;}
.lt-ie9 .slideshow { min-height: 558px; }
.slideshow .slides { margin: 0; padding: 0; list-style: none; clear: both; }
.slideshow .slides > li { display: block; position: absolute; left: 0; top: 0; width: 100%; }
.slideshow .container { position: absolute; top: 0; left: 50%; margin-left: -502px; text-align:right;}
.slideshow .content { width: 490px; margin-top: 10%; margin-right: 1%; color: #fff; float: right; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; direction:rtl;}
.slideshow h1,
.slideshow .h1 { font-family: 'GE SS Two', sans-serif; font-weight:700; text-shadow: 0 0 5px rgba(0,0,0,0.5); margin-bottom: 5px; text-transform:capitalize;}
.slideshow h2 { text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.5); margin-bottom: 5px; font-size: 22px; color: #fff; font-weight: normal; line-height:1.4}
.slideshow .list { text-shadow: 0 0 5px rgba(0,0,0,0.5); font-size: 18px; list-style: none; margin-bottom: 15px; padding-right: 20px; }
.slideshow .list > li { position: relative; margin: 5px 0; }
.slideshow .list > li:before { background: url(../img/sprite.png) no-repeat -260px -14px; width: 13px; height: 13px; content: ""; position: absolute; right: -20px; top: 7px; }
.slideshow .orbit-timer { display: none; }
[class^=btn] {font-size: 12px; text-transform: uppercase; margin-left: 5px; padding: 10px; height: 38px; display: inline-block; position: relative; line-height:1.6; font-family: 'GE SS Two', Tahoma, sans-serif; backface-visibility:hidden; -webkit-backface-visibility:hidden;}

.btn-blue, .btn-blue.arrow { color: #fff!important; background: #1ca6e0; /* Old browsers */ background: -moz-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ca6e0), color-stop(50%, #1ca6e0), color-stop(51%, #009edf), color-stop(100%, #009edf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* IE10+ */ background: linear-gradient(to bottom, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca6e0', endColorstr='#009edf', GradientType=0 ); /* IE6-9 */
}
.btn-blue:hover, .btn-blue:focus, .btn-blue.arrow:hover { color: #fff; background: #1b9dd5; /* Old browsers */ background: -moz-linear-gradient(top, #1b9dd5 0%, #1b9dd5 50%, #0098d4 51%, #0098d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b9dd5), color-stop(50%, #1b9dd5), color-stop(51%, #0098d4), color-stop(100%, #0098d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1b9dd5 0%, #1b9dd5 50%, #0098d4 51%, #0098d4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1b9dd5 0%, #1b9dd5 50%, #0098d4 51%, #0098d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1b9dd5 0%, #1b9dd5 50%, #0098d4 51%, #0098d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #1b9dd5 0%, #1b9dd5 50%, #0098d4 51%, #0098d4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9dd5', endColorstr='#0098d4', GradientType=0 ); /* IE6-9 */
}
.btn-blue.arrow:after { content: ""; width: 12px; height: 16px; background: url(../img/sprite.png) no-repeat -283px -13px; position: absolute; top: 12px; left: -21px; transition: ease-in-out 0.2s all; -webkit-transition: ease-in-out 0.2s all; -moz-transition: ease-in-out 0.2s all; }
.btn-blue.arrow:before { content: ""; width: 27px; height: 38px; background: #fff; position: absolute; top: 0; left: -27px; }
.btn-blue.arrow:hover:after { -webkit-transform: translateX(-2px); }
.btn-darkblue {color:#fff;
background: -moz-linear-gradient(top,  rgba(0,74,133,1) 0%, rgba(0,74,133,1) 50%, rgba(0,47,105,1) 51%, rgba(0,47,105,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,74,133,1)), color-stop(50%,rgba(0,74,133,1)), color-stop(51%,rgba(0,47,105,1)), color-stop(100%,rgba(0,47,105,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,74,133,1) 0%,rgba(0,74,133,1) 50%,rgba(0,47,105,1) 51%,rgba(0,47,105,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,74,133,1) 0%,rgba(0,74,133,1) 50%,rgba(0,47,105,1) 51%,rgba(0,47,105,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,74,133,1) 0%,rgba(0,74,133,1) 50%,rgba(0,47,105,1) 51%,rgba(0,47,105,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,74,133,1) 0%,rgba(0,74,133,1) 50%,rgba(0,47,105,1) 51%,rgba(0,47,105,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a85', endColorstr='#002f69',GradientType=0 ); /* IE6-9 */
}
.btn-darkblue:hover {color:#fff;
background: -moz-linear-gradient(top,  rgba(0,66,120,1) 0%, rgba(0,66,120,1) 50%, rgba(0,43,96,1) 51%, rgba(0,43,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,66,120,1)), color-stop(50%,rgba(0,66,120,1)), color-stop(51%,rgba(0,43,96,1)), color-stop(100%,rgba(0,43,96,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,66,120,1) 0%,rgba(0,66,120,1) 50%,rgba(0,43,96,1) 51%,rgba(0,43,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,66,120,1) 0%,rgba(0,66,120,1) 50%,rgba(0,43,96,1) 51%,rgba(0,43,96,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,66,120,1) 0%,rgba(0,66,120,1) 50%,rgba(0,43,96,1) 51%,rgba(0,43,96,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,66,120,1) 0%,rgba(0,66,120,1) 50%,rgba(0,43,96,1) 51%,rgba(0,43,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004278', endColorstr='#002b60',GradientType=0 ); /* IE6-9 */
}
.btn-block {display: block; width: 100%; padding-right: 0; padding-left: 0; text-align:center}
.slideshow .slides-container {list-style:none; margin:0}
.slideshow .bx-prev, .slideshow .bx-next { width: 48px; height: 70px; background: url(../img/sprite.png) no-repeat -75px -43px; position: absolute; right: 10px; top: 50%; margin-top: -35px; cursor: pointer; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; opacity: .85; text-indent: -9999px !important; z-index: 10; }
.slideshow .bx-next { background-position: -10px -43px; left: 10px; right: auto; }
.slideshow .bx-prev:hover { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); opacity: 1; }
.slideshow .bx-next:hover { -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); opacity: 1; }
.slidetabs { position: absolute; left: 20%; bottom: 5%; font-size: 12px; border: solid 1px #fff; background: #002f69; z-index: 10; padding-left: 0; margin: 0; direction:rtl; -webkit-transition:0.2s; -moz-transition:0.2s;}
.slidetabs a { display: table-cell; height:100%; margin-left: -3px; width: 225px; vertical-align:top}
.slidetabs a:first-child { border-left: none; margin-left: 0 }
.slidetabs a.active  { background: #00a7e8; }
.slidetabs header { padding: 18px 5px; background: #fff; color: #00a7e8; font-weight: 700; text-transform: uppercase; cursor: default; white-space:nowrap}
.slidetabs p { color: #fff; padding: 12px 14px; margin: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; }
.slidetabs a:hover { background: #006ba9; }
.slidetabs.pills {background:transparent; border:none; text-align:center; left:0; width:100%;}
.slidetabs.pills a {height:0; padding-top:10px; width: 11px; overflow:hidden; background: #002f69; border-radius: 25px; display:inline-block; margin:0 3px;}
.slidetabs.pills a.active {background:#00a7e8;}
/*FOOTER*/
/*BOTTOM FIX BAR*/
.bottomfix { position: relative; width: 100%; z-index: 13 }
.bottomfix.sticky { position: fixed; bottom: 0; left: 0; }
.bottomfix .bluecontainer { height: 46px; box-shadow: 0 -2px 8px rgba(0,0,0,.4); background: #1ca6e0; /* Old browsers */ background: -moz-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ca6e0), color-stop(50%, #1ca6e0), color-stop(51%, #009edf), color-stop(100%, #009edf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* IE10+ */ background: linear-gradient(to bottom, #1ca6e0 0%, #1ca6e0 50%, #009edf 51%, #009edf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca6e0', endColorstr='#009edf', GradientType=0 ); /* IE6-9 */
}
.bottomfix .list-leftcontent { margin-bottom: 0; width: 100%; display: table; }
.bottomfix .list-leftcontent>li { color: #fff; font-size: 15px; cursor: pointer; border-left: solid 1px #0078a6; border-right: solid 1px #35c6ff; min-width: 165px; height: 32px; padding: 6px 20px; display: table-cell; line-height: 2; position: relative; font-family: 'GE SS Two', Tahoma, sans-serif;}
.bottomfix .list-leftcontent>li:first-child { border-right: 0; }
.bottomfix .list-leftcontent>li:last-child { border-left: 0; }
.bottomfix .list-leftcontent>li:hover { background: #1995cb; /* Old browsers */ background: -moz-linear-gradient(top, #1995cb 0%, #1995cb 50%, #0092cc 51%, #0092cc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1995cb), color-stop(50%, #1995cb), color-stop(51%, #0092cc), color-stop(100%, #0092cc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1995cb 0%, #1995cb 50%, #0092cc 51%, #0092cc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1995cb 0%, #1995cb 50%, #0092cc 51%, #0092cc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1995cb 0%, #1995cb 50%, #0092cc 51%, #0092cc 100%); /* IE10+ */ background: linear-gradient(to bottom, #1995cb 0%, #1995cb 50%, #0092cc 51%, #0092cc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1995cb', endColorstr='#0092cc', GradientType=0 ); /* IE6-9 */
}
.bottomfix .list-leftcontent>li.active { background: #343434; filter:none; }
.bottomfix .list-leftcontent>li:before { background: url(../img/sprite.png) no-repeat; width: 26px; height: 28px; content: ""; display: inline-block; margin: 1px 0 0 10px; vertical-align: -7px; }
.bottomfix .list-leftcontent>li.calculators:before { background-position: -305px -8px; }
.bottomfix .list-leftcontent>li.adibtv:before { background-position: -342px -6px; width: 26px; }
.bottomfix .list-leftcontent>li.offers:before { background-position: -380px -8px; width: 30px; }
.bottomfix .list-leftcontent>li.smartmoney:before { background-position: -420px -7px; width: 19px; }
.bottomfix .list-leftcontent>li:after { background: url(../img/sprite.png) no-repeat -451px -14px; width: 21px; height: 15px; content: ""; float: left; right: 23px; margin-top: 8px; transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s;}
.bottomfix .list-leftcontent>li:hover:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.youtubelink { color: #fff; float: left; margin-top: 5px; }
.i-close-bottombar { width: 17px; height: 17px; background-position: -550px -64px; position: absolute; left: 20px; top: 40px; opacity: .65; transform: 0.15s ease all; -webkit-transform: 0.15s ease all; -moz-transform: 0.15s ease all; cursor: pointer }
.i-close-bottombar:hover { opacity: 1; }
.i-play-small { width: 16px; height: 16px; background-position: -579px -65px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; }
.blackcontainer { background: #343434; border-top: solid 6px #000; position: absolute; bottom: 46px; left: 0; width: 100%; box-shadow: 0 -3px 5px rgba(0,0,0,.45); color: #b7b7b7; padding: 10px 0 20px; display: none; }
.blackcontainer .container { opacity: 0; filter: alpha(opacity=0); display: none; min-height: 125px; }
.blackcontainer h3,
.blackcontainer h4 { margin-bottom: 12px; font-size: 1.125rem; font-weight: bold; font-family: 'GE SS Two', Tahoma, sans-serif;}
.list-videos>li { width: 230px; display: inline-block; margin-left: 12px; vertical-align:top;}
.list-videos>li>a { display: block; padding: 5px; border: solid 1px #494949; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
.list-videos>li>a:hover { border-color: #999; }
.list-videos .content { overflow: hidden; font-size: 11px; color: #fff; }
.list-videos .img { float: right; margin-left: 10px; position: relative; }
.list-videos .duration { display: block; color: #939393; }
.list-videos.tools > li > a {padding:0;}
.list-videos.tools .content {padding:8px 10px 0 0;}
/*BOTTOM FOOTER BLUE BAR CSS END*/
.list-inline { padding-left: 0; list-style: none; }
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
.list-inline > li:first-child { padding-right: 0; }
.news-date { float: right; width: 65px; line-height: 1; hyphens: auto}
.news-date .date { font-size: 30px; float: right; margin-left: 5px; }
.news-date .month { font-size: 12px; float:left; width:27px; margin-top: 3px; }
.news-date .year { font-size: 10px; }
.newsroom .content { float: left; border-right: solid 1px #00a7e8; padding-right: 10px; width: 77%; margin-right: 5px; line-height:1.2;}
.newsroom .content .upper {color:#7f7f7f; font-weight:bold;}
.foo-content { padding: 35px 0; }
.link-readmore:before { width: 8px; height: 11px; background: url(../img/sprite.png) no-repeat -484px -18px; content: ""; display: inline-block; margin-left: 5px; vertical-align: -1px; transition: ease all 0.3s; -webkit-transition: ease all 0.3s; -moz-transition: ease all 0.3s; }
.link-readmore:hover:before { -webkit-transform: translateX(-2px); -moz-transform: translateX(-2px); }
.foo-social { background: #f6f6f6; box-shadow: inset 0 -2px 6px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -2px 6px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 -2px 6px rgba(0,0,0,0.2); }
.foo-social h2 .tahoma,
.foo-social h4 .tahoma {font-size:20px;}
.foo-social .list-banking { list-style: none; margin: 0 -8px; }
.foo-social .list-banking li { text-align: center; display: inline-block; margin: 0 7px; font-size: 11px; text-transform: uppercase; font-weight: 700; width:57px; vertical-align:top;}
.foo-social .list-banking li a { display: block; }
.foo-social .list-banking li a:before { width: 57px; height: 57px; background: url(../img/sprite.png) no-repeat; content: ""; display: block; margin-bottom: 10px; transition: 0.3s ease color; -webkit-transition: 0.3s ease color; -moz-transition: 0.3s ease color; }
.foo-social .list-banking li.phone a:before { background-position: -138px -48px; }
.foo-social .list-banking li.mobile a:before { background-position: -205px -48px; }
.foo-social .list-banking li.sms a:before { background-position: -273px -48px; }
.foo-social .list-banking li.atm a:before { background-position: -341px -48px; }
.foo-social .list-banking li.phone:hover a:before { background-position: -138px -208px; }
.foo-social .list-banking li.mobile:hover a:before { background-position: -205px -208px; }
.foo-social .list-banking li.sms:hover a:before { background-position: -273px -208px; }
.foo-social .list-banking li.atm:hover a:before { background-position: -341px -208px; }
.foo-social .foo-container { padding: 10px 0 25px; }
.foo-bluestrip { background: #002f69; padding: 12px 0; }
.foo-bluestrip .link-international { float: left; font-size: 11px; }
.foo-bluestrip .link-international:before { content: ""; display: inline-block; width: 25px; height: 26px; background: url(../img/sprite.png) no-repeat -417px -64px; vertical-align: -8px; margin-left: 12px; }
.foo-bluestrip .list-inline { float: right; margin: 5px 0 0 }
.foo-bluestrip .list-inline > li { border-right: solid 1px #fff; padding-left: 10px; padding-right: 10px; }
.foo-bluestrip .list-inline > li:first-child { border-right: none ; padding-right:0}
.foo-bluestrip a, .foo-bluestrip a:visited { color: #fff; }
.foo-bluestrip a:hover { color: #00a7e8; }
.foo-copyright { padding: 5px 0; }
.foo-copyright .logos { float: right; }
.foo-copyright .links { float: left; font-size: 11px; text-align: right; color: #343434; margin-top: 20px; }
.foo-copyright .links a { color: #000; }
.foo-copyright .links a:hover { color: #00a7e8; }
.foo-copyright .links .list-inline li { border-right: solid 1px #000; }
.foo-copyright .links .list-inline li:first-child { border-right: 0; }
.foo-copyright .links .list-inline li:last-child { padding-left: 0; }
/*FOOTER CSS END*/
.i-play { width: 68px; height: 68px; background-position: -10px -122px;}
/*Breadcrumb CSS*/
.breadcrumb {padding:22px 0 14px; background:#f3f3f3; color:#333; border-bottom:solid 5px #dedede; margin-top:52px;}
.breadcrumb.no-submenu {margin-top:0}
.breadcrumb .list-inline li {font-weight:bold;}
.breadcrumb .list-inline a {color:#777; font-size:12px;}
.breadcrumb .list-inline a:hover {color:#00a7e8;}
.breadcrumb .list-inline .active, .breadcrumb .list-inline .active:hover,
.breadcrumb .list-inline .active:hover a {font-weight:normal; cursor:text; color:#777;}
.breadcrumb h1 {margin-bottom:0}
.breadcrumb .list-inline > li {padding:0}
.breadcrumb .list-inline > li:before {content:""; display:inline-block; vertical-align:-2px; background:url(../img/sprite.png) no-repeat -558px -104px; width:9px; height:12px; margin:0 5px;}
.breadcrumb .list-inline > li:first-child:before {display:none;}
.leftpanel {width:27.5%; float:right; margin-top:20px; margin-bottom:20px;}
.leftpanel .borderbox {border:solid 1px #e1e1e1; padding:15px;}
.leftpanel .borderbox h5,
.leftpanel .borderbox h2 {text-transform:uppercase; color:#00a7e8; font-size: 16px; font-weight: 700; font-family: 'GE SS Two', Tahoma, sans-serif;}
.leftpanel .borderbox h5:before,
.leftpanel .borderbox h2:before {content:''; width:17px; height:16px; background:url(../img/sprite.png) no-repeat -573px -163px; display:inline-block; margin-left:15px; vertical-align:-2px;}
.rightpanel {width:70%; float:left; margin-top:20px; margin-bottom:20px; color:#6f6f6f;}
.list-account{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f3',GradientType=0 ); /* IE6-9 */
border:solid 1px #e7e7e7;}
.list-account > li {border-bottom:solid 1px #e7e7e7;}
.list-account > li:last-child {border-bottom-color:#d9d9d9;}

.list-account > li > a {padding:13px 28px 13px 20px; display:block; color:#5f5f5f; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; font-family: 'GE SS Two', Tahoma, sans-serif;}
.list-account > li.active > a {font-weight:bold; color:#00a7e8; padding-bottom:10px;}
.list-account > li > a:before {width:8px; height:11px; background:url(../img/sprite.png) no-repeat -484px -18px; content:""; display:inline-block; vertical-align:-1px; margin-left:8px; margin-right: -16px;}
.list-account > li > a:hover {color:#00a7e8; -webkit-transform:translateX(-3px); -moz-transform:translateX(-3px);}
/*SUB LEVEL*/
.list-account > li > ul {list-style:none; display:none; padding-left:0; padding-right:30px;}
.list-account > li > ul > li > a {display:block; padding:3px 0; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; margin-right:12px; margin-left:6px; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;}
.list-account > li > ul > li > a:before {content:""; display:inline-block; background:url(../img/sprite.png) no-repeat -188px -15px; width:7px; height:11px; vertical-align:-2px; margin-left:5px; margin-right:-12px;}
.list-account > li > ul > li > a:hover {-webkit-transform:translateX(-3px); -moz-transform:translateX(-3px);}
.list-account > li.active > ul {display:block;}
/*============*/
.leftpanel .content {margin-bottom:20px;}
.adib-services{background:#f5f4f4;}
.adib-services ul {padding:15px; margin-bottom:0; list-style:none;}
.adib-services ul li a {padding:8px 0; display:block; text-decoration:underline; color:#6f6f6f; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;}
.adib-services ul li a:hover {color:#00a7e8; -webkit-transform:translateX(-3px); -moz-transform:translateX(-3px);}
.adib-services .button.gray{text-align:right; font-family: 'GE SS Two', Tahoma, sans-serif;}
.adib-services .button.gray:before{content:""; display:inline-block; background:url(../img/sprite.png) no-repeat -98px -147px; width:8px; height:11px; margin-left:8px; vertical-align:-1px;}
.financial-checkup:before {width:24px; height:27px; background:url(../img/sprite.png) no-repeat -120px -128px; float:right; margin:0 0 20px 8px; content:"";}
.financial-checkup {background:#1ca6e0; display:block; padding:15px 20px; color:#fff;}
.financial-checkup h5,
.financial-checkup h2 {margin-bottom:5px; margin-top:5px; font-size:15px; font-weight: 700; font-family: 'GE SS Two', Tahoma, sans-serif; color:#fff;}
.financial-checkup p{margin-bottom:0;}
.financial-checkup p:before {content:""; display:inline-block; vertical-align:-2px; background:url(../img/sprite.png) no-repeat -98px -128px; width:9px; height:12px; margin-left:8px;}
.financial-checkup:hover {background:#0092cc; color:#fff;}
.money-guidance{border:solid 1px #dcdcdc;}
.money-guidance .video-thumb img {width:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
.money-guidance h5,
.money-guidance h2 {padding:10px 20px; margin-bottom:0; color:#002f69; font-size: 16px; font-weight: 700; font-family: 'GE SS Two', Tahoma, sans-serif;}
.money-guidance .h5 {background:#00346e; padding:15px 20px; color:#fff; margin-bottom:0; font-family:'GE SS Two',sans-serif; font-size:16px;}
.color-gold {color:#dcc291;}
.money-guidance .video-thumb{position:relative; display:block;}
.money-guidance .video-thumb:after{content:""; position:absolute; width:81px; height:81px; background:url(../img/sprite.png) no-repeat -159px -117px; left:50%; top:50%; margin:-40px 0 0 -40px; opacity:.35; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.money-guidance .video-thumb:hover:after{opacity:1;}
.accounts {border-bottom:solid 1px #e1e1e1; padding:25px 0;}
.accounts:last-child {border-bottom:0}
.accounts .content {transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;}
.accounts .content:hover {-webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
.accounts .content h5,
.accounts .content h2 {margin-top:15px;}
.accounts .content h5 a,
.accounts .content h2 a {color:#007abb;}
.accounts .content h5 a:hover,
.accounts .content h2 a:hover {color:#004989}
.accounts .content p {font-size:12px;}
.accounts .link-readmore {margin-left:18px; display:inline-block}
.carousel.current-account {position:relative; border:solid 1px #00a7e8;}
.carousel.current-account .carousel-indicators {list-style:none; position:absolute; left:0; bottom:-25px; z-index:1; margin:0}
.carousel.current-account .carousel-indicators li {cursor:pointer; margin:0 2px; padding:0;}
.carousel.current-account .carousel-indicators li a {display:block; height:11px; width:11px; background:#002f69; border-radius:25px;}
.carousel.current-account .carousel-indicators li a.active{background:#00a7e8;}
.carousel.current-account .video-thumb:after {content:""; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; background:url(../img/sprite.png) no-repeat -159px -117px; z-index:1; width:81px; height:81px; -webkit-filter: drop-shadow(0 0 5px rgba(0,75,168,0.4)); -moz-filter: drop-shadow(0 0 5px rgba(0,75,168,0.4)); -o-filter: drop-shadow(0 0 5px rgba(0,75,168,0.4)); -ms-filter: drop-shadow(0 0 5px rgba(0,75,168,0.4)); filter: drop-shadow(0 0 5px rgba(0,75,168,0.4));}
.open-adibacc {border:solid 1px #dedede;}
.open-adibacc h6 {font-family:'Droid Sans', sans-serif; font-weight:normal; padding:15px; margin-bottom:0}
.open-adibacc ul {list-style:none; padding:0; margin:0;}
.open-adibacc ul li {margin-top:1px;}
.open-adibacc ul li a {padding:13px 20px; display:block; font-size:16px; color:#fff;}
.open-adibacc ul li a:before {content:""; width:14px; height:19px; background:url(../img/sprite.png) no-repeat; display:inline-block; margin-left:10px; vertical-align:-4px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.open-adibacc ul li a:hover:before {-webkit-transform:translateX(-3px); -moz-transform:translateX(-3px);}
.open-adibacc ul li a.apply:before {background-position:-96px -169px;}
.open-adibacc ul li a.call:before {background-position:-122px -169px;}
/*Current Account page tabs ===>*/
.catabs-container {margin-top:50px;}
.catabs-container h5,
.catabs-container h2 {color:#007abb; font-size: 16px; font-weight: 700;}
.catabs-container .tabcontent {margin-top:30px; margin-bottom:50px;}
ul.list-graytabs {list-style:none; display:table; table-layout:fixed; width:100%; font-weight:700; font-size:14px; margin-bottom:0;}
.lt-ie9 ul.list-graytabs {table-layout:auto;}
ul.list-graytabs li {display:table-cell; border-left:solid 1px #fff; border-right:solid 1px #d8d8d8;}
ul.list-graytabs li:first-child {border-right:0;}
ul.list-graytabs li a {padding:15px 12px; display:block; background:#f3f3f3; font-family: 'GE SS Two', Tahoma, sans-serif;}
ul.list-graytabs li:hover a {background:#e8e8e8; color:#004989;}
ul.list-graytabs li.active a {background:#dedede;}

ul.list-bigbullets {margin-right:30px;}
ul.list-bigbullets li {margin:15px 0;}
ul.list-bigbullets li:before {content:""; width:13px; height:13px; background:url(../img/sprite.png) no-repeat -254px -117px; float:right; margin:3px -25px 0 0;}
ul.list-bigbullets h5,
ul.list-bigbullets h3 {margin-bottom:0; font-size: 16px;font-weight: 700;color: #007abb;}
.i-grayarrow{width:33px; height:14px; background-position:-254px -145px; margin-top: -2px; margin-left:650px; float:left;}
.apply-adib {text-align:center; border-left:solid 1px #f3f3f3; border-bottom:solid 1px #f3f3f3; border-right:solid 1px #f8f8f8; box-shadow:inset -1px 0 0 #f8f8f8; border-top:solid 4px #002f6a; padding:13px 8px; font-size:14px; min-height:218px!important;}
.i-online, .i-phone, .i-branch {width:38px; height:38px; background-position:-305px -122px; margin-bottom:10px;}
.i-phone {background-position:-353px -122px;}
.i-branch {background-position:-402px -122px;}
.apply-adib .btn-darkblue {width:90%; margin-right:auto; margin-left:auto;}
.apply-adib.gray {background:#f9f9f9; border-top-color:#1ca6e0;}
.apply-adib.gray h5 {margin-top:5px;}
.lt-ie9 .apply-adib.gray h5 {font-size:15px;}
.list-question {font-family:'GE SS Two',sans-serif; font-size:12px; text-transform:uppercase; margin-bottom:0}
.list-question a:before {content:""; width:25px; height:24px; background:url(../img/sprite.png) no-repeat; display:inline-block; margin-left:8px; vertical-align:-7px;}
.list-question li {margin:12px 0}
.list-question li:last-child {margin-bottom:0}
.list-question a.read:before {background-position:-256px -173px;}
.list-question a.chat:before {background-position:-291px -173px;}
/*Social footer*/
.list-social {float:left; margin-top:-7px;}
.list-social > li {display:inline-block; margin-left:2px; margin-right:2px;}
.list-social > li {opacity:.3;}
.list-social > li.active {opacity:1;}
.i-fb, .i-twitter{display:block; width:44px; height:44px; background-position:-447px -113px;}
.i-twitter {background-position:-498px -113px;}
.img-from-fb {border:solid 1px #6f6f6f; margin:0 0 10px;}
.tweet {border-top:#00a7e8 solid 1px; padding-top:10px}
.tweet:first-child {border-top:none; padding-top:0}
.fb-like iframe {left:0;}

/*FAQ page CSS*/
.faq-search {position:relative; margin-top:15px;}
.faq-search .faq-search {background:#e1e1e1; border-color:#e1e1e1; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; transition:0.75s; -webkit-transition:0.75s; -moz-transition:0.75s; font-size:18px; height:44px; padding:10px;}
.faq-search .faq-search:focus {border-color:#3dc8ff; background:#f4f4f4; box-shadow:0 0 6px rgba(0,167,232,.5)}
.faq-search .submit {background-position:-332px -174px; background-color:transparent; width:26px; height:23px; position:absolute; left:10px; top:10px; border:0 none;}
.faq-search .submit:hover, .faq-search .submit:focus {background-position:-372px -174px; outline:none}
.topquestions {margin-left:-30px;}
.topquestions a.que {border:solid 1px #e1e1e1; padding:17px; width:212px; margin:25px 0 0 30px; float:right; text-align:center; color:#002f69; font-size:14px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */}
.topquestions a.que:hover, .topquestions a.que:focus {border-color:#3dc8ff; box-shadow:0 0 6px rgba(0,167,232,.5)}
.topquestions a.que p {font-weight:bold; margin:10px auto 0; width:90%}
.topq2 {margin-top:30px;}
.list-topfaq {list-style:none;}
.list-topfaq > li {margin:8px 0;}
.list-topfaq > li > a {text-decoration:underline; color:#6f6f6f; font-size:14px;}
.list-topfaq > li > a:hover {color:#007abb;}
.i-tips, .i-legal, .i-understand {width:20px; height:25px; background-position:-410px -172px; float:right; margin-left:8px; margin-top:2px;}
.i-legal {background-position:-440px -172px;}
.i-understand {background-position:-469px -172px;}
.morehelp p {margin-bottom:25px; font-size:14px;}
.accordion {margin-bottom:5px;}
.accordion h3 {color:#007abb; padding-bottom:8px; margin:20px 0 0; border-bottom:solid 2px #007abb;}
.accordion h6 {font-family:'Droid Sans', sans-serif; font-size:15px; font-weight:normal; position:relative; padding:10px 20px 10px 0; margin-bottom:0; cursor:pointer; transition:0.3s;}
.accordion h6:hover {color:#00a7e8}
.accordion h6:before {content:'+'; position:absolute; top:19%; right:0; font-weight:bold; font-size:18px; color:#00a7e8;}
.accordion .active h6:before {content:'-'; top:16%; right:2px;}
.accordion .panel {border-bottom:solid 1px #e1e1e1;}
.accordion .panel .content {display:none; padding:0 0 10px 20px;}
.accordion .button.darkblue {margin-right:2px;}
.financial-result .qmark:before {background:url(../img/sprite.png) no-repeat -554px -126px!important;}
.financial-result .or{font-size:24px; font-weight:bold; color:#002f6a; text-align:center}
.pagination {margin-bottom:0}
.pagination.pull-right li:last-child {margin-right:0}
.pagination li {line-height:.8;}
.pagination li.active a, .pagination li.active {cursor:text;}
.pagination .next:after, .pagination .prev:before {content:''; background:url(../img/sprite.png) no-repeat -523px -170px; width:10px; height:9px; display:inline-block; margin:0 3px 0 7px;}
.pagination .prev:before {background-position:-504px -170px; margin:0 7px 0 3px;}
.feedback-form {margin-top:15px;}
.feedback-form .buttons {float:right;}
.feedback-form .active, .feedback-form .active:hover {background:#f4f3f3; color:#002f69; font-weight:bold; padding-bottom:12px;}
.feedback-form .contentbox {background:#f4f3f3; padding:15px 20px; display:none;}
.close {float:left; font-size:14px; margin-top: 5px;}
.close:after {content:''; display:inline-block; width:17px; height:16px; background:url(../img/sprite.png) no-repeat -543px -163px; margin-right:10px; vertical-align:-3px;}
.feedback-form .close {display:none;}
.feedback-form.active .close {display:block;}
.feedback-form .contentbox .table {width:100%;}
.feedback-form .contentbox .table td {padding:7px 0; vertical-align:top}
.feedback-form .contentbox .table td:first-child {width:19%; padding-top:13px;}
.feedback-form .contentbox .table input[type=email] {width:45%;}
.thanks-msg {display:none;}
/*Contact us page css*/
.list-arrow2 {margin-bottom:0}
.list-arrow2 > li {-webkit-transition:0.2s; -moz-transition:0.2s;}
.list-arrow2 > li > a:before {width:8px; height:11px; background:url(../img/sprite.png) no-repeat -484px -18px; content:""; display:inline-block; vertical-align:-1px; margin-left:8px; margin-right: -16px;}
.list-arrow2 > li:hover {-webkit-transform:translateX(-3px); -moz-transform:translateX(-3px);}
.list-arrow2 > li > a {padding:8px 16px 8px 0; display:block;}
.list-arrow2 > li > a:hover {color:#00a7e8;}
.swift-code {margin-bottom:0; font-size:16px; text-decoration:underline; padding:8px 0; color:#333;}
.contact-tabs > li {width:33%;}
.contact-tabs > li > a {padding:12px;}
.list-call > li {padding:40px 15px; display:table; width:100%; border-bottom:solid 1px #e1e1e1; backface-visibility:hidden;}
.list-call header {font-weight:bold; color:#007abb; font-size:14px;}
.list-call .content {border-right:solid 1px #007abb; padding-right:55px;}
.list-call .content p {position:relative; margin-bottom:0}
.list-call .call-num:before,
.list-call .week:before,
.list-call .email:before {content:''; position:absolute; right:-34px; top:0; background:url(../img/sprite.png) no-repeat -10px -204px; width:15px; height:15px;}
.list-call .week:before {background-position:-37px -202px;}
.list-call .email:before {background:url(../img/sprite-2.png) no-repeat -37px -7px;}
.list-call .email {margin-top:20px;}
.list-call .email a {font-weight:bold; color:#6f6f6f;}
.list-call .email a:hover {color:#004989;}
.list-call li.form {padding:40px 0;}
.list-call li.form .span4 {padding:0 0 0 15px;}
.list-call li.form .span8 {position:relative; border-right:none;}
.list-call li.form .span8:before {position:absolute; right:5px; top:2px; height:16px; border-left:solid 1px #007abb; content:'';}
.list-call li.form .close {display:none;}
.list-call li.active .close {display:block;}
.email-button {background:#002f69; padding:6px 12px; color:#fff; position:relative; font-size:13px; min-width: 145px; margin-top:-5px;}
.email-button:hover {color:#fff;}
.email-button:after {content:''; background:url(../img/sprite-2.png) no-repeat -7px -7px; width:19px; height:18px; position:absolute; left:-25px; top:5px;}
.email-button.active {background:#f4f3f3; color:#002f69; font-weight:700; padding-bottom:10px;}
.email-button.active:after {display:none;}
.tabcontent.emailus .list-call .content{padding-right:45px;}
.email-form {background:#f4f3f3; padding:15px; clear:both; display:none;}
.email-form .header {font-family:'GE SS Two', sans-serif; font-weight:bold; font-size:16px; color:#002f69; padding-bottom:2px;}
.w60 {width:60px;}
.w100p {width:100%;}
.tbl-email {width:100%;}
.tbl-email td {padding:9px 5px;}
.tbl-email td:first-child {padding-left:0; padding-right:0;}
.tbl-email .col01 {width:100px;}
.tbl-email .col02 {width:215px;}
.tbl-email .col03 {width:15px;}
.tbl-email .col04 {width:120px;}
.tbl-email .col05 {width:215px;}
.error-container {display: none; overflow: auto; background-color: #FFDDDD; border: 1px solid #FF2323; padding: 10px; margin-bottom:10px}
.error-container label {float: none; width: auto;}
/*Ways-to-bank page css*/
.list-waystobank > li {border-bottom:solid 1px #e1e1e1; padding:18px 15px;}
.list-waystobank .img {float:right; margin-left:20px;}
.list-waystobank .content {overflow:hidden;}
.list-waystobank h3,
.list-waystobank h2 {font-size:16px; margin-top:2px;}
.list-waystobank h3 a,
.list-waystobank h2 a {color:#007abb;}
.list-waystobank h3 a:hover,
.list-waystobank h2 a:hover {color:#002f69;}
.list-waystobank h3,
.list-waystobank h2,
.list-waystobank p {margin-bottom:5px;}
.list-waystobank p {font-size:12px}
.financial-social li a:before {backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
/* Share Information page css */
.box-stock {border:solid 1px #dedede; padding:18px;}
.box-stock h3 {margin-bottom:0;}
.list-stock {margin:20px 0 5px;}
.list-stock > li {font-size:26px; color:#006ba9; margin:0 27px; display:inline-block; line-height:1;}
.list-stock > li:first-child {margin-right:0;}
.img-stock {display:inline-block; margin-left:3px;}
.img-stock img {vertical-align:0; display:inline-block;}
.img-stock img:first-child {left:-4px; position:relative;}
.year-dropdown {width:85px;}
.tbl-share-history {width:100%; line-height:1.2; border-collapse:separate; border-spacing:1px; position:relative; top:-12px;}
.tbl-share-history th {color:#002f69; font-size:15px; font-weight:normal; border-right:solid 1px #f1f1f1; padding:20px 12px 5px; vertical-align:top;}
.tbl-share-history th:first-child {text-align:right; border-right:none;}
.tbl-share-history td {background:#fafafa; text-align:center; border-right:solid 1px #f0f0f0;}
.tbl-share-history td:first-child {background:#dedede; color:#002f69; font-size:15px; padding:11px 12px; text-align:right; border-right:none; width:165px;}
.shareinfo-tabs {margin:20px 0 30px;}
.shareinfo-tabs .tab-container {margin-top:-17px;}
.shareinfo-tabs ul.list-graytabs {position:relative; z-index:1;}
.app-store {border-top:solid 1px #00a7e8; padding:22px 0 0; margin-top:3px; font-size:14px;}
.app-store .text {float:right; width:73%; line-height:1.2;}
.app-store .img {float:left;}
.app-store .img img {margin:0 2px;}
.way2bank .foo-container, .app-store {width:285px;}
.tbl-analyst {width:100%; border-collapse:separate; border-spacing:1px; border:solid 1px #fafafa; table-layout:fixed;}
.tbl-analyst td {background:#fafafa; font-size:14px; padding:8px 25px; border-right:solid 1px #f0f0f0;}
.tbl-analyst td:first-child {border-right:none; font-size:16px; color:#002f69; padding-left:16px; padding-right:16px;}
.tbl-analyst th {padding:11px 25px; font-weight:normal; color:#002f69; font-size:15px; border-right:solid 1px #f0f0f0; text-align:right;}
.tbl-analyst th:first-child {border-right:none; padding-left:16px; padding-right:16px;}
.financial-result .noicon:before {display:none!important;}
.financial-result .noicon .icon {margin:-6px 0 0 15px; float:right;}
.financial-result .noicon h5 {margin-left:2px!important;}
.financial-result .noicon:after,
.financial-result .financial-result-title:after {bottom: -23px!important; height: 25px!important;}
/*---------------------Vision and Mission page css---------------------*/
.list-vision > li {display:inline-block; padding:0 30px 0 10px; width:49%; border-right:solid 1px #e1e1e1;}
.list-vision p {margin-bottom:5px;}
.list-vision > li:nth-child(2n+3), .list-vision > li:first-child{padding-right:0; border-right:0;}
.list-vision h2,
.content-vision-mission h3,
.content-vision-mission h2 {color:#002f69; font-size:18px; margin-bottom:5px;}
.content-vision-mission {line-height:1.8;}
.content-vision-mission h3,
.content-vision-mission h2 {margin-bottom:0; margin-top:40px;}

/*---------------------Awards & Recognition page css---------------------*/
.list-awards .img {border-radius:50%; border:solid 2px #00a7e8; margin-top:2px;}
.years-slider {margin-bottom:10px;}
.years-slider .bxslider > li {width:80px; height:29px; margin:0 10px; display:inline-block;}
.years-slider .bxslider > li > a {border:solid 1px #d6d6d6; font-size:14px; text-align:center; padding:4px; color:#002f69; display:block;}
.years-slider .bxslider > li:hover > a {cursor:pointer; background:#f9f9f9;}
.years-slider .bxslider > li.active > a{background:#f3f3f3; color:#6f6f6f;}
.years-slider .bx-prev,
.years-slider .bx-next,
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal {height:0; overflow:hidden; padding-top:17px; width:11px; background:url(../img/sprite-2.png) no-repeat -68px -8px; position:absolute; top:50%; margin-top:-9px; left:-30px; cursor:pointer;}
.years-slider .bx-prev.disabled,
.jcarousel-next-disabled {background-position:-108px -8px; cursor:default; display:none!important;}
.years-slider .bx-next,
.jcarousel-prev-horizontal {background-position:-87px -8px; right:-25px; left:auto;}
.years-slider .bx-next.disabled,
.jcarousel-prev-disabled {background-position:-127px -8px; cursor:default; display:none!important;}
.years-slider .bx-wrapper {margin:0 auto;}
.list-subsidary h3,
.list-subsidary h2 {font-size:18px;}
.list-subsidary h3 a,
.list-subsidary h2 a {color:#002f69;}
.list-subsidary h3 a:hover,
.list-subsidary h2 a:hover {color:#007abb;}
.list-subsidary p {font-size:13px; line-height:1.8;}
.list-subsidary h3 {margin-bottom:0;}
.list-subsidary > li:first-child {padding-top:0;}
.subsidiary-logo {float:right; width:142px; text-align:center; margin-left:25px;}
.subsidiary-details p {line-height:1.8;}
.subsidiary-logo .btn-blue {padding:10px;}
.list-directors-thumb > li {display:inline-block; font-size:12px; text-align:center; line-height:1.1; margin:0 5px; height:116px; width:90px;}
.list-directors-thumb img {border:solid 2px #d6d6d6; margin-bottom:8px; -webkit-transition:.5s; -moz-transition:.5s;}
.list-directors-thumb > li a {color:#6f6f6f;}
.list-directors-thumb > li.active a {color:#00a7e8; font-weight:bold;}
.list-directors-thumb > li.active img {border:solid 2px #00a7e8;}
.directors-slider .jcarousel-prev-horizontal, .directors-slider .jcarousel-next-horizontal {margin-top:-24px;}
.board-details {margin-top:30px;}
.board-details .img {float:right; border:solid 2px #00a7e8; margin-left:25px;}
.board-details .content {overflow:hidden; font-size:12px;}
.board-details h3 {color:#007abb; font-size:16px; margin-bottom:2px;}
/*========================International Presence page==========================*/
.list-international > li {padding:18px 0;}
.list-international > li:first-child {padding-top:0}
.list-international > li:last-child {border-bottom:none;}
.list-international h3,
.list-international h2 {font-size:18px; margin-bottom:2px; margin-top:0}
.list-international h3 img,
.list-international h2 img {margin-left:8px; vertical-align:-1px;}
.list-international p {font-size:13px; line-height:1.8;}
.list-international header {margin-bottom:12px;}
/*========================Privacy Policy page==========================*/
.rightpanel.privacy {float:right;}
/*========================BX Slider Replaced with Jcarousel RTL Support==========================*/
.jcarousel-skin-tango {max-width:595px; margin:0 auto;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
/*========================Cards page==========================*/
.btn-white {background:#fff;}
.btn-white:hover {color:#002f69;}
.btn-lg {font-size:14px; padding:12px 15px; height:48px;}
.cards-container {padding:20px 0 35px;}
.banner-cards {position:relative;}
.banner-cards .gradient {position:absolute; left:0; top:0; width:100%; height:100%;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(153,163,174,0) 25%, rgba(3,26,55,0.87) 62%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(153,163,174,0)), color-stop(62%,rgba(3,26,55,0.87))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(153,163,174,0) 25%,rgba(3,26,55,0.87) 62%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(153,163,174,0) 25%,rgba(3,26,55,0.87) 62%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(153,163,174,0) 25%,rgba(3,26,55,0.87) 62%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(153,163,174,0) 25%,rgba(3,26,55,0.87) 62%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#de031a37',GradientType=1 ); /* IE6-9 */
backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
.banner-cards .content {position:absolute; left:550px; top:0; width:415px; margin:80px 0 0; color:#fff;}
.banner-cards h2 {font-size:38px; font-weight:normal; color:#fff; text-shadow:4px 4px 4px rgba(0,0,0,0.5);}
.banner-cards .text {font-size:18px; text-shadow:4px 4px 4px rgba(0,0,0,0.5); margin-bottom:20px;}
.banner-cards .btn-white {text-transform:capitalize;}
.banner-cards .btn-white:before {content: ""; display: inline-block; background: url(../img/sprite.png) no-repeat -484px -18px; width: 8px; height: 11px; margin-left: 8px; vertical-align: -1px; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s;}
.banner-cards .btn-white:hover:before {-webkit-transform:translateX(-2px); -moz-transform:translateX(-2px);}
.flexslider {position:relative;}
.flexslider .slides {padding:0;}
.flexslider .slides > li {display:none;}
.list-cards {margin-top:15px; background:#f3f3f3; height:50px;}
.list-cards > li {font-size:14px; text-align:center; background:#f3f3f3; border:solid 1px #ececec; border-right:none; height:50px; line-height:3.45; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; cursor:pointer; backface-visibility:}
.cards-carousel .flex-direction-nav {list-style:none;}
.cards-carousel .flex-active-slide {background:#fff; height:64px; margin-top:-14px; margin-right:-1px; font-weight:bold; border-right:solid 1px #ececec; line-height:4.5; border-bottom:none;}
.cards-carousel {padding:0 40px; position:absolute; left:0; top:317px; width:100%;}
.cards-carousel .flex-prev,
.cards-carousel .flex-next {width:40px; height:50px; background:#f3f3f3; position:absolute; right:0; top:15px; overflow:hidden; text-indent:1000px; border:solid 1px #ececec;}
.cards-carousel .flex-prev {border-left:none;}
.cards-carousel .flex-next {left:0; right:auto; border-right:none}
.cards-carousel .flex-prev:after,
.cards-carousel .flex-next:after {content:''; width:11px; height:17px; background:url(../img/sprite-2.png) no-repeat -68px -8px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -6px;}
.cards-carousel .flex-next:after {background-position:-87px -8px;}
.cards-carousel .flex-prev.flex-disabled,
.cards-carousel .flex-next.flex-disabled {pointer-events:none;}
.cards-carousel .flex-prev.flex-disabled:after {background-position:-108px -8px; margin-right: 5px;}
.cards-carousel .flex-next.flex-disabled:after {background-position:-127px -8px;}
.cslider-container {position:relative; border:solid 1px #ececec; }
.list-bullet {padding-right:25px;}
.list-bullet > li {margin-bottom:13px; position:relative;}
.list-bullet > li:before {background:url(../img/sprite-2.png) no-repeat -145px -8px; position:absolute; width:9px; height:9px; right:-19px; top:7px; content:'';}
.cards-detail {margin-top:50px; display:table; width:100%;}
.cards-detail .col {width:25%; float:right; padding:0 20px; margin:25px 0; border-right:solid 1px #f3f3f3; text-align:center;}
.cards-detail .col:nth-child(4n+4) {border-right:none;}
.cards-detail .col h3 {text-align:center; font-size:14px; font-weight:normal; margin-bottom:15px;}
.cards-detail .col h3 a {color:#00a7e8;}
.cards-detail .col h3 a:hover {color:#002f69;}
.cards-detail .img-card {text-align:center; padding-bottom:20px;}
.cards-detail .list-bullet {font-size:12px; min-height: 115px; text-align:right;}
.cards-detail .link-readmore {color:#002f69; margin:0 10px; display:inline-block;}
.cards-detail .link-readmore:hover {color:#00a7e8;}
.cards-detail .apply-now {text-align:center; margin:18px 0 0;}
.cards-detail .btn-blue {min-width:115px;}
.cards-feature .img {border:solid 1px #d6d6d6;}
.cards-container h4 {color:#00a7e8; font-size:24px; margin:40px 0 20px;}
.cards-feature .span3 {text-align:center;}
.cards-feature .text {font-size:16px; margin-top:15px; line-height:1.2; min-height:40px;}
.cards-feature .img-featured {-webkit-transition:.3s; -moz-transition:.3s; display:block; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
.cards-feature .img-featured:hover {-webkit-transform:translateY(-2px); -moz-transform:translateY(-2px);}
.cards-feature2 {margin-top:30px;}
.cards-feature2 .feature-graybox {padding:10px; background:#f3f3f3; line-height:1.3; display:table; width:100%; color:#5f5f5f;}
.cards-feature2 .feature-graybox .img2 {float:right; margin-left:12px;}
.cards-feature2 .feature-graybox .content {overflow:hidden; margin-top:2px;}
.i2-compare {width:20px; height:18px; background-position:-162px -7px; vertical-align:-6px; margin-left:7px; margin-bottom:2px;}
.cards-feature2 .box-compare {border:solid 1px #dedede; padding:6px 10px 5px; display:table; width:100%; color:#5f5f5f; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s;}
.cards-feature2 .box-compare:hover {background:#e2e2e2;}
.cards-feature2 .head {text-transform:uppercase; color:#004989;}
.cards-feature2 .box-compare .head {font-size:16px;}
.box-compare .link-readmore:before {margin-right:5px;}
/*========================Breadcrumb Change=======================*/
.breadcrumb .b-left {float:right;}
.breadcrumb .b-right {float:left;}
/*========================Branding Dana page========================*/
.dana-slider {border:solid 2px #00a7e8;}
.dana-slider .slides > li {position:relative;}
.dana-slider .content {position:absolute; width:290px; left:375px; bottom:50px;}
.dana-slider .content .text {font-size:28px; color:#fff; text-shadow:3px 3px 3px rgba(0,0,0,0.7); font-family: 'bliss', arial;}
.dana-slider [class^=btn-] {min-width:125px; text-align:center; float:right; margin-left: 15px;}
.dana-slider .flex-control-paging {position:absolute; right:0; bottom:-38px;}
.dana-slider .flex-control-paging > li {display:inline-block; margin-left:8px;}
.dana-slider .flex-control-paging > li > a {background:#231717; width:11px; height:11px; display:block; overflow:hidden; text-indent:1000px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.dana-slider .flex-control-paging > li > a.flex-active {background:#00a7e8;}
.accounts.branding {margin-top:20px;}
.accounts .content h2 {margin-top: 15px; font-size: 16px;}
.accounts .content h2 a {color:#007abb;}
.accounts .content h2 a:hover {color:#004989;}
.partner-offers {border:solid 1px #e7e7e7; background:#66c3be; display:table; width:100%;}
.partner-offers .img {float:right;}
.partner-offers .content {overflow:hidden; padding:20px 20px 0 5px; color:#fff;}
.partner-offers .link-readmore {color:#fff;}
.partner-offers .link-readmore:before {background:url(../img/sprite-2.png) no-repeat -193px -10px;}
.partner-offers .head {font-size:16px; padding-bottom:5px;}
/*============================Green Theme============================*/
.breadcrumb.theme-green {border-bottom-color:#77d2cd;}
.theme-green .list-account > li.active > a,
.theme-green .list-account > li > a:hover,
.theme-green .adib-services ul li a:hover,
.theme-green .catabs-container h5,
.theme-green .color-blue {color:#66c3be;}
.theme-green .list-account > li > a:before,
.theme-green .list-account > li > ul > li > a:before {background:url(../img/sprite-2.png) no-repeat -214px -10px;}
.theme-green .carousel.current-account {border:solid 2px #77d2cd;}
.theme-green .carousel.current-account .carousel-indicators li a.active {background:#77d2cd;}
.theme-green .open-adibacc ul li a.apply:before {background:url(../img/sprite-2.png) no-repeat -231px -6px;}
.btn-green {color:#fff; background: #66c3be; /* Old browsers */
background: -moz-linear-gradient(top,  #66c3be 0%, #66c3be 50%, #55b3ae 51%, #55b3ae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66c3be), color-stop(50%,#66c3be), color-stop(51%,#55b3ae), color-stop(100%,#55b3ae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #66c3be 0%,#66c3be 50%,#55b3ae 51%,#55b3ae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #66c3be 0%,#66c3be 50%,#55b3ae 51%,#55b3ae 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #66c3be 0%,#66c3be 50%,#55b3ae 51%,#55b3ae 100%); /* IE10+ */
background: linear-gradient(to bottom,  #66c3be 0%,#66c3be 50%,#55b3ae 51%,#55b3ae 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c3be', endColorstr='#55b3ae',GradientType=0 ); /* IE6-9 */}
.btn-green:hover {color:#fff; background: #57bdb8; /* Old browsers */
background: -moz-linear-gradient(top,  #57bdb8 0%, #57bdb8 50%, #4caaa5 51%, #4caaa5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57bdb8), color-stop(50%,#57bdb8), color-stop(51%,#4caaa5), color-stop(100%,#4caaa5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #57bdb8 0%,#57bdb8 50%,#4caaa5 51%,#4caaa5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #57bdb8 0%,#57bdb8 50%,#4caaa5 51%,#4caaa5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #57bdb8 0%,#57bdb8 50%,#4caaa5 51%,#4caaa5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #57bdb8 0%,#57bdb8 50%,#4caaa5 51%,#4caaa5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57bdb8', endColorstr='#4caaa5',GradientType=0 ); /* IE6-9 */
}
.theme-green ul.list-bigbullets li:before {background:url(../img/sprite-2.png) no-repeat -259px -9px;}
.theme-green .i-online {background:url(../img/sprite-2.png) no-repeat -6px -34px;}
.theme-green .i-phone {background:url(../img/sprite-2.png) no-repeat -46px -34px;}
.theme-green .i-branch {background:url(../img/sprite-2.png) no-repeat -86px -34px;}
.theme-green .list-question a.read:before {background:url(../img/sprite-2.png) no-repeat -134px -41px;}
.theme-green .list-question a.chat:before {background:url(../img/sprite-2.png) no-repeat -173px -41px;}
.theme-green .apply-adib.gray {border-top-color:#55b3ae;}
.theme-green .list-account > li > ul > li > a {color:#5f5f5f;}
.theme-green .list-account > li > ul > li > a:hover {color:#55b3ae;}
.theme-green .dana-slider {border-color:#77d2cd;}
.theme-green .dana-slider .flex-control-paging > li > a.flex-active {background:#77d2cd;}
.theme-green .accounts .content h2 a {color:#66c3be;}
.theme-green .accounts .content h2 a:hover {color:#55b3ae;}
.theme-green .accounts .content .link-readmore:before {background:url(../img/sprite-2.png) no-repeat -214px -10px;}
.theme-green .accounts .content .link-readmore {color:#231717;}
.theme-green .accounts .content .link-readmore:hover {color:#66c3be;}
/*Change in left navigation css*/
.list-account > li > ul > li.active a {color:#00a7e8;}
/*==================Card Details page=================*/
.etisalat-content {overflow:hidden; font-size:15px;}
.etisalat-content p {font-size:13px; margin-top:3px;}
.etisalat-calc {padding:15px 15px 10px 10px;}
.card-offers h4 {font-size:20px; float:left; color:#00316b; font-family:'bliss',sans-serif; margin-bottom:5px;}
.card-offers .link-readmore {float:right; margin-top:5px;}
.card-offers .flexslider {border:solid 1px #dcdcdc;}
.card-offers .flexslider .caption {color:#6f6f6f; font-size:14px; font-weight:bold; padding:10px;}
.card-offers .flex-next,
.card-offers .flex-prev {width:26px; height:26px; background:url(../img/sprite-2.png) no-repeat -243px -41px; text-indent:10000px; position:absolute; overflow:hidden; left:6px; top:70px; opacity:.85;}
.card-offers .flex-next:hover,
.card-offers .flex-prev:hover{opacity:1;}
.card-offers .flex-prev {background-position:-210px -41px; right:6px; left:auto;}
.card-offers .flex-direction-nav {height:0; margin:0; list-style:none;}
.card-highlights {margin:25px 0;}
.card-highlights .img-card {float:left; margin:5px 35px 0;}
.list-bullet-right > li {font-size:14px; margin:0 28px 16px 0; position:relative; line-height:1.3;}
.list-bullet-right > li:before {width:18px; height:14px; background:url(../img/sprite-2.png) no-repeat -287px -7px; content:''; position:absolute; top:2px; right:-28px;}
.btn-gray {background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 50%, #dddddd 51%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(51%,#dddddd), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 50%,#dddddd 51%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}
.btn-gray:hover {background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #e2e2e2 50%, #d2d2d2 51%, #d2d2d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#e2e2e2), color-stop(51%,#d2d2d2), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#d2d2d2 51%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#d2d2d2 51%,#d2d2d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#e2e2e2 50%,#d2d2d2 51%,#d2d2d2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#e2e2e2 50%,#d2d2d2 51%,#d2d2d2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */}
.i-arrow-blue, .i-arrow-darkblue {background-position:-96px -169px; width:14px; height:19px; margin-left:7px; vertical-align:-4px;}
.i-arrow-darkblue {background-position:-122px -169px;}
.cd-btns .btn-lg {text-transform:capitalize; text-align:right; font-size:15px; padding-right:20px;}
.cd-btns .btn-gray {border-top:solid 1px #dfdfdf; padding-top:14px}
[class^=btn] {border:0 none;}
.btn-request {float:right; margin:12px 0 0; min-width:85px;}
.page-intro {font-size:18px; letter-spacing:-1px; line-height:1.2; margin-bottom:1em; font-weight:normal; color:#656565;}
.tbl-comparecards {width:100%;}
.tbl-comparecards .head {border-bottom:solid 4px #dedede;}
.tbl-comparecards h2 {font-size:30px; color:#002f69;}
.back-gray {background:#f3f3f3; margin-left:10px; padding:6px 10px; text-align:center; /*margin-bottom: -99999px; padding-bottom: 99999px;*/}



.tbl-comparecards td {padding:0; vertical-align:top; overflow:hidden;}
.card-column:last-child .tbl-comparecards .back-gray {margin-left:0}
.tbl-comparecards .box-white {background:#fff; padding:20px 12px 0; position:relative;}
.tbl-comparecards .cardname {font-size:14px; color:#002f69; font-weight:bold; padding:15px 0; height:68px; line-height:1.2;}
.tbl-comparecards .cards-col {width:200px; text-align:center; overflow:visible;}
.tbl-comparecards .cards-col .back-gray {margin-bottom: 0; padding:10px 10px 0;}
.tbl-comparecards .applynow-btn {margin:1em 10px 18px;}
.tbl-comparecards .btn-lg {text-transform:capitalize; height:45px;}
.i2-arrow-cards {width:28px; height:29px; background-position:-282px -39px; cursor:pointer; float:right;}
.open .i2-arrow-cards {background-position:-315px -39px; position:relative; z-index:2;}
.compare-card-descri .tbl-comparecards td:first-child {color:#002f69; font-weight:bold;}
.tbl-comparecards .col-white {padding:7px 10px 5px; background:#fff;}
.tbl-comparecards:first-child .col-white {padding-left:0;}
.tbl-comparecards .border-darkgray td {border-bottom:solid 2px #ebebeb;}
.tbl-comparecards .border-lightgray td {border-bottom:solid 2px #fafafa;}
.compare-card-descri .tbl-comparecards .border-lightgray td:first-child {border-bottom:none;}
.tbl-comparecards tr:last-child td {border-bottom:none;}
.i2-right {width:18px; height:14px; background-position:-287px -7px;}
.tbl-comparecards .link-readmore {margin-bottom:13px; display:inline-block;}


/*Compare Cards Column*/
.compare-card-descri {float:right; width:394px;}
.card-column {float:right;}
.tbl-comparecards .tbl-head {height:267px;}
.tbl-comparecards .col-head {width:160px;}
.tbl-comparecards .two-lines {min-height:48px; padding-top: 16px;}
.compare-cards {margin:2em 0;}
.card-column .tbl-comparecards .border-darkgray td {border-bottom:solid 2px #e6e6e6;}

.pay-option {min-height:110px;}
/*Bootstrap tooltips css*/
.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 2px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
/*Tooltips css end*/
.tbl-comparecards .box-white .tooltip {min-width:130px;}
.applyadib-inner {border-top:solid 4px #002f6a;}
.applyadib-inner .apply-adib {border-top:none;}
.applyadib-inner.gray {border-top-color:#00a7e8;}
.select-anothercard {position:absolute; left:-1px; top:-2px; z-index:1;}
.list-selectcard {width:196px; background:#fff; border:solid 1px #dedede; text-align:right; position: absolute; left: 0; top: 27px; box-shadow:0 1px 1px rgba(0,0,0,0.25);}
.list-selectcard > li {border-top:solid 1px #f2f2f2;}
.list-selectcard > li:first-child {border-top:none;}
.list-selectcard > li > a {padding:5px; display:block;}
.list-selectcard > li > a:hover {background:#e6e6e6; color:#004989;}
.list-selectcard .img {float:right; width:54px; margin-left:10px;}
.dropdown .dropdown-menu {display:none;}
.dropdown.open .dropdown-menu {display:block;}
.error-container ul {padding-right:40px; padding-left:0;}
/*404 Error*/
.fourzerofour-container, .fourzerofour-left {margin-top: 30px;}
.fourzerofour-container h1 {color:#002f69; font-weight:bold; font-size:30px; margin-bottom:35px;}
.fourzerofour-container h2, .fourzerofour-container h3 {color:#002f69; font-size:15px; font-weight:normal; margin:15px 0;}
.fourzerofour-container h3 {margin:25px 0 10px;}
.fourzerofour-container .list-arrow2 > li > a {text-decoration:underline;}
.fourzerofour-container .list-bullet {padding-right: 35px;}
.fourzerofour-container .list-arrow2 {padding-right: 18px;}
.fourzerofour-container .list-arrow2 > li > a {padding-top:6px; padding-bottom:6px; display:inline-block; color:#00a7e8;}
.fourzerofour-container .list-arrow2 > li > a:hover {color:#002f6a;}
.activityWrap li h5, .activityWrap li h2 {font-weight: normal; color: #002f69; font-size: 16px; font-family: 'GE SS Two', Tahoma, sans-serif;}
.financial-result .financial-result-title h5,
.financial-result .financial-result-title h2,
.financial-result .financial-result-title h3 {display: inline-block; vertical-align: top; margin: 6px 6px 0 0; color: #fff; font-size: 16px; font-weight: 700; font-family: 'GE SS Two', Tahoma, sans-serif;}
.refineBox .css-checkbox {display:inline-block; width:49%;}
.searchRefine h2 {color: #00a7e8; text-transform: uppercase; font-size: 16px; font-weight: 700;}
.toolCalculate .toolCalculateWrap h3 {margin-bottom: 5px; font-size: 16px; font-weight: 700; }
/*24-9-14 */
.btn-blue.arrow {float:none; margin:0; width:auto; height:38px;}
/*Home Finance Page*/

.flex-control-paging {list-style:none; position:absolute; left:0; bottom:-1em; padding:0;}
.flex-control-paging > li {display:inline-block; margin-right:10px; overflow:hidden;}
.flex-control-paging > li > a {width:11px; height:11px; background:#002f69; display:block; text-indent:-10em; border-radius:50%;}
.flex-control-paging > li > a.flex-active {background:#00a7e8;}
.full-container {padding:1.5em 0;}
#banner-slider {padding-bottom:2em;}
.list-features {margin:0 -15px 0 0;}
.list-features > li {border:solid 1px #ececec; margin:15px 15px 0 0; float:left; width:321px; padding:10px 8px; display:table;}
.list-features .img {margin-left:10px; display:table-cell;}
.list-features .content {display:table-cell; width:225px; vertical-align:middle;}
.list-features h3 {color:#002f69; font-size:16px; margin-bottom: 5px;}
.list-features .link-readmore {display:inline-block!important; margin:0!important; width:48%;}
.flexslider .flex-viewport {direction:ltr;}

/*===========|||||===========
  Applicaition Flow CSS - Start
    =========|||||===========*/
.list-vision.a-top > li {vertical-align:top;}
.list-bluearrow > li {padding-right: 12px;text-indent: -8px;}
.list-bluearrow > li:before {width: 8px; height: 11px; background: url(../img/sprite.png) no-repeat -484px -18px; content: ""; display: inline-block; vertical-align: -1px; margin-left:.25em; margin-right:-.25em;}
.list-vision.a-top .btn-blue {min-width:68px; text-align:center;}
.list-vision.a-top h2 {font-size:17px;}
.btn-sm {padding:6px 10px; height:28px; line-height:16px; text-transform:none;}
.apply-online {margin:2em 0 0; font-size:14px;}
.apply-online h3 {color:#007abb; border-bottom:solid 2px #007abb; padding-bottom:7px;}
.apply-online h6 {font-weight:normal; font-family:'Droid Sans', sans-serif; }
.apply-online .list-bullet {padding-right:20px;}
.apply-online .list-bullet > li {margin-bottom:8px;}
hr {border-top-color:#e1e1e1;}
.call-apply {border-top:solid 2px #007abb; color:#007abb; font-weight:bold; font-size:14px; padding-top:.75em; margin-top: 1.5em;}
.gray-box {background:#f4f3f3; padding:15px;}
.list-step {border-bottom:solid 2px #002f69; margin-bottom:0;}
.list-step > li {float:right; background:#00a7e8; width:25%; position:relative;}
.list-step > li.tick-mark .num {text-indent:-11111px; background:url(../img/sprite-2.png) no-repeat -283px -83px #84CA00; overflow:hidden; vertical-align:middle;}
.list-step > li > a {padding:12px; display:block; font-size:12px; color:#fff; text-align:center; height:38px; transition:none; -webkit-transition:none; cursor:default;}
.list-step > li:after {content:''; background:url(../img/sprite-2.png) no-repeat -219px -203px; width:13px; height:40px; position:absolute; right:100%; top:0; z-index:1;}
.list-step > li.current > a {background:#00538f; cursor:default;}
.list-step > li.current:after {background-position:-247px -203px;}
.list-step .num {width:18px; height:18px; border-radius:50%; border:solid 2px #fff; background:#002f69; display:inline-block; color:#fff; text-align:center; font-style:normal; font-weight:bold; font-size:11px; margin-left:.75em; margin-top:-1px; position:relative; line-height:1.2;}
.list-step > li:last-child:after {display:none;}
.right-col-heading {border-bottom:solid 1px #dedede; margin-bottom:20px;}
.right-col-heading h5 {float:right; color:#002f69;}
.mandtory-fields {float:left; font-size:12px; color:#00538f; margin:.25em 0 0;}
.form-tbl {width:100%; line-height:1.3;}
.form-tbl td {vertical-align:top;}
.form-tbl .label {display:block; padding:7px 0 0;}
.form-tbl .td-label {width:110px;}
.form-tbl .td-field {width:200px;}
.form-tbl .td-space {width:25px;}
.form-tbl .btn {min-width:70px; text-transform:none; vertical-align:top;}
.form-tbl .separation td {border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;}
.form-tbl .separation-top td {border-top:solid 1px #dedede;}
.error-place {min-height: 20px; padding-top: 2px; font-size: 12px; color: #e81717; clear:both;}
.inline-form-control {margin:8px 0 0 6px; display:inline-block;}
.inline-form-control input {vertical-align:-1px;}
.icon-date {background:url(../img/sprite-2.png) no-repeat -286px -113px; width:16px; height:19px; position:absolute; left:5px; top:6px; pointer-events:none;}
.field-option {position:relative;}

.select-gray select, .select-gray .chosen-container {width:100%!important;}
.select-gray .chosen-container-single .chosen-single {height:30px; line-height:28px; border-color:#d6d6d6; color:#5f5f5f; transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;}
.select-gray .chosen-container-active .chosen-single {border-color:#66afe9;}
.select-gray .chosen-container-single .chosen-single div b {background-position:0 3px;}
input.mob-sm {width:60px; float:left;}
input.mob-xs {width:135px; float:right;}
input.sms-input {width:200px; display:inline-block; margin:0 1em;}
.link-gray {margin-top:1em; color:#6f6f6f; text-decoration:underline; display:inline-block;}
.link-gray:hover {color:#004989;}
.black {color:#000;}
.label-success {background:#41b683; color:#fff; font-size:14px; padding:12px 22px;}
.i2-tickwhite {width:21px; height:16px; background-position:-290px -153px; margin-left: .75em; vertical-align: -3px;}
.apptitle {font-size:14px; font-weight:bold; margin:1.5em 0;}
.appdetails {padding:1.5em 0; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;}

/*==================Application flow css changes====================*/
.financial-result-title.no-icon:before {display:none!important;}
.financial-result .financial-result-title.no-icon h2 {margin:4px 6px 4px 0;}
ul.list-tick {list-style:none;}
ul.list-tick > li {background:url(../img/tick.png) no-repeat right center; padding-right:27px; margin-top:5px; margin-bottom:5px;}
.financial-result-title, .followUsTitle, .apply-now-title {backface-visibility:hidden; -webkit-backface-visibility:hidden;} /*bug fix on hover*/

.numb { display: inline-block; background-color: #FFFFFF; border-style: solid; border-width: 2px; color: #00a7e8; ; font-weight: bold; border-radius: 100%; width: 20px; height: 20px; text-align: center; line-height: 16px; position: absolute; }



td.td-label.note > p {color:#6f6f6f; padding:9px; margin: 0px 0px 0px; font-family: 'Droid Sans', sans-serif; font-size: 10px; !important; }
td.td-label.security-note > p {color:#6f6f6f; padding:9px; margin: -17px 0px 0px; font-family: 'Droid Sans', sans-serif; font-size: 10px; !important; }
.i2-debitcard {width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -345px -128px;}
.i2-smsalerts{width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position:-346px -33px;}
.i2-cashcovers{width:35px; height:35px;   display:inline-block; margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -380px -39px;}
.i2-chequebook{width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -343px -83px;}
.i2-noneoftheabove{width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -348px -171px;}
.i2-passport {width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -402px -167px;}
.i2-visa{width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position:-394px -87px;}
.i2-emiratesid{width:35px; height:35px;   display:inline-block; margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -398px -131px;}
.i2-salarycertificate{width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -401px -211px;}
.i2-orangeexclamation{float:right; width:35px; height:35px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -348px -210px;}
.i2-passport-sm-blue {width:32px; height:32px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -452px -169px;}
.i2-visa-sm-blue {width:32px; height:32px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -448px -87px;}
.i2-eid-sm-blue {width:32px; height:32px;   display:inline-block;  margin-left:.75em; margin-top:-1px; position:relative; text-indent:-11111px; background-position: -450px -132px;}
.apply-online.appflow1{
    margin:0;
}
.btn-blue .btn-lg .applybtn-appflow1{
    width: 100px;
    text-transform:none;
}
.apply-appflow1{
    float:left;
}
.form-tbl .td-field.time-slot{
    width:225px;
}
select.error + .chosen-container-single .chosen-single {border-color:#FF2323;}
.preferences .inline-form-control {margin:14px 6px 0 0; display:inline-block;}
.form-tbl.preferences td {padding:12px 0 0;}
a.edit-link, a.edit-link :visited {color:#1ca6e0; font-size:15px;}
a.edit-link:hover {color:#004989;}
a.edit-link, .save-btn {
	float:left; margin-top:-5px;
}
.thankyou{
	color: #007abb;
	border-bottom: solid 2px #007abb;
	padding-bottom: 7px;
}
.label-warning {background:#fcf8e3; color:#fff; font-size:14px; padding:12px 22px;}
.label-warning > p {color:#C76011 ; display:inline; font-size:14px;}
.pline { display: inline-block; padding-left: 25px }


.ty-options-ar{
    padding: 0 20px 0 0;
}

/*===========|||||===========
  Application Flow CSS - End
=========|||||===============*/


/*================== Xpress form ====================*/
ul.list-xpress-steps { list-style: none; margin: 0; padding: 0; }
ul.list-xpress-steps > li { display: inline-block; width: 32%; padding: 1em; }
ul.list-xpress-steps > li div { font-size: 20px; margin-top: 1em; }
.map { height: 400px; }
/*phone number selector*/
.xpress-form td { padding-right: 10px; }
.mob_num { width: 66px; float: left; }
.mob-xs { width: 100px; float: right; }
.checkbox-grid {margin:10px 0 0;}
.checkbox-grid li { display: inline-block; float: right; width: 25%; margin: 5px 40px 20px -40px; }
.bookanappointment { font-size: 12px; text-transform: uppercase; margin-left: 222px; margin-top: 20px; height: 28px; display: inline-block; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.xpress-form td { padding-right: 10px; }
.form-tbl .label-dp { display: block; padding: 20px 0 0; }
.pline { display: inline-block; padding-right: 25px }
input[type="checkbox"]:checked + span { font-weight: bold; }
.select-gray-time select, .select-gray .chosen-container { width: 83px; }
.select-gray-time .chosen-container-single .chosen-single { height: 30px; width: 100%; line-height: 28px; border-color: #d6d6d6; color: #5f5f5f; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
-moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.select-gray-time .chosen-container-active .chosen-single { border-color: #66afe9; width: 83px; }
.select-gray-time.xpress .chosen-container-active .chosen-single { border-color: #66afe9; width: 125px; }
.select-gray-time.xpress {width:260px;}
.select-gray-time .chosen-container-single .chosen-single div b { background-position: 0 3px; }
.field-option-date { position: relative; width: 104px; display: inline-block; float: left; margin-right: 10px}
#pp_ex_datepicker { display: inline-block; }
.numb { display: inline-block; background-color: #FFFFFF; border-style: solid; border-width: 2px; color: #00a7e8; ; font-weight: bold; border-radius: 100%; width: 20px; height: 20px; text-align: center; line-height: 16px; position: absolute; }
.select-gray-branch select, .select-gray .chosen-container { width: 537px; }
.select-gray-branch .chosen-container-single .chosen-single { height:30px; line-height: 28px; border-color: #d6d6d6; color: #5f5f5f; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
	-moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.select-gray-branch .chosen-container-active .chosen-single { border-color: #66afe9;}
.select-gray-branch .chosen-container-single .chosen-single div b { background-position: 0 3px; }
.cannotfind { padding: 12px 0px 0px 0px; display: inline-block; text-decoration: underline; font-family: bliss; font-size: 15px; font-weight: 700; }
/*popup*/


.modal:before { content: ""; /*display: none;*/
background: transparent; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.modal:target:before { -webkit-transition: -webkit-transform 0.9s ease-out; -moz-transition: -moz-transform 0.9s ease-out; -o-transition: -o-transform 0.9s ease-out; transition: transform 0.9s ease-out;/*display: block;*/
}
.modal:target + .modal-dialog, .modal-dialog.open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); top: 88%; left: 42%; }
.modal-dialog { background: #fefefe; border: #333 solid 1px; border-radius: 5px; margin-left: -200px; position: absolute; left: 50%; top: -100%; z-index: 11; width: 513px; -webkit-transform: translate(0, -500%); -ms-transform: translate(0, -500%); transform: translate(0, -500%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal-body { padding-top: 20px; padding-right: 100px; }
.modal-footer { padding: 10px 20px; }
.modal-footer { text-align: center; }
.modal-compass { padding-top: 20px; padding-right: 15px; position: absolute; }
.modal-dialog .btn-blue { width: 120px; margin: 0px 30px 0 25px; border: 1px solid #707070; padding-top: 13px }
.modal-body > p { margin: 0px 18px 10px; }
.modal-dialog .btn-white { color: #002f69; background: #fff; border-style: solid; border: 1px solid #707070; width: 120px; font-size: 13px; text-transform: none; }
.remember-details { margin: 0px 90px 10px; display: inline-block; font-family: 'Droid Sans', sans-serif; color: #6f6f6f; }
[class^=btn].btn-lg { line-height: 1.3;}

/*==========================================
  Xpress form - thank you message and confirmation details
==========================================*/
.form-booking-confirm textarea {resize:none;}
.form-booking-confirm input[type=text],
.form-booking-confirm input[type=email],
.form-booking-confirm input[type=tel],
.form-booking-confirm textarea {background:#e7e7e7; transition:.25s; -webkit-transition:.25s; color:#000;}
.form-booking-confirm [disabled] {border-color:transparent; background-color:transparent;}
input[type=email].has-email,
input[type=tel].has-phone {padding-left:28px; background-image:url(../img/email.gif); background-repeat:no-repeat; background-position:8px center;}
input[type=tel].has-phone {background-image:url(../img/telephone.gif);}
.form-tbl .td-edit {width:60px;}
.form-tbl .td-md {width:250px;}
.form-tbl .td-sm {width:180px;}
.form-tbl [data-js="confirmBooking"] {display:none;}
.link-blue:visited {color:#00a7e8;}
.link-gray:visited {color:#6f6f6f;}
.form-booking-confirm div.label {padding-left:5px;}
.txt-field {margin:8px 0 0; color:#000;}
.form-booking-confirm .field-option-date {margin-right:10px;}

.displaymode [data-editable] {display:none;}
.editmode [data-value] {display:none;}
.editmode [data-editable] {display:block;}
.editmode [data-js="editBooking"] {display:none;}
.editmode [data-js="confirmBooking"] {display:block;}

.chosen-sm .chosen-container {width:125px!important;}
.chosen-245 .chosen-container {width:245px!important;}
.form-booking-confirm .checkbox-grid {margin:0;}
.form-booking-confirm .checkbox-grid li {width:50%; margin-bottom:0;}
a {backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.ml6em {margin-left:6em;}
/*==========================================
  end of xpress form - thank you message and confirmation details
==========================================*/




/*==========================================
  Login / account opening form
==========================================*/
.tbl-form {margin:0 auto;}
.tbl-form td {padding:0 10px 0 0; vertical-align:top;}
.tbl-form td:last-child {padding-right:0;}
.tbl-form td.td-sm {width:220px;}
.tbl-form .error-place {text-align:right;}
input.form-control-lg {padding:4px 8px; height:38px;}
#loginbox .sliderbox {position:relative; margin-left:auto; margin-right:auto; width:600px; height:250px; overflow:hidden;}
#loginbox .select-gray {text-align:right;}
#loginbox .slide {position:absolute; right:0; width:600px;}
#loginbox .slide2, #loginbox .slide3 {right:600px;}
#login_step2 .codefield {width:70px; font-size:20px; text-align:center; display:inline-block; margin:0 4px;}
#login_step2 .btn-blue {min-width:85px;}



/*
Dark Blue : #002f69
Blue : #00a7e8
Mid dark blue : #007abb
Dark Gray : #5f5f5f;
*/



/*Over-Writing main-dev css*/
body .BtnCOnatainer .clsBtn {float:left; background-position:left 3px;}
body .mediaLabGallery p {padding:15px;}






/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1280px) {

}
@media only screen and (max-width: 1280px) {
	.slideshow .content { margin-top: 2%; margin-right:3%;}
	.slidetabs {left:5%;}
}
@media only screen and (max-width: 1024px) {
	.touch .bottomfix {position:fixed; left:0; bottom:0;}
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.bold, strong { font-weight: 700; }
.fsize-11 {font-size: 11px; }
.fsize-12 {font-size: 12px; }
.fsize-13 {font-size: 13px;}
.fsize-14 {font-size:14px;}
.fsize-16 {font-size: 16px;}
.fsize-18 {font-size:18px;}
.fsize-13 {font-size:13px;}
.m0 { margin: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.color-darkblue { color: #004989; }
.color-blue { color: #00a7e8; }
.color-blue2 {color:#007abb;}
.bliss,
.gesstwo { font-family: 'GE SS Two', sans-serif; }
.bold {font-weight:700;}
.tahoma {font-family:Tahoma, sans-serif;}
.pull-left { float: right!important; }
.pull-right { float: left!important; }
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.valign-top {vertical-align:top;}
.hide { display: none; }
.show {display:block;}
.upper { text-transform: uppercase; }
.link-blue {color:#00a7e8;}
.link-blue:hover {color:#002f6a;}
.uline {text-decoration:underline;}
.ltr {direction:ltr; display:inline-block;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; /* h5bp.com/t */ }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   New homepage
   ========================================================================== */
.login--panel {background:#002f69; padding:35px 0;}
.login--panel-content {overflow:hidden; color:#fff;}
.login--panel-content h5 {margin:0;}
.login--panel-content p:last-child {margin-bottom:0;}
.login--panel-image {margin:2px 0 0 25px;}
.login--panel-option__column {width:215px; margin-right:12px; float:right;}
.login--panel-option__column .button.blue {padding-top:12px; padding-bottom:12px; font-size:12px; height:38px;}
.fluid-container--white-box {padding:85px 0;}
.fluid-container--white-box h2 {color:#01a7e8;}
.fluid-container--white-box h2,
.fluid-container--white-box p {margin-bottom:15px;}
.font16 {font-size:16px; line-height:1.8;}
.btn-primary {line-height:15px; padding-left:13px; padding-right:13px; min-width:75px; text-align:center;}
.white-box--image-container {text-align:right;}
.white-box--image-container img {margin-top:40px;}
/*calculator--container*/
.calculator--container {background-position:center top; background-size:cover; position:relative; padding-top:75px; -webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in;}
.calculator--container:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(19, 136, 237, .6); content:'';}
.calculator--content {color:#fff; position:relative; z-index:1; width:275px; position:absolute; right:110%; top:65px;}
.calculator--content h2 {color:#fff;}
/*calculator--board*/
.calculator--board {background:#fff; box-shadow:0 0 1px rgba(0,0,0,.4); position:relative; z-index:1; margin:0 0 -80px 50px; min-height:460px;}
.calculator--board-header {padding:0 20px; border-bottom:solid 2px #1ca8e5;}
.calculator--board-header h4 {color:#6f6f6f; margin:20px 0 15px; font-weight:normal; float:right;}
.calculator--board-content {padding:50px 0 30px;}
/*calculator--loan-installment-tabs*/
.calculator--tabs-container {float:left; width:400px;}
.list--tabs {list-style:none; margin:0; padding:0;  font-size:0; display:table; table-layout:fixed; width:100%;}
.list--tabs > li { display:table-cell; vertical-align:top;}
.list--tabs > li > a {display:block; padding:12px 16px; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; color:#6f6f6f;}
.list--tabs > li > a:hover {background:rgba(0,0,0,.08);}
.list--tabs > li.active > a {background:#1ca8e5; color:#fff;}
.list--tabs-text {display:block; margin-top:5px;}
.ui-slider-tooltip {position: absolute; z-index: 1020; display: block; font-size: 12px; visibility: visible; margin-top: -2px; left:0; bottom:110%; margin-left: -39px; width:100px; text-align:center; font-weight:bold;}
.active .calculator--board-icon__grey {display:none;}
.active .calculator--board-icon__white {display:inline-block;}
.calculator--board-icon__white {display:none;}
.calculator--loan-control {margin:30px auto; width:340px;}
.calculator--board .list--tabs {width:auto;}
.calculator--loan-installment-tabs {display:inline-block; font-size:0; border-bottom:solid 1px #6f6f6f; margin-left:25px;}
.calculator--loan-installment-tabs a {display:inline-block; font-size:12px; padding:4px 15px; text-transform:uppercase; font-weight:bold; color:#6f6f6f; position:relative;}
.calculator--loan-installment-tabs a.active {color:#002f69;}
/*active tab arrow*/
.calculator--loan-installment-tabs a.active:after, .calculator--loan-installment-tabs a.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.calculator--loan-installment-tabs a.active:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 6px; margin-left: -6px; }
.calculator--loan-installment-tabs a.active:before { border-color: rgba(111, 111, 111, 0); border-top-color: #6f6f6f; border-width: 7px; margin-left: -7px; }
/*/active tab arrow*/
.inline {display:inline;}

.calculator--amount-box {border:solid 1px #002f69; border-radius:3px; text-align:center; padding:10px; color:#002f69; font-size:24px; position:relative;}
.calculator--amount-box .bold {font-size:30px; vertical-align:-2px; margin-left:5px;}
/*.btn-plus {background:transparent; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); font-size:32px; color:#002f69;}
.btn-minus {}*/
/*Calculator slider container*/
.calculator--slider-container {padding:20px 40px;}
.calculator--single {position:relative;}
.calculator--slider__min-value, .calculator--slider__max-value {font-size:11px; color:#666; margin-top:8px;}
.calculator--slider {margin:5px 0 0 3px; position: relative;}
.calculator--slider-btn {padding:10px 40px;}
.calculator__amount .rangeslider__value-bubble:after {
	/* content: 'د. إ.'; */
	margin-right: 3px;
}
.calculator__duration .rangeslider__value-bubble:after {
	/* content: 'شهراً'; */
	margin-right: 3px;
}
.calculator__rate .rangeslider__value-bubble:after {
	content: '%';
	margin-left: 1px;
}
/*white-box--container*/
.white-box--container {padding:130px 0 50px;}
.icon--heading {vertical-align:-11px; margin-left:5px;}
.header--smart-money {background:#f5f5f5; border-bottom:solid 2px #1ca8e5; margin-top:1.5em;}
.iframe {border:0 none;}
.calculator--slider-container.interest {padding-top:0; padding-bottom:0; color:#002f69;}
.login--panel .chosen-lg + .chosen-container-single .chosen-single div b {background-position: 4px -15px !important;}
/*Changes on 9 Aug 2017 for homepage*/
.sub-dropdown .content {vertical-align: top;}
.slidetabs {
	background: rgba(0, 47, 105, 0.5);
}
.slidetabs header {
	background: rgba(255, 255, 255, 0.85);
}
.slidetabs a.active {
	background: rgba(0,167, 232, 0.5);
}
/*Link*/
.link-white{color:white; text-decoration:underline;}
.inverse__blue-header {color:#fff; background-color:#004989; padding:12px 20px; margin:0 -20px; font-size:20px;}
select.form-control-lg {padding:4px 8px; height:38px;}
.chosen-lg + .chosen-container-single .chosen-single {
    height: 38px;
    line-height: 36px;
}
.chosen-lg + .chosen-container-single .chosen-single div b {
    background-position: 0 8px;
}
/* Range Slider - https://github.com/andreruffert/rangeslider.js/pull/245 */
.rangeslider,
.rangeslider__fill {
    display: block;
}
.rangeslider {
    background: #e6e6e6;
    position: relative;
}
.rangeslider--horizontal {
    height: 3px;
    width: 100%;
}
.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}
/*right-to-left*/
.rangeslider__rtl {
    direction: rtl;
}
/*top-to-bottom*/
.rangeslider__ttb {
    top: 0;
    bottom: initial;
}
.rangeslider--disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}
.rangeslider__fill {
    background: #00a7e8;
    position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}
.rangeslider__handle {
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
		background: url(../img/sprite-2.png) no-repeat -420px -6px;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}
.rangeslider__value-bubble {
  display: block;
  position: absolute;
  bottom: 100%;
  margin-bottom: 12px;
  width: 100px;
  margin-right: -50px;
  text-align: center;
	font-weight: bold;
}
/*#s4-workspace {
  height : auto !important;
}*/
[class^=btn] {
	line-height: 1.2;
	padding: 13px 10px;
}
.btn-sm {
	padding:6px 10px;
	height:28px;
	line-height:16px;
	text-transform:none;
}
[class^=btn].btn-lg {
	padding: 15px;
}
.i-fb, .i-twitter {
	opacity: 1;
}
/* 10 dec 2017 */
.stickyfoo__icon {
    width: 24px;
    margin-left:10px;
    vertical-align: -7px;
    fill:#fff;
    display: inline-block;
}
.no-bg {
    background: none;
}
.bottomfix .list-leftcontent>li.no-bg:before {
    background: none;
    display: none;
}
.range-amount__input {
    width: 100%;
    position: absolute;
    left: 0;
    top: -60px;
    background: #fff;
    border:solid 1px #1a9fdc;
    border-radius: 3px;
}
.range-amount__input input {
    width:90%;
    font-size: 20px;
    font-weight: bold;
    display:inline-block;
    border: 0 none;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: -1px;
}
.range-amount__label {
    background:#e8f6fc;
    color: #1a9fdc;
    display: inline-block;
    height: 100%;
    padding:10px;
}
