/* 
	---------------
	FRAMEWORK 
	---------------
	- 1. HEADER
	- 2. NAVIGATION
	- 3. FOOTER
	- 4. OTHER
	- 5. COMPONENTS
	- 6. ICONS

*/



/*
	---------------------------------
		1. HEADER
	---------------------------------
*/
a {
	text-decoration: none !important;
}
/* Header Container */
header .container {
	
}
/* Header Logo */
header .logo span {
	color: #fff;
	font-size: 11px;
	position: absolute;
	top: 48px;
	right: 21px;
}
header .logo span.slogan {
	right: -66px;
	font-size: 13px;
}

header .col-md-5.logo {
	margin-top: 0px;
	
}
header .logo .container_logo {
	display: inline-block;
	position: relative;
}
header .logo .container_logo span {
	color: #C0D6E3;
	display: none;
}

/* Header Map*/
header .col-md-8.map {

}
header .col-md-8.map .map_container {
	width: 200px;
	height: 100px;
	background: url('../img/headermap.png') 0px 8px no-repeat;
	float: right;
	display: none;
}
header .col-md-8.map ul {
	list-style-type: none;
	position: relative;
}
header .col-md-8.map  li {
	width: 2px;
	height: 2px;
	background-color: #5973bc;
	border-radius: 50%;
	position: absolute;
}
header .col-md-8.map  li.on {
	background-color: #fff;
	border: 2px solid #4394F7;
	padding: 1px;
	-webkit-animation: marker_on 1.5s infinite;
	-moz-animation: marker_on 1.5s infinite;
	-o-animation: marker_on 1.5s infinite;
	animation: marker_on 1.5s infinite;
}

@-webkit-keyframes marker_on{
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes marker_on{
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes marker_on{
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes marker_on{
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

header .col-md-8.map  li#argentina {
	top: 73px;
	left: 60px;
}
header .col-md-8.map  li#brazil {
	top: 62px;
	left: 66px;
}
header .col-md-8.map  li#usa,
header .col-md-8.map  li#united_states_of_america {
	top: 35px;
	left: 37px;
}
header .col-md-8.map  li#china {
	top: 35px;
	left: 153px;
}
header .col-md-8.map  li#hong_kong,
header .col-md-8.map  li#hong.kong {
	top: 45px;
	left: 160px;
}
header .col-md-8.map  li#isle_of_man,
header .col-md-8.map  li#isle.of.man {
	top: 27px;
	left: 95px;
}
header .col-md-8.map  li#japan {
	top: 34px;
	left: 175px;
}
header .col-md-8.map  li#jersey {
	top: 34px;
	left: 94px;
}
header .col-md-8.map  li#singapore {
	top: 58px;
	left: 155px;
}
header .col-md-8.map  li#taiwan {
	top: 49px;
	left: 165px;
}
header .col-md-8.map  li#turkey {
	top: 36px;
	left: 112px;
}
header .col-md-8.map  li#united_arab_emirates,
header .col-md-8.map  li#united.arab.emirates {
	top: 44px;
	left: 124px
}
header .col-md-8.map  li#united_kingdom,
header .col-md-8.map  li#united.kingdom {
	top: 31px;
	left: 98px;
}
header .col-md-8.map  li#angola {
	top: 66px;
	left: 106px;
}
header .col-md-8.map  li#botswana {
	top: 70px;
	left: 111px;
}
header .col-md-8.map  li#congo {
	top: 61px;
	left: 108px;
}
header .col-md-8.map  li#ghana {
	top: 53px;
	left: 92px;
}
header .col-md-8.map  li#kenya {
	top: 62px;
	left: 117px;
}
header .col-md-8.map  li#lesotho {
	top: 73px;
	left: 113px;
}
header .col-md-8.map  li#malawi {
	top: 64px;
	left: 116px;
}
header .col-md-8.map  li#mauritius {
	top: 69px;
	left: 125px;
}
header .col-md-8.map  li#mozambique {
	top: 66px;
	left: 117px;
}
header .col-md-8.map  li#nigeria {
	top: 71px;
	left: 107px;
}
header .col-md-8.map  li#south_africa,
header .col-md-8.map  li#south.africa {
	top: 74px;
	left: 110px;
}
header .col-md-8.map  li#swaziland {
	top: 69px;
	left: 116px;
}
header .col-md-8.map  li#tanzania {
	top: 65px;
	left: 113px;
}
header .col-md-8.map  li#uganda {
	top: 60px;
	left: 113px;
}
header .col-md-8.map  li#namibia {
	top: 68px;
	left: 108px
}
header .col-md-8.map  li#zambia {
	top: 66px;
	left: 110px;
}
header .col-md-8.map  li#zimbabwe {
	top: 71px;
	left: 115px;
}

.dropdown.countries {
	position: relative;
}

/* Header Dopdown Countries*/
header .col-md-4.dropdown.countries .link {
	color: #fff;
	font-size: 12px;
	position: relative;
    top: 31px;
    left: -153px;
}
header .col-md-4.dropdown.countries {
	margin-top: 16px;
	padding-right: 0px;
}
header .col-md-4.dropdown.countries .comp_dropdown {
	margin-top: 6px;
	position: relative;
}
header .container .col-md-7.countries {
	padding-right: 0px;
}
/*  MASTER FRAMEWORK */
section.master_framework {
  padding: 30px 0px;
}

/*
	---------------------------------
		2. NAVIGATION
	---------------------------------
*/
/* Main Navigation*/
nav.main_nav {
	border-bottom: 3px solid #0496fd;
	background: #f3f3f3;
    line-height: 17px;
}
nav.main_nav .col-md-12 {
	padding: 0px;
}
nav.main_nav .container .mega_nav_overlay {
	position: relative;
	width: 100%;
}
nav.main_nav ul {
	list-style-type: none;
	/* margin-top: 11px; */
	margin-bottom: 0px;
	padding-left: 0px;

}
nav.main_nav ul li {
	float: left;
}

