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

*/
/*


    ---------------------------------
        1. HEADER
    ---------------------------------
*/
body>iframe {
    display: none !important;
}

a {
    text-decoration: none !important;
}

/* Header Container */

header .container {}

/* Header Logo */

header .logo span {
    color: #fff;
    font-size: 11px;
    position: absolute;
    bottom: 6px;
    right: 21px;
}

header .logo span.slogan {
    right: -23px;
    font-size: 13px;
}

header .col-md-5.logo {
    margin-top: 24px;
}

header .logo .container_logo {
    display: inline-block;
    position: relative;
}

header .logo .container_logo span {
    color: #C0D6E3;
}

/* Header Map*/


/* Libre Franklin font family */

@font-face {
    font-family: 'Libre Franklin';
    src: url('../fonts/LibreFranklin-Regular.ttf') format('truetype');
    /* font-weight: 400; */
    font-style: normal;
    font-display: swap;
  }  

  /* end font  */


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;
}

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 {
    top: 35px;
    left: 37px;
}

header .col-md-8.map li#china {
    top: 35px;
    left: 153px;
}

header .col-md-8.map li#hong_kong {
    top: 45px;
    left: 160px;
}

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 {
    top: 44px;
    left: 124px
}

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 {
    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;
}

/* Header Dopdown Countries*/

header .col-md-4.dropdown.countries .link {
    color: #999798;
    font-size: 12px;
}

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;
}

/*  MASTER FRAMEWORK */

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

/*
    ---------------------------------
        2. NAVIGATION
    ---------------------------------
*/
/* Main Navigation*/

nav.main_nav {
    border-bottom: 3px solid #0496fd;
    background: #f3f3f3;
}

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.menu_hamburger {
    display: none;
}

nav.main_nav ul li:hover .mega_nav {
    display: block;
}

nav.main_nav ul li.menu_hamburger:hover .mega_nav {
    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: 1px;
    width: 1137px;
    display: none;
    z-index: 5;
    left: 0;
    margin: auto;
    margin-top: 0px;
    margin-left: 1px !important;

    /*border: 2px solid #0496FD;*/
    /*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);*/
    height: 305px
}

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;
}

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 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;
}

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;
    brick_red
}

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);
}

.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: left;
}

.col-md-1 .transact>a {
    padding: 9px 9px;
    height: 39px;
    background-color: #0396FD;
}

.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: 5;
    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: 3px;
}

.col-md-3 .search .comp_dropdown.search .comp_button,
footer .col-md-4.search .comp_button {
    background-color: #0396fd;
    padding: 11px 5px;
    font-size: 12px;
    float: left;
    color: #fff;
}

.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;
}

.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;
}

.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%;
}

.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;
}

.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;
}

/*
    ---------------------------------
        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;
}

/*
    ---------------------------------
        2. BANNER CAROUSEL
    ---------------------------------
*/

section.banner {
    height: 400px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

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-top: 43px;
}

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 img {
    width: 100%;
    margin: auto;
    /*display: block;*/

    position: absolute;
}

section.banner-single img {
    width: 100%;
    margin: auto;
    /*display: block;*/

    position: absolute;
    padding: 0;
    height: 369px;
    margin-top: 16px;
}

section.banner .dot_navigation {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.col-md-9.banner-single {
    padding-left: 0;
}

/*
    -----------------------------------------
        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;
}

.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: 13px !important;
    color: #044A64;
    text-align: left;
}

.share_price ul li.updated {
    text-align: center;
    background-color: #044A64;
    color: #fefefe;
    padding: 6px 7px;
    /*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: #ffff; */
    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: #002f6c; */
    background: #0033AA;
    border-top: 1px solid #ffffff;
    /* border-bottom: 1px solid #ffffff; */
    color: #ffff;
}

footer .level_2.content a {
    color: #ffff;
}

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;
    color: #ffff;
}

footer .level_2.content h3 {
    font-size: 17px;
    color: #ffff;
}

footer .level_2.content span {
    display: block;
}

footer .level_2.content .container ::after {
    content: none;
}

footer .level_2.content ul {
    list-style-type: none;
    padding: 0px;
    color: #ffff;
}

footer .level_2.content ul.social {
    margin-top: 20px;
}

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;
    color: #ffff;
}

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: 4px solid #0496FD;*/
    background: #0A2240 !important;
    padding: 12px;
}

footer .level_3.legal a {
    font-size: 12px;
    color: #ffff;
    margin-right: 13px;
}

footer .level_3.legal .container {
    /*margin-top: -2px;*/
    /*margin-bottom: 20px;*/
}

footer .level_3.legal .container .col-md-8 p {
    margin-bottom: 5px;
    color: #ffff;
}

footer .level_3.legal .container .col-md-8 p.copyright {
    color: #ffff;
}

footer .level_3.legal .container .col-md-4 img {
    float: right;
}

.col-md-10.col-md-offset-2 {
    margin-top: -2px;
    height: 60px;
}

/*
    ---------------------------------
        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: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: #0066cb;
    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: #0470DA;
    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: 7px 15px;
    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 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
    ---------------------------------
*/

nav.main_nav ul li.menu_hamburger .mega_nav {
    top: 45px;
    background-color: #fff;
}

@media only screen and (max-width: 1198px) {
    nav.main_nav ul li a {
        padding: 12px 7px;
    }

    .col-md-3 .search {
        width: 335px;
    }

    .col-md-3 .search form {
        width: 333px;
    }

    .col-md-3 .search input[type="text"] {
        width: 113px;
    }

    header .logo span.slogan {
        right: -106px;
    }

    nav.main_nav ul li.menu_hamburger a {
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    header .logo span.slogan {
        right: -55px;
        display: none;
    }

    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;
    }

    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;
    }

    nav.main_nav ul li {
        display: none;
    }

    nav.main_nav ul li.menu_hamburger li {
        display: block;
    }

    nav.main_nav ul li.menu_hamburger {
        display: block;
        float: left;
    }

    nav.main_nav ul li.search {
        display: block;
        float: right;
    }
}

/* REMOVE MAP CONTAINER */

@media only screen and (max-width: 680px) {
    header .col-md-8.map .map_container {
        display: none;
    }
}

/* REMOVE COUNTRY PROFILES => DROPDOWN */

@media only screen and (max-width: 598px) {
    header .col-md-7.countries {
        display: none;
    }
}

/*
    ---------------------------------
        6. ICONS
    ---------------------------------
*/

/* i[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;
}

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;
    background: url('../img/icn_logo_FB.png') no-repeat;
}

i.icon_social_twitter {
    /* background-position: 0px -169px !important; */
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
    float: left;
    background: url('../img/icn_logo_twitter.png') no-repeat;
}

i.icon_social_youtube {
    /* background-position: 0px -212px !important; */
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
    float: left;
    background: url('../img/icn_logo_YouTube.png') no-repeat;
}

i.icon_social_podcast {
    background-position: -45px -60px !important;
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
    float: left;
}

i.icon_social_linkedin {
    /* background-position: 0px -255px !important; */
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
    float: left;
    background: url('../img/icn_logo_linkedin.png') no-repeat;
}

i.icon_social_blogger {
    background-position: 0px -297px !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 
    ==============================*/

.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: 'Libre Franklin', Arial, sans-serif;
}

header {
    height: 100px;

}

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;
}

/* 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 ul li a:hover {
    color: #0396FD;
}

.sitemap .col-md-3.grey {
    background-color: #f5f5f5;
}

.sitemap .std_bank_comp_static_content {
    margin-bottom: 0px;
}

/* additions */

.numbered {
    list-style-type: decimal;
    padding-left: 20px;
}

.mobile.std_bank_comp_login_register {
    display: none;
}

.glossary ul li {
    float: left;
}

.glossary ul li a {
    cursor: pointer;
}

.glossary li {
    color: #f00;
}

.glossary ul.term-categories li {
    float: none;
    display: block;
    width: 98.3%;
    /*width: 22.3%;*/
}

@media (min-width: 992px) {
    .container {
        width: 940px;
        padding: 0;
    }

    .col-md-9.news_updates {
        height: 434px !important;
    }

    .news_updates>div {
        height: 100%;
    }
}

.grass_green .col-md-4:first-child {
    padding-left: 0;
}

header .col-md-5.logo {
    padding: 0;
}

.std_btn_cib_blue {
    background: #006892;
    color: #fff;
    padding: 7.5px 23px;
    display: inline-block;
}

.std_btn_cib_blue:hover {
    color: #fff !important;
}

body header .logo span.slogan {
    left: 67%;
    bottom: 12px;
    font-weight: 500;
}

body section.banner:after {
    background: none;
}

body nav.main_nav ul li a {
    padding: 11px 9px;
}

body nav.main_nav>.container>.col-md-12>.col-md-9>ul>li>a {
    height: 40px !important;
}

nav.main_nav ul li a:hover {
    background-color: #0496fd;
    text-decoration: none;
    color: #fff;
    box-shadow: none;
}

nav.main_nav ul li.active {
    background: url(../img/icon_nav_active.png) #f3f3f3 no-repeat 50% 100% !important;
}

nav.main_nav ul li.active-hover {
    background: url(../img/icon_nav_active.png) #f3f3f3 no-repeat 50% 100% !important;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

.main_nav .col-md-9.no-gutter>ul>li:first-child a {
    padding-left: 0;
}

.main_nav .col-md-9.no-gutter>ul>li:first-child a:hover {
    background: transparent;
    /* color: #0496fd; */
}

body .col-md-3 .search input[type="text"],
body footer .col-md-4.search input[type="text"] {
    width: 158px;
    height: 37px;
}

body .col-md-3 .search .comp_dropdown.search .comp_button.btn_search,
body footer .col-md-4.search .comp_button.btn_search {
    padding: 6px 6.5px;
    margin: 0;
}

.col-md-3.panel_search>.search {
    margin-left: 15px;
    float: right;
}

.main_nav .col-md-9.no-gutter {
    width: 77%;
}

.main_nav .col-md-3.panel_search {
    width: 23%;
    padding-top: 3px;
}

.main_nav .col-md-12 {
    height: 40px;
}

.breadcrumbs .container .col-md-12 {
    padding: 0;
}

body section.breadcrumbs ul li {
    color: #999999;
    font-size: 10px;
}

section.breadcrumbs ul.right a {
    color: #666666;
}

section.breadcrumbs ul {
    margin-top: 7px;
}

body section.banner .container>ul li.active {
    background: #0496fd;
    border: none;
    height: 10px;
    width: 10px;
}

body section.banner .container>ul li {
    height: 10px;
    width: 10px;
}

body section.banner .dot_navigation {
    bottom: 5.5%;
}

.col-md-9.banner {
    padding: 0;
    height: 369px;
    margin-top: 8px;
}

section.banner .container>ul {
    padding-left: 30px;
}

.home {
    background: #e7e7e7;
    padding-bottom: 21px;
}

.banner .std_btn_cib_blue {
    position: absolute;
    bottom: 16%;
    font-size: 16px;
    left: 4.3%;
    padding: 12.5px 22.8px;
    display: none;
}

.std_bank_comp_login_register {
    background: url('../img/login-register.png') no-repeat left top;
    margin-top: 6px;
    padding: 2px 0 7px 0;
    margin-bottom: 0 !important;
}

.std_bank_comp_login_register .comp_header {
    color: #006892;
    padding-left: 34px;
    padding-bottom: 4px;
}

.std_bank_comp_login_register .comp_header h5 {
    font-size: 18px;
    color: #26428b;
    line-height: 18px;
}

.std_bank_comp_login_register .comp_body {
    color: #666666;
    padding: 0 6px;
}

.comp_container {
    background: #fff;
    padding: 10px 10px 15px 10px;
}

.home .container .col-md-3 {
    padding-right: 0;
}

form .std_btn_cib_blue {
    display: inline-block;
    padding: 6px 10.4px;
}

form input {
    height: 30px;
    border: 1px solid #cbcbcb;
    margin-bottom: 10px;
    width: 100%;
}

.bit-50.pull-left {
    width: 52.8%;
    margin-right: 10px;
}

.std_bank_comp_login_register a {
    display: inline-block;
    /*float: left;*/
    /*margin-right: 3px;*/
}

.reminder {
    /*color: #0496fd ;*/
    color: #666;
    /*width: 62%;*/
    /*margin-right: 4px;*/
    /*font-size: 13px;*/
    /*font-weight: bold;*/
    /*padding-top: 3.9%;*/
    vertical-align: top;

}

.reminder,
.register {
    /*font-size: 11.6px;*/
    /*vertical-align: top;*/
}

.std_bank_comp_login_register .std_btn_cib_blue {
    float: left !important;
}

.terms-and-conditions {
    color: #666;
}

body .col-md-3 .search input[type="text"],
body footer .col-md-4.search input[type="text"] {
    color: #000;
    font-size: 12px;
}

.comp_body p {
    margin-bottom: 8px;
}

.std_bank_comp_login_register .comp_body p {
    margin-bottom: 6px;
}

.std_bank_comp_login_register form input {
    margin-bottom: 9px;
}

.std_bank_comp_quicklinks {
    margin-bottom: 0 !important;
}

.std_bank_comp_quicklinks .comp_header h5 {
    background: #f3f3f3;
    border-bottom: 2px solid #006892;
    font-size: 20px;
    margin-bottom: 0;
    color: #666666;
    padding: 8px 15px;
    margin-top: 8px;
}

.std_bank_comp_quicklinks ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.std_bank_comp_quicklinks ul li:first-child {
    border-bottom: 1px solid #e7e7e7;
}

.std_bank_comp_quicklinks ul li {
    padding: 0px;
}

.std_bank_comp_quicklinks li a {
    color: #000;
    font-size: 14px;
    padding: 12.4px 0px;
    display: inline-block;
}

.std_bank_comp_quicklinks .comp_container {
    padding-bottom: 0;
    padding-top: 0;
}

.share_price ul,
.share_price ul li.updated {
    line-height: normal;
}

.share_price ul li.updated {
    background: #acacac;
    font-size: 12px;
    padding: 5.5px 5px;
    margin-right: 0;
}

.share_price ul li {
    padding: 8.5px 0;
    font-size: 12px;
}

.share_price ul li.label {
    padding-top: 13px;
    color: #666666;
    font-weight: normal;
    margin-right: 10px;
}

.share_price>.container>ul {
    padding-left: 0;
    padding-right: 0;
    width: 95.69% !important;
    float: left;
}

.share_price ul li a {
    padding: 0 10px;
}

.share_price ul li a,
.share_price ul li span {
    font-weight: normal;
    font-size: 12px;
}

.share_price ul li span strong {
    font-weight: 900;
    font-size: 12px;
}

.share_price_nav_right {
    background: #e3e0dc;
    padding: 13px 12.5px;
    display: inline-block;
    float: left;
    height: 58px;
}

.share_price ul li .green,
.share_price ul li .red {
    font-weight: bold;
}

.share_price {
    border-top: 1px solid #fff;
}

.teaser .intro {
    font-weight: bold;
    color: #000;
}

.teaser img {
    margin-bottom: 15px;
}

.tab-content img {
    max-width: 100%;
}

.teaser {
    font-weight: bold;
    font-size: 14px;
    padding-left: 0;
}


.col-md-12 .teaser:first-child {
    padding-left: 0;
}

.teaser h5 {
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
}

.teaser p {
    font-weight: normal;
    color: #000;
}

.teaser ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.teaser li a {
    font-size: 14px;
    color: #0496fd;
    font-weight: normal;
    padding: 7.5px 0;
    display: inline-block;
    padding-left: 15px;
    padding-right: 24px;
}

.teaser li {
    color: #0496fd;
    background: url(../img/icon_arrow_luminous_blue.png) no-repeat 93% 50%;
}

.teaser li:hover a {
    color: #fff;
}

.teaser li {
    border-bottom: 1px solid #cccccc;
}

.teaser li:first-child {
    border-top: 1px solid #cccccc;
}

.master_framework .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.icon_arrow_white {
    background: url(../img/ui-sprite.png) 12% -1% !important;
    display: inline-block;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 1px;
}

.std_btn {
    background: url(../img/ui-sprite.png) #0496fd 50% 98%;
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: normal;
    margin-top: 20px;
    display: inline-block;
}

.std_btn:hover,
.std_btn:hover a {
    color: #fff !important;
}

.banner .std_btn_cib_blue {
    padding: 12px 10px 8px 10px;
    z-index: 3;
    background: #0496fd;
}

.banner .std_btn_cib_blue:hover,
.banner .std_btn_cib_blue:visited {
    color: #fff;
}

.banner i.std_bank_icon_arrow_forward_white {
    display: inline-block;
    float: right;
    margin-left: 10px;
}

.std_bank_comp_login_register .std_btn_cib_blue {
    background: #0496fd;
}

/* cib_blue */

.std_content .cib_blue h5,
.std_content .cib_blue .col-md-4 h5,
.cib_blue h5 {
    background: url(../img/headline_gradient_cib_blue.png) no-repeat left bottom !important;
}

.cib_blue .std_btn:hover {
    background: #004973;
}

.std_tools_content.customer_care .std_btn:hover {
    background: #fff !important;
    color: #666666 !important;
    margin-bottom: 15px;
    display: inline-block;
}

.teaser.cib_blue li:hover {
    background: #004973;
    color: #fff;
}

.std_content .cib_blue h5,
.std_content .cib_blue.lg {
    font-size: 18px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_cib_blue_lg.png) no-repeat left bottom !important;
}

.cib_blue .std_bank_comp_accordion .comp_body h5.active {
    color: #0496fd !important;
    border-bottom: 1px solid #0496fd !important;
}

/* grass_green */

.grass_green .std_bank_comp_accordion .comp_body h5.active {
    color: #b3b935 !important;
    border-bottom: 1px solid #b3b935 !important;
}

.grass_green h5 {
    background: url(../img/headline_gradient_grass_green.png) no-repeat left bottom;
}

.grass_green .std_btn:hover {
    background: url(../img/ui-sprite.png) #b3b935 50% 98%;
}

.teaser.grass_green li:hover {
    background: #b3b935;
    color: #fff;
}

.std_bank_comp_accordion .comp_body.grass_green h5.active {
    color: #b3b935 !important;
    border-bottom: 1px solid #b3b935 !important;
}

.std_content .grass_green h5 {
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_grass_green_lg.png) no-repeat left bottom;
}

/* brick_red */

.brick_red h5 {
    background: url(../img/headline_gradient_brick_red.png) no-repeat left bottom;
}

.brick_red .std_btn:hover {
    background: url(../img/ui-sprite.png) #b94d30 50% 98% !important;
}

.teaser.brick_red li:hover {
    background: #b94d30;
    color: #fff;
}

.brick_red .std_more_info h6 {
    border-bottom: 2px solid #b94d30;
}

.brick_red .intro {
    color: #b94d30;
}

.brick_red .std_bank_comp_accordion .comp_body h5.active {
    color: #b94d30 !important;
    border-bottom: 1px solid #b94d30 !important;
}

/* orange */

.orange h5,
.col-md-4.teaser.orange h5 {
    background: url(../img/headline_gradient_orange.png) no-repeat left bottom;
}

.orange .std_btn:hover {
    background: url(../img/ui-sprite.png) #ee8625 50% 98%;
}

.teaser.orange li:hover {
    background: #ee8625;
    color: #fff;
}

.std_btn {
    background: url(../img/ui-sprite.png) #0496fd 50% 98%;
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: normal;
    margin-top: 20px;
    display: inline-block;
}

.std_content .orange h5,
.std_content .brick_red h5,
h5.brick_red {
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_orange_lg.png) no-repeat left bottom;
}

.std_content .orange .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 5px 20px;
    display: inline-block;
    color: #666;
    background: #e7e7e7;
    border: 1px solid #d8d8d8 !important;
    font-weight: bold;
}

.std_content .orange .nav-tabs>.active>a {
    color: #f58320;
    background: #fff;
    border-bottom: 1px solid #fff !important;
}