nav.main_nav ul li:hover .mega_nav {
	display: block;
}
footer .hamburger_menu {
	display: none !important; 
}
nav.main_nav .hamburger_menu {
	display: none;
}
nav.main_nav ul li a {
	color: #666666;
	padding: 13px 14px;
	display: block;
}
nav.main_nav ul li .mega_nav {
	position: absolute;
	padding-top: 6px;
	width: 1137px;
	display: none;
	z-index: 55; 
	left: 0;
	margin: auto;
    margin-top: -4px;
	/* webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75); */
}
nav.main_nav ul li .mega_nav .nav_container {
	padding: 20px 6px;
}
nav.main_nav ul li .mega_nav .nav_container ul {
	border-top: 1px solid #ccc;
	overflow: hidden;
    height: 205px;
}
nav.main_nav ul li .mega_nav .nav_container .btn_scroll.clearfix {
	margin-top: 13px;
}
nav.main_nav ul li .mega_nav .nav_container .btn_scroll a {
	float: right;
	padding: 4px 5px;
	border: 1px solid #ddd;
	margin-left: 8px;
	background-color: #ccc;
	line-height: 0;
}
nav.main_nav ul li .mega_nav .nav_container .btn_scroll a i.std_bank_icon_arrow_up_blue {
    background-position: -111px -142px !important;
}
nav.main_nav ul li .mega_nav .nav_container .btn_scroll a i.std_bank_icon_arrow_down_blue {
    background-position: -92px -141px !important;
}
nav.main_nav ul li .mega_nav .nav_container .btn_scroll a:hover {
	background: none;
	color: #000771;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
nav.main_nav ul li .mega_nav .col-md-6.promo .promo_container {
	width: 100%;
	height: 260px;
	background-position: 0px -35px;
	position: relative;
	overflow: hidden;
}
nav.main_nav ul li .mega_nav .col-md-6.promo .promo_container a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 75;
    padding: 0px;
}
nav.main_nav ul li .mega_nav .col-md-6.promo .promo_container a:hover {
	border: 0px;
	background-color: none;
	padding: 0px
}
nav.main_nav ul li .mega_nav .col-md-6.promo .promo_container img {
	width: 100%;
}
nav.main_nav ul li .mega_nav .col-md-3.promo .promo_container {
	width: 100%;
	height: 260px;
	background: url('../img/mega_nav_images/1.png') #000771 no-repeat;
	padding: 10px;
	background-position: -170px -35px;
	position: relative;
}
nav.main_nav ul li .mega_nav .nav_container .promo_container.x2 {
	background: url('../img/mega_nav_images/2.png') #000771 no-repeat;
	background-size: 100%;
	position: relative;
}
nav.main_nav ul li .mega_nav .nav_container .promo_container:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/*background: rgba(23, 5, 1, 0.1);*/
	z-index: 9;	
}
nav.main_nav ul li .mega_nav .nav_container .promo_container.x2:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(50, 30, 4, 0.7);
	z-index: 9;
}
nav.main_nav ul li .mega_nav .nav_container .promo_container h4 {
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
nav.main_nav ul li .mega_nav .nav_container .promo_container p {
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
	width: 95%;
}
nav.main_nav ul li .mega_nav .nav_container .promo_container.x2 p {
	width: 73%;
}
/* nav.main_nav ul li .mega_nav .nav_container .promo_container a {
	width: 95px;
	margin-top: 21px;
} */
nav.main_nav ul li .mega_nav .nav_container .promo_container .promo_overlay {
	z-index: 15;
	position: relative;
}
nav.main_nav ul li .mega_nav .col-md-12 {
	background-color: #efefef;
}
nav.main_nav ul li .mega_nav .col-md-3 {
	border-right: 1px solid #ccc;
	overflow: hidden;
	height: 300px;
}
nav.main_nav ul li .mega_nav .col-md-3.grey {
	background-color: #e7e7e7;
}
nav.main_nav ul li .mega_nav .col-md-3.level-2 {
	display: none;

}
nav.main_nav ul li .mega_nav .col-md-3.level-2 .nav_container {
	overflow: hidden;
	display: none;
}
nav.main_nav ul li .mega_nav li {
	float: none;
	border-bottom: 1px solid #ccc;
}
nav.main_nav ul li .mega_nav li a {
	padding: 8px 4px;
	font-size: 12px;
	padding-left: 14px;
    clear: both;
}
nav.main_nav ul li .mega_nav li a span {
	width: 90%;
	display: inline-block;
	float: left;
}
nav.main_nav ul li .mega_nav li a.active {
	background-color: #0470DA !important;
	color: #fff;
	text-decoration: none;
}
nav.main_nav ul li .mega_nav li a:hover {
	background-color: #000771;
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
nav.main_nav ul li .mega_nav li a:hover i,
nav.main_nav ul li .mega_nav li a.active i {
	background-position: -58px 0px !important;
}
nav.main_nav ul li .mega_nav h3 {
	font-size: 17px;
	color: #000771;
	margin-top: 0px;
}
nav.main_nav ul li a:hover {
	background-color: #0496fd;
	text-decoration: none;
	color: #fff;
	webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.75);
}
nav.main_nav .hamburger_submenu {
	display: none;
}
.col-md-4.panel_search {
	padding-top: 5px;
}
.col-md-3 .search .comp_dropdown.search .comp_button.btn_search:hover {
	webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.3);
}
.col-md-3 .search {
	float: left;
}
.col-md-3 .search .dropdown_search .comp_button:hover {
	background-color: #000771 !important;
}
.col-md-3.panel_search {
	padding: 0px;
	padding-top: 5px;
}
footer .col-md-3.panel_search {
	float: right;
}
.col-md-1.panel_transact {
	padding: 0px;
	padding-top: 5px;
}
.col-md-1 .transact {
	float: right;
	min-width: 93px;
}
.col-md-1 .transact > a {
	padding: 9px 9px;
	height: 39px;
	background-color: #0396FD;
	line-height: 23px;
}
.col-md-1 .transact > a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #000771;
}
.col-md-3 .search input[type="text"],
footer .col-md-4.search input[type="text"] {
	float: left;
	width: 163px;
	height: 39px;
	padding-left: 10px;
	border: 1px solid #C2C9CF;
	border-bottom: 0px;
	border-right: 0px;
}

.col-md-3 .search form {
	float: right;
  	position: relative;
}
.col-md-1 .transact  .transact_drop_down {
	position: absolute;
	background-color: #ddd;
	width: 1125px;
	left: -1032px;
	top: 47px;
	z-index: 53;
	padding: 25px;
	webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
  display: none;
}
.col-md-1 .transact  .transact_drop_down.on {
	display: block !important;
}
.col-md-1 .transact  .transact_drop_down h2 {
	color: #26428b;
	border-bottom: 3px solid #044a64;
	padding-bottom: 10px;
	font-size: 20px;
	padding-left: 20px;
}