/*dark pink*/

.dark_pink h5 {
    font-size: 19.9px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_dark_pink_lg.png) no-repeat left bottom;
}

.dark_pink .teaser h5 {
    background: url(../img/headline_gradient_dark_pink.png) no-repeat left bottom;
}

.dark_pink .std_btn:hover {
    background: url(../img/ui-sprite.png) #AD3352 50% 98%;
}

.std_bank_comp_accordion .comp_body.dark_pink h5.active,
.std_bank_comp_accordion .comp_body.dark_pink h5.active {
    color: #ad3352 !important;
    border-bottom: 1px solid #ad3352 !important;
}

.std_content .dark_pink .nav-tabs>.active>a {
    color: #ad3352;
}

.std_bank_comp_accordion .comp_body h5.active
/* Yellow */

.yellow h5 {
    background: url(../img/headline_gradient_yellow.png) no-repeat left bottom;
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
}

.yellow .std_btn:hover,
.yellow .std_btn:hover a {
    /*background: url(../img/ui-sprite.png) #b94d30 50% 98% !important;*/
    color: #006892 !important;
}

.yellow.lg {
    background: url(../img/headline_gradient_yellow_lg.png) no-repeat left bottom;
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
}

.teaser.yellow li:hover {
    background: #b94d30;
    color: #fff;
}

.yellow .std_more_info h6 {
    border-bottom: 2px solid #E7C21F;
}

.yellow .intro {
    color: #26428b;
}

.yellow .std_bank_comp_accordion .comp_body h5.active {
    color: #b94d30 !important;
    border-bottom: 1px solid #b94d30 !important;
}

.yellow .news_updates.articles .content.featured .std_btn:hover,
.yellow .news_updates.articles .nav .active a {
    background: #E7C21F !important;
    color: #fff !important;
}

.yellow .std_content .nav-tabs>li>a {
    border: none;
}

/* turquoise */

.col-md-6.teaser.turquoise h5 {
    background: url(../img/headline_gradient_turquoise.png) no-repeat left bottom !important;
}

.turquoise h5 {
    background: url(../img/headline_gradient_turquoise_lg.png) no-repeat left bottom;
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
}

.turquoise .std_btn:hover,
.turquoise .std_btn:hover a {
    /*background: url(../img/ui-sprite.png) #b94d30 50% 98% !important;*/
    color: #fff !important;
}

.turquoise.lg,
.turquoise .lg {
    background: url(../img/headline_gradient_turquoise_lg.png) no-repeat left bottom;
    font-size: 20px;
    color: #006892;
    padding-bottom: 15px;
}

.teaser.turquoise li:hover {
    background: #b94d30;
    color: #fff;
}

.turquoise .std_more_info h6 {
    border-bottom: 2px solid #28516B;
}

.turquoise .intro {
    color: #28516B;
}

.turquoise .std_bank_comp_accordion .comp_body h5.active {
    color: #28516B !important;
    border-bottom: 1px solid #28516B !important;
}

/*amber*/

.amber h5 {
    font-size: 19.9px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_amber_lg.png) no-repeat left bottom;
}

.amber .teaser h5 {
    background: url(../img/headline_gradient_amber.png) no-repeat left bottom;
}

.amber .std_btn {
    background: url(../img/ui-sprite.png) #AD3352 50% 98%;
}

.std_bank_comp_accordion .comp_body.amber h5.active,
.std_bank_comp_accordion .comp_body.amber h5.active {
    color: #ad3352 !important;
    border-bottom: 1px solid #f48425 !important;
}

.std_content .amber .nav-tabs>.active>a {
    color: #f48425;
}


.std_page h5,
.std_content h5,
.std_page h6,
.std_content h6,
.dropdown .btn {
    color: #26428b !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-bottom: none !important;

}

.std_page p,
.std_content p {
    font-size: 13px !important;
}

/* cerlean */

.cerulean.std_content .nav-tabs>.active>a {
    color: #006892 !important;
}

.cerulean .std_bank_comp_accordion .comp_body h5.active {
    color: #006892 !important;
    border-bottom: #006892 !important;
}

.cerulean .col-md-4.teaser .std_btn:hover {
    background: #006892 !important;
    color: #fff !important;
}

.cerulean .col-md-4.teaser .std_btn {
    background: #0496fd !important;
}


.cib_blue .std_bank_comp_accordion .comp_body h5.active {
    color: #006892 !important;
    border-bottom: 1px solid #006892 !important;
    background-image: none !important;
}

.cerulean .std_content .nav-tabs>.active>a {
    color: #006892 !important;
}

.cerulean .glossary ul li a {
    color: #006892 !important;
}

.cerulean .current_term {
    background: #006892 !important;
}

.cerulean .glossary_content a:first-child,
.glossary_content a:last-child {
    background: #006892 !important;
    cursor: pointer;
}

/*   */

.news_updates.articles .content.featured .std_btn:hover {
    color: #E7C21F !important;
}

/*straw*/

.straw h5 {
    font-size: 19.9px;
    color: #006892;
    padding-bottom: 15px;
    background: url(../img/headline_gradient_straw_lg.png) no-repeat left bottom;
}

.straw .teaser h5 {
    background: url(../img/headline_gradient_straw.png) no-repeat left bottom;
}

.straw .std_btn {
    background: url(../img/ui-sprite.png) #AD3352 50% 98%;
}

.std_bank_comp_accordion .comp_body.straw h5.active,
.std_bank_comp_accordion .comp_body.straw h5.active {
    color: #ad3352 !important;
    border-bottom: 1px solid #f48425 !important;
}

.std_content .straw .nav-tabs>.active>a {
    color: #f48425;
}

/* End pillar colors */

.std_content .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 5px 20px;
    display: inline-block;
    color: #666;
    background: #e7e7e7;
    border: 1px solid #d8d8d8 !important;
    font-weight: bold;
}

.std_content .nav-tabs>.active>a {
    color: #f58320;
    background: #fff;
    border-bottom: 1px solid #fff !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.tabs {
    display: inline-block;
}

.news_updates {
    /*border: 1px solid #666666;*/

    border-top: 0;
}

.news_updates h5 {
    border-bottom: 2px solid #006892;
    background: #f3f3f3 !important;
    padding: 12.5px 15px;
    color: #006892;
    font-size: 20px;
    margin-bottom: 0;
}

.news_updates ul {
    padding-left: 15px;
}

.news_updates .nav li a {
    color: #515151;
    border-radius: 0;
    border: none;
    padding: 9px 15px;
    margin-left: 0;
    margin-right: 0;
}

.news_updates .nav {
    border-bottom: none;
    margin-bottom: 20px;
}

.news_updates .nav .active a,
.news_updates .nav-tabs>li.active>a:hover,
.news_updates .nav li:hover a {
    background: #0496fd !important;
    border-top: 2px solid #26428b !important;
    color: #fff !important;
    border: none !important;
}

.news_updates .tab-content {
    padding-left: 15px;
}

.news_updates .date {
    background: #006892;
    color: #ffffff;
    padding: 5.5px 7px;
    margin-right: 8px;
    display: inline-block;
    float: left;
}

.news_updates .day,
.news_updates .month {
    display: block;
    text-align: center;
}

.news_updates .intro {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
}

.news_updates p {
    color: #000;
}

.news_updates .content {
    float: left;
    width: 55%;
}

.news_updates img {
    width: 40%;
}

.col-md-9.news_updates {
    padding-left: 0;
}

.col-md-3.std_tools {
    padding-right: 0;
}

.std_bank_comp_quicklinks ul li {
    background: url(../img/icon_arrow_cib_blue.png) no-repeat 93% 50%;
}

.date hr {
    height: 0;
    margin: 1px auto;
    width: 35%;
}

.std_tools h5 {
    border-bottom: 2px solid #26428b;
    background: #f3f3f3 !important;
    padding: 12.5px 15px;
    color: #26428b;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: bold;
}

.std_tools_content {
    padding: 15px;
    background: #e7e7e7;
}

.local,
.global,
.email {
    padding: 15px 0;
    border-bottom: 1px solid #fff;
}

.customer_care .std_btn {
    background: #fff !important;
    color: #666666 !important;
    margin-bottom: 15px;
    display: inline-block;
}

.customer_care p {
    margin-bottom: 0;
}

footer .col-md-9 {
    width: 77%;
    padding-left: 0;
    padding-right: 0;
}

footer .level_1 .col-md-3 {
    width: 23%;
}

body footer .level_1.nav nav ul li {
    margin-right: 0;
}

body footer .level_1.nav nav ul>li:first-child a {
    padding-left: 0;
}

body footer .level_1.nav nav ul li a {
    padding: 11px 9.9px;
}

.level_2 .col-md-3 {
    margin-top: 40px;
}

.level_2 .col-md-3:last-child {
    padding-right: 0;
}

body footer .level_2.content .download_app p {
    margin-right: 0;
}

.download_app img {
    float: left;
    width: 34%;
}

.social li a i {
    margin-right: 6px;
}

.icon_arrow_connect {
    background-position: -118px 10px !important;
    width: 19px;
    height: 27px;
    display: inline-block;
    margin-left: 18px;
    float: left;
    margin-right: 5px;
}

.icon_arrow_tools {
    background-position: -147px -30px !important;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-left: 10px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.icon_arrow_rand {
    background-position: -146px -1px !important;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-left: 10px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.ost_register h5 {
    border-bottom: 0;
    color: #666666;
    font-size: 14px;
}

.icon_arrow_register {
    background-position: -118px -22px !important;
    width: 19px;
    height: 18px;
    display: inline-block;
    margin-left: 14px;
    float: left;
    margin-right: 5px;
    margin-top: 11px;
}

.icon_local {
    background-position: -143px -60px !important;
    width: 28px;
    height: 21px;
    display: inline-block;
    margin-left: 0px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.icon_global {
    background-position: -144px -118px !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 4px;
    float: left;
    margin-right: 10px;
    margin-top: 0;
}

.icon_email {
    background-position: -145px -91px !important;
    width: 23px;
    height: 21px;
    display: inline-block;
    margin-left: 5px;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.std_btn_ost_register {
    background: #fff;
    padding: 9px 12.5px;
    display: inline-block;
    float: left;
    color: #0396fd;
    width: 79%;
}

.register_container {
    background: #006892;
    padding: 15px;
    color: #fff;
}

.std_plain {
    background: #fff;
    display: inline-block;
    padding: 11px;
    margin-left: 2px;
}

.std_tools .slider {
    /*margin-top: 27px;*/
}

.std_tools .slider .std_bank_comp_banner .comp_footer {
    position: absolute;
    top: 204px !important;
    /*right: 30px;*/
    bottom: inherit;
    /*left: inherit;*/
}

.std_bank_comp_dot_navigation {
    margin-top: 0 !important;
}

.std_bank_comp_banner .comp_footer {
    position: absolute !important;
    top: 204px !important;
    bottom: inherit !important;
}

.std_tools i.std_bank_icon_arrow_forward_grey {
    display: inline-block;
    margin-top: 4px;
    float: right;
    margin-left: 3px;
}

.std_tools p {
    font-size: 13px;
    color: #424243;
}

.std_tools .trading_hours {
    color: #006892;
    font-size: 13px;
}

.register_container p {
    color: #fff;
}

.delighted,
.disappointed {
    background: #ffffff;
    color: #666666;
    padding: 8px 10px;
    margin-bottom: 10px;
}

.delighted:hover {
    background: #5fa33b;
    color: #fff;
}

.disappointed:hover {
    background: #df9911;
    color: #fff;
}

.disappointed:hover .std_bank_icon_disappointed {
    background-position: -145px -196px !important;
}

.delighted:hover .std_bank_icon_delighted {
    background-position: -145px -217px !important;
}

.std_bank_icon_delighted {
    background-position: -145px -150px !important;
    width: 23px;
    height: 21px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}

.std_bank_icon_disappointed {
    background-position: -145px -174px !important;
    width: 23px;
    height: 21px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}

.std_bank_icon_glossary {
    background-position: -145px -240px !important;
    width: 23px;
    height: 21px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}

.news_updates p {
    padding-bottom: 15px;
}

.news_updates .content {
    border-bottom: 1px solid #e7e7e7;
    margin-right: 20px;
}

footer .col-md-3 .search input[type="text"] {
    margin-bottom: 0;
}

.news_updates>div {
    border: 1px #e7e7e7 solid;
    padding-bottom: 15px;
    border-top: 0;
}

.col-md-3 .search .comp_dropdown.search .comp_button.btn_search:hover {
    background: #0396fd !important;
    box-shadow: none;
}

body .comp_button.white {
    font-weight: normal;
}

footer .level_2.content {
    padding-bottom: 30px;
}

.std_tools .std_bank_comp_banner,
div[class*="std_bank_comp_"] {
    margin-bottom: 0 !important;
}

.std_tools .std_bank_comp_banner .comp_body {
    height: inherit;
    /*min-height: 225px;*/
    /*min-height: 134px;*/
    height: inherit !important;
}

nav.main_nav ul li:hover .mega_nav {
    background: #e7e7e7;
}

nav.main_nav ul li .mega_nav {
    width: 129.9%;
    margin-left: 0px !important;
    /*border: 1px solid #D8D6D6 !important;*/
    /*border-top: none !important;*/
}

div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    line-height: 30px;
    clear: both;
    color: #888;
    margin-top: 15px;
}

span.selected {
    width: 160px;
    text-indent: 20px;
    border: 1px solid #ccc;
    border-right: none;
    background: #f6f6f6;
    overflow: hidden;
}

span.selectArrow {
    width: 30px;
    background: #056595;
}

span.selectArrow,
span.selected {
    position: relative;
    float: left;
    height: 30px;
    z-index: 1;
}

.selectBox .selected {
    background: #fff;
}

span.selectArrow .icon_arrow_white {
    float: left !important;
    margin-top: 6px;
    margin-left: 4px;
}

div.selectOptions {
    position: absolute;
    top: 28px;
    left: 0;
    width: 160px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    padding-top: 2px;
    display: none;
}

span.selectOption {
    display: block;
    /*width: 80%;*/

    line-height: 20px;
    padding: 5px 10%;
}

span.selectOption:hover {
    color: #f6f6f6;
    background: #4096ee;
}

.std_bank_icon_drop_down {
    background-position: -14px 3px !important;
    width: 9px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 22%;
    z-index: 3;
    margin-top: 10px;
}

.customer_care .std_bank_comp_dropdown {
    margin-bottom: 0;
}

.slider-sm .std_bank_comp_banner .comp_body {
    min-height: 133px;
    height: inherit;
    margin-top: 5px;
}

.slider-sm .std_bank_comp_banner .comp_footer {
    top: 13px !important;
    right: 13px;
    left: inherit;
    bottom: inherit;
}

nav.main_nav ul li .mega_nav .col-md-12 {
    background: transparent;
}

/* std_page */

.std_page .std_bank_comp_login_register {
    background: url('../img/login-register-std_page.png') no-repeat left top;
    margin-top: 16px;
    padding: 2px 0 7px 0;
    margin-bottom: 0 !important;
}

.std_page .std_bank_comp_login_register .comp_container {
    background: #e7e7e7;
}

.std_page .col-md-9.std_content {
    padding-left: 0;
    padding-right: 0;
}

.std_page .col-md-3.std_col {
    padding-right: 0;
}

.std_tools ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
}

.std_tools ul li a {
    padding-left: 3px !important;
}

.std_tools li a {
    font-size: 14px;
    color: #424243;
    font-weight: normal;
    padding: 7.5px 0;
    display: inline-block;
    padding-left: 15px;
}

.std_tools li {
    color: #0496fd;
    background: url(../img/icon_arrow_cib_blue.png) no-repeat 93% 50%;
}

.std_tools .std_bank_comp_dot_navigation li:hover {
    background-image: none !important;
}

.std_tools li:hover,
.teaser li:hover {
    background-color: #00688b;
    background-image: url(../img/icon_arrow_white.png) !important;
    background-position: 93% 50% !important;
    background-repeat: no-repeat !important;
}

.std_tools li:hover a {
    color: #fff;
}

.std_tools li {
    border-bottom: 1px solid #fff;
}

.std_tools li:first-child {
    border-top: 1px solid #fff;
}

.std_tools li:last-child {
    border-bottom: 0;
}

.std_more_info h6 {
    border-bottom: 2px solid #006892;
    background: #f3f3f3;
    padding: 12.5px 15px;
    color: #006892;
    font-size: 20px;
    margin-bottom: 0;
}

.std_more_info_content {
    padding: 15px;
    background: #e7e7e7;
}

.product {
    display: inline-block;
    padding: 15px 0;
    border-top: 1px solid #fff;
}

.std_more_info_content .product:first-child {
    /*border-top: none !important;*/
}

.product img {
    float: left;
    padding-right: 10px;
    width: 68px;
}

.product .title {
    color: #000;
    font-weight: bold;
    display: block;
}

.product .description {
    /*display: inline-block;*/

    color: #000;
}

.std_more_info_content .intro {
    color: #000;
}

.std_content_box {
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.panel-group {
    /*margin-top: 35px;*/
}

.openall,
.closeall {
    color: #0396fd;
    border: none;
    background: none;
}

.panel-group .panel {
    margin-top: 0 !important;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #285b70;
}

.panel-title {
    color: #285b70 !important;
    font-size: 12px;
    font-weight: bold;
}

.std_content_box .intro {
    border-bottom: none !important;
}

.panel-group {
    clear: both;
}

body .std_bank_comp_accordion .comp_body h5 {
    background: #f3f3f3 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 15px 20px 15px 13px !important;
}

.std_bank_comp_accordion .comp_body .text {
    padding-left: 13px !important;
}

.std_bank_comp_accordion .comp_header ul {
    margin-right: -3px !important;
}

.std_trade_tools img {
    float: left;
    padding-right: 15px;
}

.std_trade_tools>div {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.std_bank_comp_accordion .comp_body h5 {
    clear: both;
}

.std_bank_comp_accordion .intro {
    color: #000;
    margin-bottom: 25px;
}

.straw .std_bank_comp_accordion .comp_body h5.active {
    color: #C4962E !important;
    border-bottom: 1px solid #C4962E !important;
}

.std_bank_comp_accordion .comp_body h5.active {
    color: #f58320 !important;
    border-bottom: 1px solid #f58320 !important;
}

.customer_care .std_btn:hover {
    color: #666 !important;
}

.steps>span {
    padding: 5px 20px;
    display: inline-block;
    color: #666;
    background: #e7e7e7;
    border: 1px solid #d8d8d8 !important;
    font-weight: bold;
}

.steps .active {
    color: #f58320;
    background: #fff;
    border-bottom: 1px solid #fff !important;
}

.steps {
    margin-bottom: -1px;
}

.step_content .intro {
    color: #000;
    font-weight: bold;
}

.step_content p {
    color: #000;
}

.step_content .std_btn_cib_blue:hover {
    color: #fff;
    background: #f58320;
}

.registration_nav {
    position: absolute;
    right: 0;
    top: 0;
}

.std_btn_grey {
    background: #acacac;
    color: #fff;
    padding: 7.5px 12px;
    display: inline-block;
}

.std_btn_grey i.std_bank_icon_arrow_backward_white {
    float: left;
    margin-right: 5px;
}

.std_btn_grey:hover {
    color: #fff;
    /*background: #E7C21F;*/
}

.registration_nav .std_btn_cib_blue {
    padding: 7.5px 12px;
}

.yellow .news_updates .nav li:hover a {
    background: #E7C21F !important;
}

.turquoise .std_btn:hover,
.turquoise .std_btn:hover a {
    color: #fff !important;
    background-color: rgb(2, 150, 152);
}

/*page nav pillar colors*/

.grass_green .std_tools_content.customer_care.products:hover {
    /*color: #b3b935 !important;*/
    /*border-bottom: 2px solid #b3b935 !important;*/
}

.grass_green .registration_nav .std_btn_cib_blue:hover,
.grass_green .registration_nav .std_btn_grey:hover {
    background: #b3b935;
}

.cib_blue .registration_nav .std_btn_cib_blue:hover,
.cib_blue .registration_nav .std_btn_grey:hover,
.cerulean.registration_nav .std_btn_cib_blue:hover,
.cerulean.registration_nav .std_btn_grey:hover {
    background: #006892;
}

.tab-pane .std_btn_cib_blue:hover {
    background: #b3b935;
}

.yellow .registration_nav .std_btn_cib_blue:hover,
.yellow .registration_nav .std_btn_cib_blue:hover,
.yellow .registration_nav .std_btn_grey:hover {
    background: #E7C21F !important;
}

.dark_pink .registration_nav .std_btn_cib_blue:hover,
.dark_pink .registration_nav .std_btn_grey:hover {
    background: #AD3352;
}

.turquoise .registration_nav .std_btn_cib_blue:hover,
.turquoise .registration_nav .std_btn_grey:hover {
    background: rgb(2, 150, 152);
}

.amber .registration_nav .std_btn_cib_blue:hover,
.amber .registration_nav .std_btn_grey:hover {
    background: #f58320;
}

.straw .registration_nav .std_btn_cib_blue:hover,
.straw .registration_nav .std_btn_grey:hover {
    background: #C4962E;
}

/* end */


.std_col .std_tools h5 {
    border-bottom: 2px solid #26428b !important;
}

.col-md-3.std_col .std_bank_comp_login_register {
    margin-top: 0;
    /*margin-bottom: 20px !important;*/
    width: 216px;
    padding-bottom: 0;
}

.std_tools h5 {
    margin-top: 0;
}

.trade .slider .comp_footer {
    position: absolute;
    top: 13px;
    /*right: 16px;*/
    /*left: inherit;*/
    bottom: inherit;
}

.trade_tool_item {
    width: 80%;
    display: inline-block;
}

.trade_tool img {
    float: right;
}

.trade_tool {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.std_list li {
    padding-left: 1em;
    text-indent: -.7em;
    line-height: normal;
}

.std_list li:before {
    content: "\002022";
    color: #006892;
    /*padding-left: 10px;*/
    margin-right: 5px;
    font-size: 13px;
    line-height: normal;
    /*vertical-align: middle;*/
}

.std_list {
    list-style-type: none;
    padding-left: 0;
}

.teaser .intro {
    color: #000;
}

.std_page.std_content.col-md-12 .col-md-9 {
    padding-left: 0;
}

.col-md-9 .teaser:nth-child(3),
.col-md-4.glossary,
.col-md-9 .demos .teaser:nth-child(4) {
    padding-left: 0;
}

.faq.col-md-8 {
    padding-right: 0;
}

.glossary h6,
.faq h6 {
    border-bottom: 2px solid #006892;
    background: #f3f3f3;
    padding: 12.5px 15px;
    color: #006892;
    font-size: 20px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.bottom {
    margin-top: 20px;
}

.faq .std_bank_comp_accordion .comp_header ul {
    position: absolute;
    right: 0px;
    top: 17px;
}

.guide_article {
    /*padding-bottom: 10px;*/

    margin-bottom: 10px;
    /*border-bottom: 1px solid #e7e7e7;*/
}

.std_content .std_bank_comp_accordion>div>ul {
    margin-top: 10px;
}

.tab-content.knowledge_centre .std_bank_comp_accordion {
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.std_content .intro {
    font-weight: bold;
}

.news_updates.articles .nav .active a {
    background: #006892 !important;
}

.news_updates.articles>div {
    display: inline-block;
}

.news_updates.articles .content.featured p {
    width: 50%;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.news_updates.articles .content.featured a {
    margin-bottom: 25px;
}

.news_updates.articles .content {
    width: 100%;
    padding-top: 15px;
}

.news_updates.articles img {
    /*float: right;*/

    width: 18%;
    margin-right: 2%;
    position: absolute;
    top: 5%;
    right: 2%;
}

.news_updates.articles .content p {
    width: 72%;
    /* float: left; */
    /*display: inline-block;*/
}

.news_updates.articles .content .intro {
    padding-bottom: 0;
}

.news_updates.articles .content {
    width: 100%;
    position: relative;
    padding-bottom: 15px;
}

.featured .intro {
    padding-bottom: 5px;
}

.news_updates.articles .content.featured {
    position: relative;
}

.news_updates.articles .content.featured img {
    position: absolute;
    top: 2%;
    right: 1%;
    width: 40%;
}

.news_updates.articles .content p {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*.news_updates.articles .std_btn {
    background: transparent;
    color: #004973;
    padding-left: 0;
    margin-top: 0;
}
.news_updates.articles .std_btn .icon_arrow_white {
    background: url(../img/ui-sprite.png) 3% 20% !important;
    margin-top: 4px;
    margin-left: 4px;
}*/
.news_updates.articles .content.featured .std_btn {
    background: url(../img/ui-sprite.png) #004973 50% 98% !important;
    color: #fff !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-top: 20px !important;
    display: inline-block !important;
}

body .news_updates.articles .content.featured .std_btn .icon_arrow_white {
    background: url(../img/ui-sprite.png) 12% -1% !important;
    margin-top: 2px !important;
    margin-left: 4px !important;
}

.poll form input[type=radio] {
    float: left;
    width: 12px;
    background: #fff;
}

.poll form span {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.poll form>div {
    width: 100%;
    display: inline-block;
}

.get-the-app .nav-tabs li a {
    padding: 5px 20px;
    display: inline-block;
    color: #666;
    background: #e7e7e7;
    border: 1px solid #d8d8d8 !important;
    font-weight: bold;
    border-radius: 0;
    margin-right: 0;
}

.get-the-app .nav-tabs .active a {
    color: #b94d30;
    background: #fff;
    border-bottom: none;
}

.get-the-app {
    border: 1px solid #e7e7e7;
    padding: 10px !important;
    display: inline-block;
}

.pull-left.col-md-9 {
    padding-left: 0;
}

table th,
table td {
    padding: 15px;
}

table th {
    background: #26428b;
    color: #fff;
}

table td {
    color: #666;

}

table th,
table td {
    padding: 15px;
}

table th {
    background: #26428b;
    color: #fff;
}

table td {
    color: #666;
}

tr:nth-child() {
    /*  background:#fff; */
}

tr:nth-child(2n+1) {
    background: #e9ecf3;
}

td:nth-child(2n+2) {
    /*  background:#e9ecf3; */

    /*opacity: 0.7;*/
    border-left: 1px solid #e7e7e7;
}

.std_col .col-md-3 .std_bank_comp_banner .comp_body,
.std_bank_comp_banner .comp_body {
    min-height: 220px;
    height: 220px;
}

.std_more_info .nav-tabs>li>a {
    border-radius: 0 !important;
    background: #e7e7e7;
    color: #515151;
    font-weight: bold;
    margin-left: 0;
    border: 1px solid #d8d8d8;
}

.std_more_info .nav-tabs>.active a {
    color: #E7C21F !important;
    font-weight: bold;
    border-right: 0;
    margin-right: 0;
    background: #fff;
}

.glossary-nav ul {
    list-style-type: none;
    float: left;
    display: inline;
    width: 453%;
    overflow: hidden;
    /*height: 33px;*/

    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    padding-left: 0;
}

.alphabet.alpha-categories {
    /*width: 100%;*/
}

.alpha-container {
    width: 73%;
    display: inline-block;
    float: left;
    overflow: hidden;
}

.col-md-4.teaser.cib_blue {
    /*height: inherit !important;*/
}

.col-md-3.std_col .alpha-container {
    width: 75%;
}

.col-md-3.std_col .glossary-nav .std_btn_grey {
    padding: 9px 5.7px;
}

.col-md-3.std_col ul.term-categories li {
    width: 98%;
    padding-right: 22px;
}

.fix ul.term-categories li {
    width: 98%;
    padding-right: 22px;
    padding-right: 25px;
}

.next,
.prev {
    position: relative;
    z-index: 4;
}

.glossary-nav {
    width:
}

.next {
    margin-right: 0;
}

.glossary-nav ul li,
.glossary_content a {
    float: left;
    padding: 7px 11.7px;
    background: #f3f3f3;
    color: #666;
    border-right: 1px solid #fff;
}

.glossary_content .prev,
.glossary_content .next {
    margin-top: 10px;
}

.glossary_content .prev {
    margin-left: 59px;
}

.glossary_content a:first-child,
.glossary_content a:last-child,
.prev {
    background: #006892 !important;
    color: #fff !important;
}

.glossary-nav ul .active {
    background: #006892;
    color: #fff;
}

.col-md-4.glossary {
    padding-right: 0;
}

.term-categories {
    clear: left;
    padding-left: 0;
}

.term-categories ul {
    list-style-type: none;
}

.glossary-nav .std_btn_grey {
    padding: 9px 8px;
    float: left;
    display: inline-block;
    background: #f3f3f3 !important;
}

.glossary-nav .std_btn_grey i {
    margin-right: 0;
}

.glossary-nav .std_btn_grey .std_bank_icon_arrow_backward_grey {
    background-position: -29px -88px !important;
    width: 15px;
    height: 14px;
    display: block;
}

.term-categories ul {
    padding-left: 0px;
}

ul.term-categories li {
    background: url(../img/icon_arrow_cib_blue.png) no-repeat 93% 50% #e7e7e7;
    font-size: 14px;
    color: #0496fd;
    font-weight: normal;
    padding: 7.5px 0;
    padding-left: 10px;
    color: #333;
    border-bottom: 1px solid #fff;
}

ul.term-categories li:hover {
    background: url(../img/icon_arrow_white.png) #0396fd no-repeat 93% 50%;
    color: #fff;
}

ul.term-categories li:hover a {
    color: #000 !important;
}

.term-categories li:hover a,
.term-categories ul li:hover {
    color: #fff !important;
}

.glossary h6 {
    padding: 12.5px 3px;
    margin-top: 0;
}

.cib_blue .intro {
    font-weight: bold;
}

.glossary_header {
    background: #f3f3f3;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.glossary_header h6 {
    color: #006892;
    font-size: 20px;
}

.glossary_header input {
    border: 1px solid #e7e7e7;
    padding: 10px;
    display: none;
}

.glossary_paging {
    background: #e7e7e7;
    padding: 10px;
    border-bottom: 2px solid #006892;
}

.glossary_paging span.selected {
    width: 70px;
}

.glossary_paging p {
    color: #000;
    display: inline-block;
    margin-bottom: 0;
}

.glossary_paging p.pull-left {
    margin-top: 5px;
}

.glossary_paging .selectBox {
    margin-top: 0;
    margin-left: 10px;
    z-index: 3;
}

.term-categories {
    height: 446px;
    overflow: auto;
}

.total_terms {
    vertical-align: top;
    margin-top: 5px;
}

.glossary_paging .selectOptions {
    width: 71px;
}

.glossary_paging .std_bank_icon_drop_down {
    right: 12%;
}

.termnilogy_container {
    border: 1px solid #e7e7e7;
    margin-top: 10px;
    margin-left: 58px;
}

.current_term {
    background: #006892;
    padding: 15px 20px;
    color: #fff;
    /*display: inline-block;*/

    position: absolute;
    margin-top: 10px;
}

.termnilogy_item,
.termnilogy_container>div>div {
    border-bottom: 1px solid #e0e0e0;
}

.alphabet>li {
    padding: 0 !important;
}

.alphabet>li>a {
    padding: 7px 11.7px;
    display: inline-block;
}

.term,
.project>span {
    color: #000;
    font-weight: bold;
    float: left;
    padding: 0;
    width: 128px;
    /* word-break: break-all; */
    word-wrap: break-word;
    padding: 5px 5px 0px 8px;
}

.project .definition,
.project>p {
    width: inherit !important;
}

.col-md-3.std_col ul.term-categories li:hover {
    color: #fff !important;
}

.col-md-3.std_col ul.term-categories li:hover a {
    color: #fff !important;
}

.definition,
.project>p {
    display: inline-block;
    width: 516px;
    padding: 15px 10px 15px 12px;
    background: #f5f5f5;
    height: 100%
}

.cerulean .glossary ul li a:hover {
    color: #fff;
}

.glossary-nav.footer {
    border-top: 2px solid #006892;
}

.std_bank_comp_accordion h5.active .std_bank_icon_arrow_down_blue_dark {
    background-position: -147px -282px !important;
}

.std_bank_comp_accordion h5 .std_bank_icon_arrow_down_blue_dark {
    background-position: -147px -264px !important;
}

.prod {
    display: block;
}

.prod_info {
    float: left;
    width: 85%;
}

.product {
    width: 100%;
}

.bank-details {
    border: 1px solid #e7e7e7;
}

.tablet {
    display: none;
}

/* ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {


    .col-md-3.std_tools {
        top: 0px;
    }

    .registration_nav {
        right: 252px;
        top: -27px;
    }

    .download_app img {
        width: 80px !important;
    }

    .download_app {
        min-height: 389px;
    }

    .col-md-9.news_updates {
        top: 120px;
        padding-right: 0;
        margin-bottom: 120px;
    }

    .col-md-9.banner {
        width: 66% !important;
    }

    .col-md-3>div {
        width: 100%;
    }

    .std_bank_comp_accordion .comp_header ul {
        margin-right: -14px !important;
    }

    .std_bank_comp_accordion .comp_body h5 {
        padding: 15px 10px !important
    }

    .std_trade_tools>div {
        width: 50%;
    }

    .std_trade_tools>div>p {
        width: 50%;
        float: left;
    }

    .container {
        padding-left: 0;
    }

    .registration_nav {
        right: -8px;
        top: -27px;
    }

    .tablet {
        display: inline-block;
    }

    .col-md-9.banner {
        width: 66%;
        float: left;
    }

    .home .container .col-md-3 {
        width: 33%;
        float: left;
    }

    .share_price>.container>ul {
        width: 94.4% !important;
    }

    .main_content {
        width: 66.6%;
    }

    .teaser {
        width: 50%;
        float: left;
    }

    .col-md-3.std_tools {
        width: 33.3%;
        position: absolute;
        right: 0;
    }

    .news_updates {
        clear: both;
    }

    .download_app img {
        width: inherit;
    }

    .tab-hidden {
        display: none;
    }

    nav.main_nav ul li {
        display: inline-block !important;
    }

    .main_nav .col-md-9.no-gutter {
        width: 100%;
    }

    .col-md-3.panel_search {
        display: none;
    }

    .landing .col-md-3.teaser.brick_red {
        width: 100%;
        margin-bottom: 30px;
    }

    .col-md-3.std_tools {
        z-index: 9;
    }

    .std_tools.tablet .std_tools_content {
        padding-top: 0;
        padding-bottom: 1px;
    }

    .col-md-9.banner.tablet img:first-child {
        display: inline-block !important;
    }

    .col-md-9.banner.tablet {
        height: 416px;
    }

    footer .col-md-9 {
        width: 100%;
    }

    footer .level_1.nav .container {
        padding: 0;
    }

    footer .level_2 .col-md-3 {
        padding-left: 0;
        float: left;
        width: 50%;
        min-height: 162px;
    }

    .col-md-3.std_col {
        display: inline-block;
        width: 235px;
    }

    .col-md-9.std_content,
    .std_page .col-md-9 {
        width: 66.6%;
        float: left;
    }

    nav.main_nav ul li .mega_nav {
        width: 100%;
    }

    nav.main_nav ul li .mega_nav li {
        width: 100%;
    }

    nav.main_nav ul li .mega_nav .col-md-3 {
        height: 300px;
    }

    ul li:hover .mega_nav,
    .mega_nav {
        display: none !important;
    }
}

/*landscape*/
@media screen and (min-device-width:769px) {
    .level_2 .col-md-3:first-child {
        padding-left: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /*portrait*/
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

/*mobile*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .news_updates .nav li a {
        padding: 9px 10px;
    }

    .news_updates .nav {
        padding-left: 0;
    }

    .col-md-4 {
        padding-left: 0px;
    }

    .news_updates .nav-tabs>li {
        width: 50% !important;
    }

    .news_updates.articles .content p,
    .news_updates.articles .content.featured p {
        width: 100%;
    }

    .registration_nav .std_btn_grey {
        padding: 7.5px 9px !important;
    }

    .nav-tabs>li {
        width: inherit !important;
    }

    .news_updates img {
        display: none;
    }

    .col-md-9.no-gutter .login-register {
        /*display: none;*/
    }

    /* .col-md-3 .std_bank_comp_login_register {
        display: none;
    } */

    .col-md-3 .std_bank_comp_login_register {
        display: inline-block !important;
    }

    .current_term {
        position: inherit !important;
        display: inline-block;
    }

    .glossary_header input {
        float: left !important;
    }

    .share_price ul li.updated {
        width: 24% !important;
        float: left;
    }

    .share_price ul li.share_price_list {
        width: 62% !important;
    }

    .share_price_nav_right {
        /* display: none; */
        display: block;
        position: relative;
        float: right;
        top: -59px;
        right: -15px;
    }

    section.share_price {
        height: 60px;
    }

    .termnilogy_container {
        margin-left: 0;
    }

    .term {
        width: inherit !important;
    }

    .definition {
        width: 100%;
    }

    .glossary {
        width: 100% !important;
    }

    .std_page.std_content.col-md-12 .col-md-9 {
        padding-right: 0;
    }

    body footer .level_1.nav nav ul>li:first-child a {
        padding-left: 9.8px;
    }

    footer .level_1.nav nav ul {
        width: 80%;
    }

    footer .level_1.nav nav ul li {
        width: 100%;
        background: #0396fd;
        border-bottom: 1px solid #fff;
    }

    footer .level_1.nav nav ul li a {
        padding: 11px 10px;
        color: #fff;
    }

    footer .login-register {
        display: none;
    }

    .col-md-3 .search form {
        display: none;
    }

    footer .col-md-9 {
        width: 100%;
    }

    footer .col-md-3.panel_search {
        clear: right !important;
        width: 100%;
        display: inline-block;
    }

    .col-md-3 .search form {
        width: 100% !important;
    }

    .comp_dropdown.search {
        width: 39px !important;
    }

    .mobile.std_bank_comp_login_register,
    .mobile .comp_container {
        background: #0396fd !important;
        color: #fff;
    }

    .mobile .comp_container a,
    .mobile .comp_container p {
        color: #fff;
    }

    .mobile.std_bank_comp_login_register {
        position: absolute;
        z-index: 9;
        margin-left: 71px !important;
        /* width: inherit; */

        margin-top: 61px;
        background: #fff;
        /*display: inline-block !important;*/
    }

    .std_bank_comp_login_register {
        display: none;
    }

    .login-register {
        height: 36px;
        float: right !important;
        margin-right: -68px !important;
        color: #006892;
        font-weight: bold;
        background: url(../img/mob-reg.png) no-repeat 4% center;
        padding-top: 7px;
        padding: 9px 10px 16px 23px !important
    }

    .col-md-4,
    .teaser {
        height: inherit !important;
    }

    .col-md-4 .std_btn {
        position: inherit !important;
        margin-top: 0;
    }

    .std_bank_comp_accordion .comp_body .text {
        padding-left: 0;
    }

    .std_bank_comp_quicklinks .comp_header,
    .std_bank_comp_login_register .comp_container,
    .std_bank_comp_quicklinks .comp_container {
        width: 100%;
    }

    ul li:hover .mega_nav,
    .mega_nav {
        display: none !important;
    }

    .news_updates .content {
        width: 95%;
    }

    .teaser,
    .col-md-3 {
        padding-left: 0;
    }

    .col-md-9.banner {
        height: 153px;
    }

    .main_content img {
        width: 100%;
    }

    .registration_nav {
        right: -8px;
        top: -43px;
    }

    .nav-tabs>li {
        width: 33.3%;
    }

    .std_page {
        padding-top: 10px;
    }

    nav.main_nav ul li {
        display: inline-block;
    }

    nav.main_nav ul {
        width: 100%;
        position: absolute;
        z-index: 9;
    }

    nav.main_nav ul li {
        width: 100%;
        background: #0396fd;
        border-bottom: 1px solid #fff;
    }

    body nav.main_nav ul li a {
        color: #fff;
    }

    nav.main_nav ul li .mega_nav {
        position: inherit !important;
        width: 100%;
        border: none;
        height: inherit;
    }

    nav.main_nav .no-gutter>ul>li>.mega_nav,
    nav.main_nav ul li .mega_nav .col-md-3.level-2,
    nav.main_nav ul li .mega_nav .col-md-3.level-1 {
        height: inherit !important;
    }

    nav.main_nav ul li .mega_nav li {
        background: #e7e7e7;
    }

    nav.main_nav ul li .mega_nav li a {
        color: #0396fd;
    }

    nav.main_nav ul li .mega_nav .col-md-3 {
        width: 95%;
        border-right: 0;
    }

    nav.main_nav ul li .mega_nav li a {
        width: 100%;
    }

    nav.main_nav ul li .mega_nav .nav_container {
        padding: 0;
    }

    nav.main_nav .col-md-9.no-gutter>ul>li {
        /*border: 1px solid red !important;*/
    }

    .col-md-9.no-gutter ul {
        display: none;
        margin-top: 60px;
    }

    .col-md-9.no-gutter>ul>li:first-child {
        display: block;
        text-indent: 9px;
    }

    .navbar-toggle {
        border-color: #ddd !important;
        float: left;
        display: inline-block;
    }

    .navbar-toggle .icon-bar+.icon-bar,
    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .main_nav>.container:after {
        display: inline-block !important;
    }

    .main_nav .col-md-3.panel_search {
        display: none;
    }

    .show {
        display: inline-block;
    }
}

table {
    width: 100% !important;
}

.controls {
    display: block !important;
}

.controls .page {
    display: none;
}

.nav-info {
    color: #666;
    font-size: 12px;
    margin-top: 10px;
}

.marquee {
    padding: 8px 15px;
    position: relative;
}

#tickerTape {
    height: 35px;
    overflow: hidden;
}

/*#tickerTape{width:940px;}*/

.share_price {
    background-color: #f3f3f3;
}

.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;
}

.next,
.prev {
    cursor: pointer;
}

.project {
    border-radius: 1px;
    border: 3px solid #004795;
    width: 70%;
    display: none;
    text-align: left;
    /*margin: 0 auto;*/

    left: 15%;
    position: absolute;
    /*top: 20%;*/
    margin-top: 100px;
    background: #fff;
    padding: 15px;
    z-index: 10;
    padding-left: 0;
}

.project-container {
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 9;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 89%;
    display: none;
}

.close {
    color: blue;
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-top: -16px;
    margin-right: -6px;
}

table td {
    vertical-align: top;
    color: #000 !important;
}

.text img {
    width: 100%;
}

.std_bank_icon_poll {
    background-position: -145px -300px !important;
    width: 23px;
    height: 21px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}

.poll label {
    width: 100%;
}

.poll {
    color: #676767;
    font-weight: normal;
}

.poll input[type="checkbox"]:checked+label {}

.poll input[type="checkbox"] {
    display: none;
}

.poll input[type="checkbox"]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../img/radio.png) left top no-repeat;
    cursor: pointer;
}

.poll input[type="checkbox"]:checked+label span {
    background: url(../img/radio-checked.png) left top no-repeat;
}

/*
.demos .std_btn {
    position: relative; 
    bottom: 5px;
}*/

.col-md-8.faq .std_bank_comp_accordion .comp_header ul {
    position: relative !important;
    right: -10px;
    top: 5px;
}

.std_content .col-md-8.faq .nav-tabs>li>a {
    width: 100%;
}

.col-md-8.faq .nav-tabs>li {
    width: 50%;
}

.std_trade_tools img {
    width: inherit;
}

.education .col-md-4:nth-child(4) {
    padding-left: 0;
}

table {
    border: #e7e7e7 1px solid;
}

.nav-info p {
    margin-bottom: 0;
}

.examples1 td {
    padding: 12px;
}

.tab-offset {
    margin-right: 0%;
}

.text.active {
    /*display: block !important;*/
}

.std_trade_tools img {
    width: 90px;
}

.customer_care {
    /*padding-top: 0 !important;*/
}

b,
strong {
    font-weight: bold;
}

li>ul>li {
    list-style-type: circle;
}

.email {
    border-bottom: 0;
    padding-bottom: 0;
}

.std_tools_content.customer_care {
    padding-top: 15px;
    padding-bottom: 10px;
}

.disappointed {
    margin-bottom: 0;
}

.trading_hours {
    padding-bottom: 10px;
}

.feedback {
    padding-bottom: 5px;
}

.std_bank_comp_accordion .comp_body h5.inactive {
    color: #26428B !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 15px 20px 15px 23px;
    border-width: 1px;
    border-style: solid;
    border-color: #CAC3C3 #CCC #044A64 !important;
    background-color: #E7E7E7;
    margin: 0px;
}

.std_bank_comp_accordion .comp_body .text.inactive {
    display: none !important;
}

.term-categories>li {
    /*text-transform: lowercase;*/
}

.term-categories>li:first-letter {
    text-transform: uppercase;
}

.nav-fill-half {
    float: right;
    /*display: inline-block;*/
    padding-right: 0px !important;

    padding-top: 15px !important;
    padding-left: 23px;
    width: 50% !important;
}

.level-2.ico {
    width: 50%;
    /*     float: right; */
    top: -60px;
    margin-left: 45%;
    position: absolute;
    border: none !important;
}

.level-2.ico.edu {
    top: 20px;
}

.level-2.ico.trade {
    top: -88px;
}

body .std_bank_comp_dot_navigation li {
    background-image: none;
}

.col-md-9.banner a {
    /*display: none;*/
}

nav.main_nav ul li .mega_nav .col-md-3.level-3.half {
    width: 50% !important;
}

nav.main_nav ul li .mega_nav .col-md-3.flow-show {
    overflow: ;
}

nav.main_nav ul li a.link {
    padding: 0;
    display: inline-block;
    color: #0496FD;
}

nav.main_nav ul li a.link:hover {
    background: none;
    color: #0496FD;
}

.col-md-3.std_col>div,
.col-md-3.std_tools>div {
    margin-bottom: 20px !important;
}

body .col-md-9 {
    padding-right: 0 !important;
}

body .col-md-3.std_col {
    padding-left: 20px;
    padding-right: 0;
    margin-top: 10px !important;
}

.top-10 {
    padding-top: 10px;
}

.std_tools_content.customer_care.products {
    padding-left: 0;
    padding-right: 0
}

.std_tools_content.customer_care.products p {
    padding-left: 15px;
}

.std_tools_content.customer_care.products {
    border: none;
    border-bottom: 2px solid #26428b !important;
    background: none repeat scroll 0% 0% #F3F3F3 !important;
    padding: 12.5px 15px;
    color: #006892;
    font-size: 20px;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 0;
    padding-left: 15px;
    text-align: left;

}

.products .caret {
    margin-left: 2px;
}

.grass_green .std_content .nav-tabs>.active>a {
    color: #b3b935 !important;
}

.std_tools .open>.dropdown-menu li a {
    padding-left: 15px !important;
}


.std_tools .open>.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    width: 100%;
}

.std_tools .open>.dropdown-menu a {
    width: 100%;
}

.std_tools .open>.dropdown-menu a:hover {
    background: transparent;
}

.std_bank_comp_login_register .comp_header h5 {
    background-image: none !important;
}

.news_updates h5 {
    margin-top: 0;
}

#search {
    background: #006892;
    color: #fff;
    padding: 10px 23px;
    margin-top: 1px;
    cursor: pointer;
}

.col-md-12.faq .nav-tabs>li>a {
    padding: 5px 27px;
}

.comp_body.resize {
    min-height: 143px;
    height: inherit !important;
}

.std_bank_comp_quicklinks .comp_container {
    padding-left: 0;
    padding-right: 0;
}

.site-map .std_content_box>li>a {
    color: #006892;
}

.social-media .intro {
    /*color: #006892;*/
}

.teaser-inner {
    position: relative;
    display: inline-block;
}

.teaser-inner-content {
    position: absolute;
}

.teaser-inner-content.one {
    display: inline-block;
    left: 50%;
    top: 10%;
}

.teaser-inner .one p {
    margin-top: 13%;
    padding-left: 0;
}

.main_content.landing.col-md-9 {
    padding-left: 0;
}


.teaser-inner-content.two {
    display: inline-block;
    left: 50%;
    top: 10%;
}

.teaser-inner .std_btn {
    margin-top: 0;
}


.teaser-inner .std_btn:hover {
    background-image: none;
}

.azure {
    background: #0496fd;
}

.col-md-8.teaser.cib_blue img {
    margin-bottom: 0;
}

.landing .cib_blue h5 {
    color: #26428b;
    font-weight: bold;
    font-size: 18px !important;
    padding-bottom: 10px !important;
}

.landing .col-md-4:nth-child(3),
.landing .col-md-4:nth-child(4),
.landing .col-md-4:nth-child(5) {
    margin-top: 10px;
}

.pad-left-5 {
    padding-left: 0px;
}

.col-md-3.std_tools .twitter {
    margin-bottom: 0 !important;
}

.std_tools.landing .std_tools_content.customer_care {
    margin-bottom: 0 !important;
}

.landing .col-md-4 {
    height: inherit !important;
}

.std_bank_comp_quicklinks ul li:hover i.icon_arrow_tools {
    background-position: -183px -30px !important;
}

.std_bank_comp_quicklinks ul li:hover i.icon_arrow_rand {
    background-position: -183px -1px !important;
}

.std_bank_comp_quicklinks ul li:hover {
    background: url(../img/icon_arrow_white.png) no-repeat 93% 50% #004973 !important;

}

.std_bank_comp_quicklinks ul li:hover a {
    color: #fff;
}


@media (max-width: 992px) {
    .std_bank_comp_login_register .comp_container {
        width: 220px;
    }
}

nav.main_nav ul li .mega_nav .col-md-3.level-4,
nav.main_nav ul li .mega_nav .col-md-3.level-3 {
    border-right: none !important;
}

nav.main_nav ul li .mega_nav .col-md-3.level-4 {
    padding-left: 0px;
}

nav.main_nav ul li .mega_nav .col-md-3.level-4>div {
    border-left: 1px solid #ccc;
    padding: 20px 6px 58px 20px;
}

.nav-overview {
    float: left;
    padding-top: 18px;
    padding-left: 17px;
    display: none;
}

video {
    width: 100%;
}

.social>li {
    list-style-type: none;
}

.std_page .std_bank_comp_login_register {
    display: none !important;
}

.slogan {
    /* display: none; */
}

header {
    background: url("../img/topHeader_Bg.jpg") no-repeat scroll 0 0 #0033AA !important;

}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    header {

        height: 115px;

    }


}

.poll {
    display: none !important;
}

.std_trade_tools img {
    padding-top: 1px;
}

.col-md-9.no-gutter>ul>li:nth-child(4),
body footer .level_1.nav nav ul li:nth-child(4) {
    display: none;
}

.share_price ul li.share_price_list ul:nth-child(1) {
    /*display: none;*/
}



/*.marquee p:nth-child(1) {
    animation: left-one 20s ease infinite;
}*/

input.bit-50.pull-left {
    width: 58.8%;
}

.std_bank_comp_login_register .comp_container {
    padding-bottom: 11px !important;
}

.home.std_page {
    display: none !important;
}

.legal .container .col-md-8 {
    width: 100% !important;
}

.panel_copyright {
    display: none;
}

.panel_copyright_links {
    padding-top: 5px;
}

.customer_care li a {
    padding-right: 20px !important;
}

.legal .container .col-md-8 {
    padding-left: 0 !important;
}

.std_page p.fs14 {
    font-size: 14px !important;
}

.trading-platforms .turquoise .intro {
    color: #000 !important;
}

table tr td li {
    text-indent: 2px;
}

table tr td li ul li {
    text-indent: 0px;
}

.col-md-9.level-2:visible+.col-md-3.level-2 {
    display: none;
}

.panel_search {
    display: none;
}

.main_content.col-md-9 {
    /*border: 1px solid #e7e7e7;*/
}

ol {
    padding-left: 15px;
}

.nav-overview.worx {
    display: block !important;
}

.nav-overview.worx+div {
    display: none !important;
}

.std_more_info_content .prod:hover {
    background: #D2D1D1;
}

.product {
    padding-left: 7px;
}

.modal-footer .btn {
    float: left;
}

.modal.in.modal-dialog {
    width: 85%;
}

.modal-body,
.modal-content,
.modal-dialog {

    width: 94%;
}

.modal-body embed {
    width: 100%;
    height: 100%;
}

.modal-body {
    height: 87%;
}

.modal-content {
    height: 94%;
}

.modal-dialog {
    height: 100%;
}

.teaser>embed {
    display: none;
}

.modal iframe {
    width: 100%;
    height: 100%;
}

.col-md-3.level-1.hide {
    display: inline-block !important;
}

.nav-overview>a:hover,
.nav_container>a:hover {
    border: none !important;
    background: none !important;
}

.termnilogy_container>div {
    display: none;
}

.nav-overview>a,
.nav_container.sm>a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.faq-page .text img {
    width: inherit !important;
    max-width: inherit !important;
}

.termnilogy_container>div>div {
    display: inline-block;
}

#day {
    font-weight: normal !important;
    margin-top: 2px;
}


#month {
    font-weight: normal !important;
    text-transform: uppercase;
    margin-top: 2px;
}

.tfia_options {
    font-size: 20px !important;
    color: #0396fd !important;
}

.std_page .col-md-12 table td {
    border-left: 1px solid #e7e7e7;
}



/*  */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #home_1_cib-carousel {

        width: 100% !important;
    }

    .teaser-inner a img {
        width: 100%;
        margin-bottom: 34px !important;
        position: relative;
        left: 13px;
    }

    .col-md-10.col-md-offset-2 img {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .menu-navbar.navbar-toggle {
        position: relative;
        display: inline-block !important;
        float: left !important;
        border-color: #ddd !important;
        background-color: #e7e7e7;
    }

    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .container_logo img {
        width: 305px;
    }

    .col-md-10.col-md-offset-2 img {
        width: 100%;
    }

    .login-register {
        height: 36px;
        float: right !important;
        margin-right: -68px !important;
        color: #006892;
        font-weight: bold;
        background: url(../img/mob-reg.png) no-repeat 4% center;
        padding-top: 7px;
        padding: 9px 10px 16px 23px !important;
    }

    .mobile.std_bank_comp_login_register {
        position: absolute;
        z-index: 9;
        margin-left: 71px !important;
        margin-top: 61px;
        background: #fff;
    }

    .mobile.std_bank_comp_login_register,
    .mobile .comp_container {
        background: #0396fd !important;
        color: #fff;
    }

    .teaser-inner {
        margin-bottom: 18px;
        position: relative;
        left: -13px;
    }

    .col-md-10.col-md-offset-2 img {
        width: 100%;
    }

    .std_col .col-md-3 .std_bank_comp_banner .comp_body,
    .std_bank_comp_banner .comp_body {
        height: 705px;
    }

    ul.std_bank_comp_dot_navigation {
        position: relative;
        bottom: -470px;
    }

    div#loginApp {
        width: 100%;
    }

    .std_bank_comp_login_register {
        background-color: #fff;
    }

    input#j_password {
        width: 100%;
    }

    .std_bank_comp_login_register .std_btn_cib_blue {
        /* float: right !important; */
        margin-right: 17px;
    }

    .std_bank_comp_login_register {
        border-top-right-radius: 46px;
    }

    .std_bank_comp_login_register .comp_header {
        border-bottom: 2px solid #006892;
        padding-bottom: 0px;
    }
}