.col-md-1 .transact  .transact_drop_down .col-md-7 {
	background-color: #f9f9f9;
	padding: 0px;
	height: 390px;
}
.col-md-1 .transact  .transact_drop_down .col-md-7 h2 {
	background-color: #f3f3f3;
}
.col-md-1 .transact  .transact_drop_down .col-md-7 img {
	margin: auto;
	display: block;
}
.col-md-1 .transact  .transact_drop_down .col-md-5 {
	background-color: #fff;
	padding: 0px;
	height: 390px;
}
.col-md-3 .search .dropdown_search {
	float: left;
}
.col-md-3 .search .dropdown_search > .comp_button {
	width: 72px;
}
.col-md-3 .search .dropdown_search > .comp_button i {
	float: right;
	margin-top: 5px;
}
.col-md-3 .search .comp_dropdown.search .comp_button,
footer .col-md-4.search .comp_button {
	background-color: #0396fd;
	padding: 11px 6px;
	font-size: 12px;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel {
	position: absolute;
	z-index: 5;
	display: none;
	left: 0;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel.on {
	display: block;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel ul {
	position: absolute;
	top: 39px;
	width: 235px;
	padding: 0;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel ul li {
	display: block;
	float: none;
	border-bottom: 1px solid #C4C2C2
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel ul li:last-child {
	border-bottom: 0px;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel ul li a {
	background-color: #26428B;
	padding: 6px 5px;
  	color: #fff;
  	display: block;
}
.col-md-3 .search .comp_dropdown.search  .dropdown_panel ul li a:hover {
	background-color: #000771;
	webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.col-md-3 .search .comp_dropdown.search .comp_button.btn_search,
footer .col-md-4.search .comp_button.btn_search {
	padding: 7px 10px;
	margin: 0px 2px;
	line-height: 18px;
}
.col-md-1 .transact .comp_dropdown.search .comp_button.btn_transact {
	padding: 9px 7px;
	margin-left: 2px;
}
.col-md-1 .transact .comp_dropdown.search .comp_button.btn_transact.on,
.col-md-3 .search .comp_dropdown.search .comp_button.on {
	background-color: #000978 !important;
}
nav .col-md-12 .comp_dropdown.search > a:hover,
nav .col-md-12 .comp_dropdown.search > button:hover,
.comp_dropdown.countries .comp_button:hover {
	background-color: #000978 !important;
}

.country_selector {
	width: 90%;
	margin: auto;
}
.country_selector span {
	font-size: 12px;
	display: block;
	margin: 4px 0px;
}
.country_selector input {
	display: inline-block !important;
	border: 1px solid #ddd !important;
	width: 70%!important;
	height: 40px !important;
	color: #0396FD;
	float: left;
	padding-left: 20px;
}	
.country_selector .dropdown .selector {
	position: relative;
}
.country_selector .dropdown .selector ul {
	position: absolute;
	background-color: #044A64;
	width: 81%;
	top: 41px;
	display: none;
	z-index: 1;
	height: 231px;
	overflow-y: scroll !important;
}
.country_selector .dropdown .selector ul li a {
	color: #fff;
	padding: 6px 15px;
	background-color: #26428B;
    text-align: left;
}
.country_selector .dropdown .selector ul li a:hover {
	background-color: #000771;
	webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.country_selector .dropdown .selector ul li {
	float: none;
	border-bottom: 1px solid #C4C2C2;
}

.country_selector .dropdown .selector > a {
	display: inline-block !important;
	background-color: #0396FD;
	height: 40px;
	padding: 11px 13px 0px 13px !important
}
.country_selector .dropdown .selector > a:hover {
	webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.country_selector .selected_country {
	margin-top: 12px;
	position: relative;
}
.country_selector .selected_country .info_row {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.country_selector .selected_country .info_row ul {
	width: 80%;
    height: 206px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}
.country_selector .selected_country .info_row.off {
	display: none;
}
.country_selector .selected_country .info_row.on {

}
.country_selector .selected_country h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 8px;
    text-align: left;
}
.country_selector .selected_country ul li {
	float: none;
	border-bottom: 1px solid #ccc;
}
.country_selector .selected_country ul li:first-child {
	border-top: 1px solid #ccc;
}
.country_selector .selected_country ul li a {
	padding: 4px 7px;
	font-size: 12px;
	color: #0396FD;
}
.country_selector .selected_country ul li a i {
	float: right;
	margin-top: 2px;
}
.country_selector .selected_country ul li a:hover {
	background-color: #26428b;
	webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.country_selector .selected_country ul li a:hover i {
	background-position: -58px 0px !important;
}

.CustomerCare_header{
    font-size: 1em;
    font-weight: bold;
    color: #666;
}

/*
	---------------------------------
		2. BREADCRUMBS
	---------------------------------
*/
section.breadcrumbs	{
	background-color: #e7e7e7;
}	
section.breadcrumbs	ul {
	list-style-type: none;
	margin-top: 10px;
	line-height: 10px;
}
section.breadcrumbs	ul  li {
	float: left;
	font-size: 11px;
	color: #000;
}
section.breadcrumbs	ul  li a {
	margin: 0px 5px;
}
/* Left */
section.breadcrumbs	ul.left {
	float: left;
	padding-left: 0px;
}
/* Right */
section.breadcrumbs	ul.right {
	float: right;
}
section.breadcrumbs	ul.right a {
	color: #000;
}
section.breadcrumbs	ul.right li {
	border-right: 1px solid #000;
}
section.breadcrumbs	ul.right li.last_child {
	border-right: 0px;
}
section.breadcrumbs li.tel,
section.breadcrumbs li.hamburger_v2 {
	border: 0px !important;
}
section.breadcrumbs li.tel {
	margin-right: 20px;
}
section.breadcrumbs .smart_nav {
	margin: 0px;
	line-height: 0;
    margin-top: 5px;
    margin-bottom: 2px;
    display: none;
}
/*
	---------------------------------
		2. BANNER CAROUSEL
	---------------------------------
*/
section.banner {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	position: relative;
	overflow: hidden;
    background-color: #E7E7E7;
}
section.banner .container {
	position: relative;
	z-index: 3;
}
section.banner:before {
	z-index: 10;
}
section.banner:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* background: url('../img/gridtile.png') rgba(44, 84, 86, 0.6); */
	z-index: 1;
	/* opacity: 0.7; */
}
section.banner .banner_cover {

}
section.banner h1 {
	color: #fff;
	text-shadow: 4px 2px 6px #000;
	width: 61%;
	font-size: 43px;
}
section.banner p {
	color: #fff;
	width: 56%;
	text-shadow: 4px 2px 6px #000;
}
section.banner .container > h1 { 
	margin-top: 55px;
}	


section.banner .container > a { 
	padding: 8px 19px;
	background-color: #0396FD;
	color: #F3F3F3;
	margin-top: 20px;
	display: inline-block;
	line-height: 22px;
	font-size: 15px;
	padding-top: 11px;
	box-shadow: 1px 1px 1px #4A4A4A;
}
section.banner .container > a:hover { 
	background-color: #044a64;
	text-decoration: none;
}
section.banner .container > ul {
	list-style-type: none;
	padding: 0px 32px;
	margin: 0px 0px;
	height: 20px;
}
section.banner .container > ul li {
	float: left;
	width: 12px;
	height: 12px;
	background-color: #d9d9d9;
	margin-right: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer;

}
section.banner .container > ul li.active {
	background-color: #044a64;
}


section.banner .banner_slide {
	margin: auto;
	display: block;
}
section.banner .dot_navigation {
	position: absolute;
	bottom: 10%;
	width: 100%;
}
section.banner .banner_slide a {
	position: absolute;
    bottom: 85px;
    padding: 8px 10px;
    z-index: 45;
    padding-left: 20px;
    background-color: #0069b2;
    font-size: 14px;
}
section.banner .banner_slide img {
	width: 100%;
}
section.banner .banner_slide .container {
	padding-left: 47px;
    height: 45px;
    margin-top: -4%;
    z-index: 50;
}
/*
	-----------------------------------------
		CSS3 ANIMATIONS :-)
	-----------------------------------------
*/
section.banner .container > h1.default { 
	opacity: 0;
}
section.banner .container > p.default { 
	opacity: 0;
}
section.banner .container > a.default { 
	opacity: 0;
}

section.banner .container > h1 {
	-webkit-transition: opacity 0.5s ease-in; 
	-moz-transition: opacity 0.5s ease-in; 
	-o-transition: opacity 0.5s ease-in;
}

section.banner .container > p { 
	-webkit-transition: opacity 0.5s ease-in; 
	-moz-transition: opacity 0.5s ease-in; 
	-o-transition: opacity 0.5s ease-in;
}

section.banner .container > a { 
	-webkit-transition: opacity 0.5s ease-in; 
	-moz-transition: opacity 0.5s ease-in; 
	-o-transition: opacity 0.5s ease-in;
}

section.banner .container > h1.on { 
	opacity: 1;
}
section.banner .container > a.on { 
	opacity: 1;
}	
section.banner .container > p.on { 
	opacity: 1;
}

section.banner .container > h1.off { 
	opacity: 0;
}
section.banner .container > p.off { 
	opacity: 0;
}
section.banner .container > a.off { 
	opacity: 0;
}

/*
	---------------------------------
		2. SHARE PRICE
	---------------------------------
*/

.share_price {
	background-color: #f3f3f3;
	border-bottom: 1px solid #ede;
}
.share_price ul {
	list-style-type: none;
	margin-bottom: 0px;
	width: 100%;
	padding: 0px 30px;
}
.share_price ul li {
	float: left;
	padding: 15px 0px;
	color: #797979;
	margin-right: 1px;
}
.share_price ul li.share_price_list {
	width: 78%;
	overflow: hidden;
}
.share_price ul li.share_price_list ul {
	padding: 0px;
}
.share_price ul li.share_price_list ul li {
	padding: 0px;
}
.share_price ul li a {
	text-decoration: none;
	color: #797979;
	border-right: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
	padding: 0px 15px;
	font-weight: bold;
}

.share_price ul li.share_price_list ul li:last-child a {
	border-right: 0px solid #fff !important;
}
.share_price ul li.share_price_list ul li:first-child a {
	border-left: 0px;
}
.share_price ul li.label {
	width: 10%;
	font-size: 13px;
	padding-top: 20px;
	color: #044A64;
	text-align: left;
}
.share_price ul li.updated {
	text-align: center;
	background-color: #044A64;
	color: #fefefe;
	padding: 6px 0px;
	width: 10%;
}
.share_price ul li.updated hr {
	margin: 0px;
	width: 13px;
	margin: auto;
}
.share_price ul li .green {
	color: #6c9e41;
}
.share_price ul li .red {
	color: #cc0033;
}
.share_price ul li span {
	display: inline-block;
	margin-left: 6px;
	font-weight: bold;
}
/*
	---------------------------------
		3. FOOTER
	---------------------------------
*/
/* LEVEL 1 */
footer .level_1.nav { 
	background: #f3f3f3;
}
footer .level_1.nav nav ul { 
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}
footer .level_1.nav nav ul li { 
	float: left;
	margin-right: 10px;
}
footer .level_1.nav nav ul li a { 
	color: #666;
	padding: 12px 10px;
	display: block;
}
footer .level_1.nav nav ul li a:hover { 
	background-color: #0496fd;
	text-decoration: none;
	color: #fff;

}
/* LEVEL 2 */
footer .level_2.content { 
	background-color: #eeeeee;
	border-top: 1px solid #ffffff;
	padding-bottom: 20px;
}
footer .level_2.content .download_app p { 
	width: 145px;
	float: left;
	margin-right: 15px;
}
footer .level_2.content .download_app p a {
	margin-top: 10px;
}
footer .level_2.content h3 { 
	font-size: 17px;
	color: #000771;
}
footer .level_2.content .contact_details span { 
	display: block;
	line-height: 27px;
}
footer .level_2.content ul { 
	list-style-type: none;
	padding: 0px;
}
footer .level_2.content ul.social { 
	margin-top: 20px;
}
footer .level_2.content .std_bank_comp_button.transparent  {
	padding-left: 0px;
	color: #0396FD !important;
	margin-top: 20px;
	font-weight: normal;
}

footer .level_2.content ul.social li {
	border: 0px; 
}
footer .level_2.content ul li { 
	border-bottom: 1px solid #d4d4d4;
}
footer .level_2.content .col-md-3.our_website ul li a { 
	font-size: 12px;
	padding: 5px 10px;
	display: block;
}
footer .level_2.content .col-md-3.our_website ul li a:hover { 
	background-color: #000771;
	color: #fff;
	text-decoration: none;
}
footer .level_2.content .col-md-3.our_website ul li a:hover i { 
	background-position: -58px 0px !important;
}
footer .level_2.content h6 { 
	font-weight: bold;
}
footer .level_2.content p { 
	font-size: 12px;
}
footer .col-md-4.search form {
	margin-top: 5px;
	width: 259px;
	float: right;
}
/* LEVEL 3 */
footer .level_3.legal { 
	border-top: 1px solid #fff;
    background: #f3f3f3 !important;
    padding-bottom: 1px;
    display: block;
}
footer .level_3.legal a {
	font-size: 12px;
	color: #333; 
}
footer .level_3.legal .container { 
	margin-top: 20px;
	margin-bottom: 20px;
}
footer .level_3.legal .container .col-md-8 p {
	margin-bottom: 5px;
}
footer .level_3.legal .container .col-md-8 p.copyright {
	color: #adadad;
}
footer .level_3.legal .container .col-md-4 img { 
	float: right;
}

/*
	---------------------------------
		5. COMPONENTS
	---------------------------------
*/

/*
		5.1 BUTTONS
	================================
*/
.comp_button {
	padding: 8px 17px;
	background-color: #0066cb;
	color: #fff;
	font-size: 11px;
	display: inline-block;
	font-size: 11px;
	border: 0px;
}
.comp_button span {
	float: left;
}
.comp_button:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0470DA;
}
/* BUTTON => blue */
.comp_button.blue {
	background-color: #0066cb;
}

/* BUTTON => White*/
.comp_button.white {
	background-color: #fff;
	color: #0396fd;
	font-size: 13px;
	font-weight: bold;
	padding: 13px 17px;
}
.comp_button.white:hover {
	background-color: #0396FD;
	color: #fff;
}
.comp_button.white:hover i {
	background-position: -59px 0px !important;
}
/*
		5.1 DROPDOWN: COUNTRIES
	================================
*/
.comp_dropdown.countries .comp_button {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	background-color: #00a1e0;
	border: 1px solid transparent;
}
.comp_dropdown.countries .comp_button.on {
	background-color: #000771;
	border: 1px solid #0470DA;
}
.comp_dropdown.countries .comp_button:hover {
	border: 1px solid #0470DA;
}
.comp_dropdown.countries .dropdown_panel {
	background-color: #000771;
	position: absolute;
	top: 58px;
	z-index: 1;
	width: 550px;
	right: 0px;
	padding: 17px;
	display: none;
	webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.75);
	z-index: 6;
	border: 1px solid #0470DA;
}
.comp_dropdown.countries .dropdown_panel ul {
	list-style: none;
	width: 170px;
	float: left;
	padding: 0px;
}
.comp_dropdown.countries .dropdown_panel ul:nth-child(3) {
	padding-left: 40px
}
.comp_dropdown.countries .dropdown_panel ul li {
	color: #fff;
}
.comp_dropdown.countries .dropdown_panel ul li.header {
	font-weight: bold;
	margin-bottom: 3px;
}
.comp_dropdown.countries .dropdown_panel ul li a {
	color: #C0D6E3;
	font-size: 10px;
}
.comp_dropdown.countries .dropdown_panel ul li a:hover {
	color: #0396fd;
}
/*
	---------------------------------
		6. MEDIA QUERIES
	---------------------------------
*/

/* ----------- iPad 1 and 2 ----------- *
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	nav.main_nav ul li .mega_nav {
		width: 971px;
	}
	nav.main_nav ul li .mega_nav .col-md-3 {
	    width: 30% !important;
	}
	nav.main_nav ul li .mega_nav .col-md-6.promo {
		 width: 40% !important;
	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	nav.main_nav ul li .mega_nav {
		width: 971px;
	}
	nav.main_nav ul li .mega_nav .col-md-3 {
		 width: 30% !important;
	}
	nav.main_nav ul li .mega_nav .col-md-6.promo {
		 width: 40% !important;
	}
}

@media only screen and (max-width: 1199px) {
	.col-md-3 .search input[type="text"] {
		width: 114px;
	}
}

@media only screen and (max-width: 1199px) {
	.col-md-3 .search input[type="text"] {
		width: 114px;
	}
}

@media only screen and (max-width: 1198px){
	nav.main_nav ul li a {
		padding: 12px 7px;
	}
	nav.main_nav ul li a:hover {
		background-color: #000771;
		webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	header .logo span.slogan {
		right: -106px;
	}
	footer .level_1.nav nav ul li a {
	    color: #666;
	    padding: 12px 4px;
	    display: block;
	}
}

@media only screen and (max-width: 991px) {
	.std_bank_comp_accolades .comp_header h5,
	.std_bank_comp_insights .comp_header h5,
	.std_bank_comp_deals .comp_header h5,
	.std_bank_comp_latest_news .comp_header h5,
	.std_bank_comp_contact_us .comp_header h5,
	.std_bank_comp_static_panel_open .comp_header h5,  
	.std_bank_comp_related_links .comp_header h5,
	.std_bank_comp_recent_deals .comp_header h5,
	.std_bank_comp_categories .comp_header h5,
	.std_bank_comp_recent_accolades .comp_header h5,
	.std_bank_comp_search > .comp_header h5,
	.std_bank_comp_static_talk_to_us .comp_header h5   {
		font-size: 15px;
	}
	.std_bank_comp_related_links .comp_body ul li a {
		padding-right: 0px;
	}
	footer .level_2.content .col-md-3.our_website ul li a {
		padding-right: 0px;
	}
	section.breadcrumbs .smart_nav {
		display: block;
	}
	section.breadcrumbs	.pull-right {
		position: relative;
	}
	section.breadcrumbs	ul.right {
		position: absolute;
		top: 24px;
		z-index: 50;
		right: 0px;
		background-color: #E7E7E7;
		padding: 0px;
		width: 200px;
		border: 1px solid #ccc;
	    border-bottom: 0px;
	    display: none;
	}
	section.breadcrumbs	ul.right li {
		float: none;
		display: block;
		border: 0px;
		text-align: right;
		border-bottom: 1px solid #CCC;
	}
	section.breadcrumbs	ul.right li a {
	    padding: 9px 7px;
	    display: block;
	    color: #0396FD;
	    font-size: 12px;
	    font-weight: bold;
	}
	nav.main_nav ul li {
		float: none;
	}
	nav.main_nav .col-md-8 {
		display: none;
	}
	footer .level_1.nav nav {
	    display: none;
	}
	header .logo span.slogan {
		right: -43%;
	    /* display: none; */
	    width: 120px;
	}
	nav.main_nav ul li .mega_nav .col-md-3 {
		width: 33.333%;
		float: left;
	}
	
	nav.main_nav ul li .mega_nav .col-md-3.level-2 {
		display: block;
	}
	nav.main_nav .hamburger_menu {
		display: block;
		display: inline-block;
		float: left;
	}
	nav.main_nav .hamburger_submenu {
		position: absolute;
	    width: 100%;
	    border: 1px solid #ccc;
	    z-index: 10;
	    background-color: #EFEFEF;
        top: 45px;
        z-index: 55;
	}
	nav.main_nav .hamburger_submenu .bit-30 {
		padding: 10px;
		text-align: left;
		width: 33.33%;
	}
	nav.main_nav .hamburger_submenu .bit-60 {
	    width: 63%;
	}
	nav.main_nav .hamburger_submenu .bit-60 img {
		width: 100%;
		margin: 13px 0px;
	}
	nav.main_nav .hamburger_submenu .bit-30 img {
		width: 100%;
	}
	nav.main_nav .hamburger_submenu .bit-30.grey {
		background-color: #E7E7E7;
	}
	nav.main_nav .hamburger_submenu .bit-30.grey h3 {
		font-size: 17px;
		color: #000771;
		margin-top: 0px;
	}
	nav.main_nav .hamburger_submenu .bit-30.grey ul {
	    border-top: 1px solid #ccc;
	}
	nav.main_nav .hamburger_submenu .bit-30.grey ul li {
	    border-bottom: 1px solid #ccc;
	}
	nav.main_nav .hamburger_menu a {
		display: block;
	    width: 40px;
	    height: 40px;
	}
	.col-md-1 .transact .transact_drop_down {
		width: 704px;
		left: -612px;
	    padding: 15px;
	}
	.col-md-1 .transact .transact_drop_down h2 {
		margin: 0px;
	    text-align: left;
	    text-align: left;
	    padding: 20px;
	}
	.col-md-1 .transact .transact_drop_down .col-md-5 h2 {
		display: none !important;
	}
	footer .hamburger_menu {
		display: none; 
	}
	header .col-md-5.logo {
		width: 40%;
		padding: 0;
		float: left;
	}
	header .col-md-7 {
		width: 60%;
		float: right;
		padding: 0;
	}
	header .col-md-8.map {
		float: left;
	}	

	.col-md-3.panel_search {
		display: inline-block;
	}
	.col-md-1.panel_transact {
		display: inline-block;
	}
	nav.main_nav .col-md-12 {
		text-align: right;
	    line-height: 9px;
	    position: relative;
	}
	nav.main_nav .col-md-12 input[type="text"] {
		line-height: 17px;
	}
	.share_price ul {
		padding: 0px;
	}
	.std_bank_comp_static_content {
		padding-right: 15px;
	}
}

@media only screen and (max-width: 790px) { 
	nav.main_nav .hamburger_submenu .bit-60 img {
		display: none;
	}
}

@media only screen and (max-width: 722px) { 
	header .logo span.slogan {
		right: -52%;
	    /* display: none; */
	    width: 120px;
	}
	.col-md-1.panel_transact {
	    display: none;
	}
	.col-md-3 .search .comp_dropdown.search .comp_button {
	    padding: 11px 4px;
	}
	nav.main_nav .hamburger_submenu .bit-30.grey {
	    display: none;
	}
	nav.main_nav .hamburger_submenu .bit-30:nth-child(1) {
	   width: 100%;
	}
	nav.main_nav .hamburger_submenu .bit-30:nth-child(3) {
	   display: none;
	}
	section.banner {
		display: none;
	}
}
@media only screen and (max-width: 694px) { 
	header .logo span.slogan {
		right: -56%;
	    /* display: none; */
	    width: 120px;
	}
	.col-md-1.panel_transact {
	    display: none;
	}
	
}
@media only screen and (max-width: 678px) { 
	header .logo span.slogan {
		right: -69%;
	    /* display: none; */
	    width: 120px;
	}

}

/* REMOVE MAP CONTAINER */
@media only screen and (max-width: 680px) {
	header .col-md-8.map .map_container {
		display: none;
	}
	.col-md-12 > .col-md-9,
	.col-md-12 > .col-md-6 {
		padding: 0px;
	}
}
/* REMOVE COUNTRY PROFILES => DROPDOWN */
@media only screen and (max-width: 598px) {
	header .col-md-7.countries {
		display: none;
	}
	header .logo span.slogan {
		right: -89%;
	    /* display: none; */
	    width: 120px;
	}
}
@media only screen and (max-width: 558px) { 
	header .logo span.slogan {
		right: -99%;
	    /* display: none; */
	    width: 120px;
	}
}
@media only screen and (max-width: 558px) { 
	header .logo span.slogan {
		right: -99%;
	    /* display: none; */
	    width: 120px;
	}
}
@media only screen and (max-width: 535px) { 
	header .logo span.slogan {
		right: -111%;
	    /* display: none; */
	    width: 120px;
	}
	
}
@media only screen and (max-width: 495px) { 
	header .logo span.slogan {
		right: -128%;
	    /* display: none; */
	    width: 120px;
	}
}
@media only screen and (max-width: 495px) { 
	header .logo span.slogan {
		right: -150%;
	    /* display: none; */
	    width: 120px;
	}
}
@media only screen and (max-width: 404px) { 
	header .logo span.slogan {
		right: -170%;
	    /* display: none; */
	    width: 72px;
	    font-size: 11px;
	}
}
@media only screen and (max-width: 403px) { 
	header .logo span.slogan {
	    right: -157%;
	    /* display: none; */
	    width: 72px;
	    font-size: 11px;
	}
}
@media only screen and (max-width: 370px) { 
	header .col-md-5.logo {
	    width: 73%;
	}
	header .logo .container_logo img {
		width: 100%;
	}
	header .logo span.slogan {
	    right: -40%;
	}
	.col-md-12 > .col-md-9,
	.col-md-12 > .col-md-6 {
		padding: 0px;
	}
}
/*
	---------------------------------
		6. ICONS
	---------------------------------
*/
i[class*="icon_"],
span[class*="icon_"] {
	background: url('../img/ui-sprite.png') no-repeat;
}

i.icon_dropdown_arrow_down {
	background-position: 0px -7px !important;
	width: 10px;
	height: 7px;
	display: inline-block;
	margin-left: 7px;
}

i.icon_dropdown_arrow_down.pressed {
	background-position: 0px 0px !important;
}
i.icon_arrow_forward_blue {
	background-position: -43px 0px !important;
	width: 10px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
	float: right;
	margin-top: 2px;
}
i.icon_arrow_forward { 
	background-position: 6px -61px !important;
	width: 19px;
	height: 27px;
	display: inline-block;
	margin-left: 10px;
	float: right;
}

i.icon_dropdown_search {
	background-position: 0px -18px !important;
	width: 21px;
	height: 16px;
	display: inline-block;
	margin-top: 4px;
}
i.icon_dropdown_transact {
	background-position: 0px -39px !important;
	width: 21px;
	height: 16px;
	display: inline-block;
	margin-left: 10px;
	float: right;
	margin-top: 2px;
}

i.icon_telephone { 
	background-position: 0px -85px !important;
	width: 30px;
	height: 24px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
i.icon_mail { 
	background-position: 0px -105px !important;
	width: 30px;
	height: 22px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_social_facebook { 
	background-position: 0px -128px !important;
	width: 38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_social_twitter { 
	background-position: 0px -169px !important;
	width: 38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_social_youtube { 
	background-position: 0px -211px !important;
	width: 38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_social_linkedin { 
	background-position: 0px -253px !important;
	width: 38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_social_blogger { 
	background-position: 0px -294px !important;
	width: 38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_menu_hamburger {
	background-position: -40px -15px !important;
	width:  38px;
	height: 38px;
	display: block;
	margin-right: 10px;
	float: left;
}
i.icon_dropdown_globe {
	background-position: -91px 1px !important;
	width: 21px;
	height: 18px;
	display: inline-block;
}
i.icon_dropdown_lock {
	background-position: -91px -20px !important;
	width: 21px;
	height: 18px;
	display: inline-block;
}
i.icon_dropdown_arrow {
	background-position: -91px -39px !important;
	width: 17px;
	height: 18px;
	display: block;
	margin: auto;
}

/* 		OTHER 
	==============================*/

.customer_care--details p.clearfix i.std_bank_icon_telephone_small {
	float: left;
    margin-right: 7px;
}

.customer_care--details p.clearfix i.std_bank_icon_share_email_small {
	float: left;
    margin-right: 5px;
}
.customer_care--details p.clearfix a span {
    line-height: 21px;
    font-weight: bold;
    color: #044A64;
    
}
.customer_care--details p.clearfix a:hover span {
	color: #0396FD !important;
	text-decoration: underline;
}
.std_bank_comp_tooltip .comp_body p.clearfix {
    margin-top: 7px;
}
.std_bank_comp_tooltip .comp_body p.clearfix i {
    display: block;
    float: left;
    margin-right: 7px;
}
.std_bank_comp_tooltip .comp_body p.clearfix a span {
	line-height: 23px;
    color: #044A64;
    font-weight: bold;
}
.std_bank_comp_tooltip .comp_body p.clearfix a:hover span {
	color: #0396FD !important;
	text-decoration: underline;
}
.std_bank_comp_tooltip .comp_body p.clearfix a:hover i.std_bank_icon_share_email_small {
    background-position: -132px -72px !important;
}
.customer_care--details p.clearfix i {
	float: left;
}
.customer_care--details p.clearfix span {
    float: left;
    color: #333;
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
    width: 80%;
}
.customer_care--details p.clearfix span:nth-child(1) {
    margin-top: 4px;
}

.null.sbg_cib_search_results > table.std_bank_comp_table td {
    background-color: #fff;
    border: 0px;
}
.null.sbg_cib_search_results section.breadcrumbs	ul {
	margin-bottom: 10px;
}
.null.sbg_cib_search_results footer .level_2.content {
	padding-top: 30px;: 
}
ol, ul {
    list-style: initial;
    list-style-type: disc;
    padding-left: 35px;
}

.pdfContent.mainContent {
	margin-top: 15px;
}
.pdfContent.mainContent p img {
    width: 100%;
}
.master_framework > .container > .col-md-12 {
	padding-right: 0px;
}

.master_framework > .container > .col-md-12 >.col-md-3 {
	padding-right: 0px;
	padding-left: 25px;
} 
.master_framework .container > .col-md-12 >.col-md-9.fix_left {
	padding-left: 0px;
}
.breadcrumbs > .container > .col-md-12 {
	padding-right: 0px;
}
.margin-bottom {
	margin-bottom: 20px;
}
.col-md-12.index h1 {
	color: #2C3FB0;
	margin-bottom: 30px;
	font-weight: bold;
}
.col-md-12.index ul {
	list-style-type: none;
	padding: 0px;
}
.col-md-12.index ul li {
	margin-bottom: 5px;
}
.col-md-12.index ul li a {
	font-size: 15px;
	display: block;
	background-color: #EAECF9;
	padding: 5px 20px;
	margin-bottom: 12px;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #5068B5;
	font-weight: bold;
	letter-spacing: 1px;
}
.col-md-12.index ul li a span {
	color: #F6F95A;
	font-size: 11px;
	margin-top: 2px;
	display: none;
	font-weight: normal;
	margin-left: 10px;
}
.col-md-12.index ul li a:hover {
	background-color: #5068B5;
	color: #efefef;
}
.col-md-12.index ul li a:hover span {
	display: inline-block;
}

body, html {
	height: 100%;
	font-family: Arial;
}
header {
	height: 100px;
	background: url("../img/topHeader_Bg.jpg") no-repeat scroll 0 0 #0d3692 !important;
	/*background: -webkit-linear-gradient(top, #0118ca, #000771);
	background: -o-linear-gradient(bottom, #0118ca, #000771);
	background: -moz-linear-gradient(bottom, #0118ca, #000771);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0118ca), color-stop(100%, #000771));
	background: -o-linear-gradient(#0118ca, #000771);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0118ca', endColorstr='#000771');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0118ca', endColorstr='#000771')";
	background: linear-gradient(#0118ca, #000771);*/
}

section.wrapper {
	height: 60%;
}

.container.site {
	padding: 20px 0px;
}

section.wrapper .master_framework { 
	padding: 30px 0px;
}

section.wrapper .master_framework .col-md-12 { 
	margin-bottom: 15px;
}
section.wrapper .master_framework a { 
	color: #000771;
	font-weight: bold;
}
a {
	color: #0396fd;
}
/* Email Friend*/
.email_friend tr {
	margin-bottom: 10px;
	display: block;
}
.email_friend table {

}
.email_friend tr td label {
	width: 110px;
	color: #044A64;
}
.email_friend tr td input {
	width: 300px;
	height: 33px;
	padding: 0px 10px;
	color: #044a64;
	border-radius: 2px;
	border: 1px solid #A9A0A0;
}
.email_friend tr td textarea {
	width: 300px;
	height: 100px;
	padding: 5px 10px;
	border-radius: 3px;
	border: 1px solid #A9A0A0;
}
.email_friend .modal-header {
	border-bottom: 3px solid #044a64;
	background-color: #e7e7e7;
	padding-left: 50px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.email_friend .modal-header  .std_bank_icon_std_bank_logo {
	float: left;
	margin-right: 20px;
}
.email_friend .modal-body {
	padding-left: 50px;
}
.email_friend .modal-body p {
	color: #000000;
	font-weight: bold;
}
.email_friend .modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #767676;
	background-color: #E7E7E7;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.email_friend .modal-header .modal-title {
	color: #26428b;
	font-weight: bold;
	line-height: 40px;
}
.email_friend .modal-header .close {
	opacity: 1;
}

@media only screen and (max-width: 576px) {
	.email_friend tr td {
	    width: 100%;
	    display: block;
	}
	.email_friend tr td input {
       width: 100%;
       margin-bottom: 10px;
	}
	.email_friend tr td textarea {
	    width: 100%;
	}
}
/* sITEMAP */
.sitemap h5 a {
	color: #034a63;
	 font-size: 16px;
	font-weight: bold;
}
.sitemap h6 a {
	color: #2f3636;
	font-size: 15px;
	font-weight: bold;
}
.sitemap ul {
	list-style-type: none;
	padding-left: 10px;
}
.sitemap ul li a {
	display: block;
	color: #787878;
	font-size: 13px;
	padding: 2px 0px;
}
.sitemap .col-md-3.grey a {
    color: #787878;
    font-size: 13px;
    padding: 2px 0px;	
}
.sitemap ul li a:hover {
	color: #0396FD;
}
.sitemap .col-md-3.grey {
	background-color: #f5f5f5;
}
.sitemap .std_bank_comp_static_content {
	margin-bottom: 0px;
}
.col-md-12.sitemap > .row:nth-child(2) {
	margin-top: 20px;
}
/* ROOT INDEX PAGE */
.container.root p {
	font-size: 15px;
	font-weight: bold;
	color: #0470DA;
	line-height: 25px;
}
.container.root p span {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #014B94;
}
.index_sites {
	list-style-type: none;
	padding: 0px;
}
.index_sites li { 
	float: left;
	margin-right: 15px;
}	

.index_sites li a { 
	background-color: #000C80;
	color: #014B94;
	display: block;
	padding: 30px 70px;
	border-radius: 5px;
	border: 1px solid #3989D9;
	font-size: 25px;
}
.index_sites li a:hover { 
	background-color: #06138D;
	color: #0470DA;
}
.index_sites li a i { 
	margin: auto;
}
.index_sites li a span {
	display: block;
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
}
.container.our_structure .col-md-12.margin-bottom img {
	width: 100%;
}
/* Advanced Search */
#advSearch  {
	background-color: #E7E7E7;
}
#advSearch select {
	width: 100%;
	margin-bottom: 20px;
    height: 30px;
    padding-left: 10px;
}
#advSearch input[type=text] {
	width: 100%;
	margin: 10px 0px;
	height: 30px;
	padding-left: 10px;
}
#advSearch input[type=submit] {
	margin: 0px;
    background-color: #0396fd;
    padding: 10px 0px;
    font-size: 13px !important;
    color: #fff;
    line-height: 16px;
    border: 0px;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 20px;
    background: url('../img/arrow_white.png') #0396fd 90% 50% no-repeat;
    padding-left: 19px;
    text-align: left;
}
#advSearch input[type=submit]:hover {
    background: url('../img/arrow_white.png') #044A64 90% 50% no-repeat;
}
.std_bank_comp_accordion.advanced_search .comp_body {
	background-color: #E7E7E7;
}
.std_bank_comp_accordion.advanced_search .comp_body p.jobs {
    border-top: 1px solid #044A64;
    padding-top: 17px;
}
/* 
	-----------------------------------------------
	Responsive Styles
	-----------------------------------------------
*/
@media (min-width: 992px) {
	.std_bank_comp_insights .comp_footer {
        padding: 11px 13px !important;
	}
	.std_bank_comp_insights .comp_footer ul li {
		margin-right: 5px;
	}
}

@media only screen and (max-width: 480px) {
		.col-md-3 .search .comp_dropdown.search .comp_button,
		footer .col-md-4.search .comp_button {
			padding: 11px 4px;
		}
		.col-md-1.panel_transact {
			display: none;
		}
		.share_price li.updated {
			display: none;
		}
		.share_price li.label {
			display: none;
		}
		.std_bank_comp_accolades .comp_body img {
		    float: left;
		}
		.master_framework .container > .col-md-12 >.col-md-9.fix_left {
		    padding-left: 0px;
		}
		.master_framework > .container > .col-md-12 >.col-md-3 {
		    padding-right: 0px;
		    padding-left: 0px;
		}
		nav.main_nav .hamburger_submenu .bit-30.grey {
		    display: none;
		}
		nav.main_nav .hamburger_submenu .bit-30:nth-child(1) {
		   width: 100%;
		}
		nav.main_nav .hamburger_submenu .bit-30:nth-child(3) {
		   display: none;
		}
		.std_bank_comp_share_toolbar ul {
		    float: left !important;
		    margin-bottom: 20px;
		}
		.std_bank_comp_teazer .comp_body .image {
		    overflow: hidden;
		    margin-bottom: 10px;
		    height: auto !important;
		}
		.std_bank_comp_deals .comp_body.clearfix .bit-100 {
			padding-left: 0px;
		}
		.std_bank_comp_deals .comp_body.clearfix .bit-100 .bit-15 {
		    display: none;
		}
		.std_bank_comp_deals .comp_body.clearfix .bit-100 .bit-5 {
			float: right;
		}
		.std_bank_comp_accolades .comp_body .bit-100 .bit-30 {
			width: auto;
		}
		.std_bank_comp_latest_news .comp_body .bit-100 {
			padding-left: 0px;
		}
		.std_bank_comp_latest_news .comp_body .bit-100 .bit-10 {
			display: none;
		}
		.std_bank_comp_latest_news .comp_body .bit-100 .bit-5 { 
			float: right;
		}
		.std_bank_comp_search_results .comp_body .bit-20 {
			display: none;
		}
		.std_bank_comp_map_interactive {
			display: none;
		}
		.std_bank_comp_share_toolbar {
			margin-right: 15px;
		}
		.std_bank_comp_accordion {
			margin-right: 15px;
		}
		.std_bank_comp_banner {
			margin-right: 15px;
		}
		.std_bank_comp_static_talk_to_us {
			margin-right: 15px;
		}
}
.breakpoint-480 .std_bank_comp_teazer .comp_body .image {
    overflow: hidden;
    margin-bottom: 10px;
    height: auto !important;
}
.breakpoint-768 .container.section_overview .bit-100 .bit-30 {
	padding-right: 20px;
	width: 33.33%;
}
.breakpoint-768 .container.about .bit-100 .bit-70 {
	padding-right: 20px;
	width: 66.66%;
}
.breakpoint-768 .container.about .bit-100 .bit-30.no_pad {
	padding-right: 0px;
	width: 33.33%;
}

.breakpoint-1024 section.banner .banner_slide a {
    bottom: 65px;
    margin-bottom: 10px;
}
.breakpoint-768 section.banner .banner_slide a {
    bottom: 48px;
}
.breakpoint-480 section.banner .banner_slide a {
    bottom: 48px;
}
.breakpoint-768 .container.our_client_approach .bit-100 .bit-30,
.breakpoint-768 .container.our_business .bit-100 .bit-30,
.breakpoint-768 .container.credit_ratings .bit-100 .bit-30,
.breakpoint-768 .container.prod_page_large .bit-100 .bit-30,
.breakpoint-768 .container.prod_page_moderate .bit-100 .bit-30,
.breakpoint-768 .container.prod_page_moderate_video .bit-100 .bit-30,
.breakpoint-768 .container.country_detailed .bit-100 .bit-30,
.breakpoint-768 .container.country_profiles .bit-100 .bit-30,
.breakpoint-768 .container.contact_us .bit-100 .bit-30,
.breakpoint-768 .container.sector_detailed .bit-100 .bit-30,
.breakpoint-768 .container.about .bit-100 .bit-30,
.breakpoint-768 .container.our_structure .bit-100 .bit-30,
.breakpoint-768 .container.financial_results .bit-100 .bit-30 {
	padding-right: 20px;
	width: 33.33%;
}
.breakpoint-768 .container.our_client_approach .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.our_business .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.credit_ratings .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.prod_page_large .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.prod_page_moderate .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.prod_page_moderate_video .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.country_detailed .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.country_profiles .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.contact_us .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.sector_detailed .bit-100 .bit-30:nth-child(1),
.breakpoint-768 .container.about .bit-100 .bit-30:nth-child(1) {
	padding-left: 0px;
}
.breakpoint-768 .container.our_client_approach .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.our_business .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.credit_ratings .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.prod_page_large .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.prod_page_moderate .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.prod_page_moderate_video .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.country_detailed .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.country_profiles .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.contact_us .bit-100 .bit-30:nth-child(3),
.breakpoint-768 .container.sector_detailed .bit-100 .bit-30:nth-child(3), 
.breakpoint-768 .container.about .bit-100 .bit-30:nth-child(3) {
	padding-right: 0px;
}

/* 70 X 30 */
.breakpoint-768 .container.search_results .bit-100 .bit-70,
.breakpoint-768 .container.news_detailed .bit-100 .bit-70,
.breakpoint-768 .container.home .bit-100 .bit-70,
.breakpoint-768 .container.news_landing .bit-100 .bit-70,
.breakpoint-768 .container.accolades .bit-100 .bit-70,
.breakpoint-768 .container.recent_deals .bit-100 .bit-70  {
	padding-right: 20px;
}


.breakpoint-768 .std_bank_comp_insights .comp_footer, 
.breakpoint-768 .std_bank_comp_recent_deals .comp_footer, 
.breakpoint-768 .std_bank_comp_recent_accolades .comp_footer {
	padding: 11px 13px !important;
}
.breakpoint-768 .std_bank_comp_insights .comp_footer ul li, 
.breakpoint-768 .std_bank_comp_recent_deals .comp_footer ul li, 
.breakpoint-768 .std_bank_comp_recent_accolades .comp_footer ul li{ 
	margin-right: 5px;
}


.breakpoint-768 .std_bank_comp_dropdown .comp_header input {
	width: 72%;
}
.breakpoint-768 .std_bank_comp_search_results .comp_body .bit-80,
.breakpoint-480 .std_bank_comp_search_results .comp_body .bit-80 {
    width: 70%;
    padding-right: 20px;
}
.breakpoint-768  .std_bank_comp_search_results .comp_body img,
.breakpoint-480  .std_bank_comp_search_results .comp_body img {
    float: right;
}
.breakpoint-768 .std_bank_comp_search_results .comp_body .bit-20,
.breakpoint-480 .std_bank_comp_search_results .comp_body .bit-20 {
	float: right;
}

.breakpoint-768 .country_selector .dropdown .selector {
	width: 50%;
    float: left;
    padding-right: 20px;
}

.breakpoint-768 .country_selector .dropdown .selected_country {
	width: 50%;
	float: right;
}
.breakpoint-768 .country_selector .selected_country ul li a {
	text-align: left;
    padding: 10px 7px;
}
.breakpoint-768 .country_selector input {
	float: left;
}
.breakpoint-768 .country_selector .dropdown .selector > a {
	float: left;
}
.breakpoint-768 .country_selector .dropdown .selector span {
	text-align: left;
	line-height: 17px;
	padding-top: 13px;
	margin-bottom: 20px;
}
.breakpoint-768 .country_selector .dropdown .selector ul {
    top: 112px;
}
.breakpoint-768 .country_selector .dropdown .selector ul li a {
    padding: 13px 15px;
}
.breakpoint-768 .country_selector input {
	width: 82% !important;
}
.breakpoint-768 footer .col-md-3 {
	width: 33.33%;
	float: left;
}
.breakpoint-768 footer .col-md-3.panel_search {
	float: right;
}
.breakpoint-768 footer .col-md-3:nth-child(4) {
	display: none;
}
.breakpoint-768 footer .level_2.content ul.social li a i {
	margin-right: 2px;
}
/*480*/
.breakpoint-480 .std_bank_comp_accordion .std_bank_comp_country_flags {
	padding-left: 0px;
}
.breakpoint-480 .std_bank_comp_accordion .std_bank_comp_country_flags li > a {
    text-align: center;
}
.breakpoint-480 .std_bank_comp_accordion .std_bank_comp_country_flags li > a i {
	float: none;
    margin: auto;
}
.breakpoint-480 .col-md-12 > .col-md-9,
.breakpoint-480 .col-md-12 > .col-md-6 {
	padding: 0px;
}
/* 320 */
.breakpoint-320 .col-md-12 > .col-md-9,
.breakpoint-320 .col-md-12 > .col-md-6 {
	padding: 0px;
}
.breakpoint-320 .std_bank_comp_video_content .comp_body .media {
	margin: 0px;
	float: left;
	margin-right: 30px;
}
.breakpoint-320 .level_1 .col-md-8 {
	width: 38px;
	float: left;
	margin-right: 0px;
}
.breakpoint-320  .col-md-3 .search input[type="text"] {

}

.breakpoint-320 .std_bank_comp_accordion .std_bank_comp_country_flags {
	padding-left: 0px;
}
.breakpoint-320 .std_bank_comp_accordion .std_bank_comp_country_flags li > a {
    text-align: center;
}
.breakpoint-320 .std_bank_comp_accordion .std_bank_comp_country_flags li > a i {
	float: none;
    margin: auto;
}

/* footer */
footer .level_3.legal {
    border-top: 4px solid #0496FD;
}

body footer .level_3.legal {
	background: #fff !important;
}

/*FAQ*/
.CustomerCare_header {
    font-size: 23px;
    color: #666;
}

.ContactDetailsFAQ{
	background-color: #EDEDED;
}
.TnCsSpacing{
	padding-left: 15px !important;
}