/* ----------- Galaxy S6/7 ----------- */
@media (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 192dpi) {
    .menu-navbar.navbar-toggle {
        position: relative;
        display: inline-block !important;
        float: left !important;
        border-color: #ddd !important;
        background-color: #e7e7e7;
    }

    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .std_col .col-md-3 .std_bank_comp_banner .comp_body,
    .std_bank_comp_banner .comp_body {
        height: 705px;
    }

    ul.std_bank_comp_dot_navigation {
        position: relative;
        bottom: -470px;
    }
}

@media (min-width:480px)and (max-width: 599px) {

    /* smartphones, Android phones, landscape iPhone */
    .menu-navbar.navbar-toggle {
        position: relative;
        display: inline-block !important;
        float: left !important;
        border-color: #ddd !important;
        background-color: #e7e7e7;
    }

    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .std_col .col-md-3 .std_bank_comp_banner .comp_body,
    .std_bank_comp_banner .comp_body {
        height: 705px;
    }

    ul.std_bank_comp_dot_navigation {
        position: relative;
        bottom: -470px;
    }
}

@media (min-width:600px)and (max-width: 801px) {

    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .menu-navbar.navbar-toggle {
        position: relative;
        display: inline-block !important;
        float: left !important;
        border-color: #ddd !important;
        background-color: #e7e7e7;
    }

    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .std_col .col-md-3 .std_bank_comp_banner .comp_body,
    .std_bank_comp_banner .comp_body {
        height: 705px;
    }

    ul.std_bank_comp_dot_navigation {
        position: relative;
        bottom: -470px;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    .menu-navbar.navbar-toggle {
        position: relative;
        display: inline-block !important;
        float: left !important;
        border-color: #ddd !important;
        background-color: #e7e7e7;
    }

    .navbar-toggle .icon-bar {
        background-color: #888 !important;
    }

    .std_col .col-md-3 .std_bank_comp_banner .comp_body,
    .std_bank_comp_banner .comp_body {
        height: 705px;
    }

    ul.std_bank_comp_dot_navigation {
        position: relative;
        bottom: -470px;
    }
}

.ng-scope.slick-slide img {
    width: 100% !important;
}


.error-lookingfor {
    margin-top: 65px;
}

.error-lookingfor h5 {
    color: #26428b;
    font-weight: bold;
    font-size: 18px !important;
    padding-bottom: 10px !important;
}

.error-message h5 {
    color: #26428b;
    font-weight: bold;
    font-size: 18px !important;
    padding-bottom: 10px !important;
}

.error-message p {
    font-size: 13px;
    max-width: 797px;
    margin-left: 77px;
}

.error-lookingfor-line {
    width: 940px;
    height: 1px;
    flex-grow: 0;
    margin: 14px 0 40px;
    background-image: linear-gradient(to right, #006892 0%, rgba(0, 104, 146, 0) 100%);
}

#onetrust-banner-sdk {

    background-color: #0B3CA2 !important;

}

#onetrust-pc-btn-handler {

    color: #fff !important;
    font-family: sans-serif !important;
    font-weight: 600 !important;

}

#onetrust-accept-btn-handler {

    font-family: sans-serif !important;
    font-weight: 600 !important;

}

p#onetrust-policy-text {

    font-size: 13px !important;
    font-family: sans-serif !important;
}

/* .std_btn_cookies {
    width: 126px;
    height: 40px;
    position: relative;
    padding: 12px 10px 12px 10px;
    background: rgba(4, 150, 253, 1);
    color: #fff;
}
.cookie-button {
    margin-bottom: 25px;
}
.manage-cookies h5 {
    padding-bottom: 15px;
    background: url(../img/headline_gradient_cib_blue_lg.png) no-repeat left bottom;
} */

ul.clearfix.social {
    position: absolute;
    display: contents;
}

.social_buttons {
    position: relative;
    display: flex;
}

@media screen and (max-width: 600px) {
    
    nav.main_nav ul li.active a {
        color: #0496fd;
    }

}