/* CONTACT BLOCK */

.contact-block {
    height: 465px;
    background: url('../images/helpdesk.png') no-repeat center;
}

.contact-block h2{
    color: #FFF;
    font-size: 38px;
}

.contact-block h3{
    margin-bottom: 0px;
    font-weight: normal;
}

.contact-block h4{
    color: #FFF;
    margin-top: 0px;
}

.contact-block .contact-text{
    margin-top: 100px;
}

#form-contact input.icon-arrowright[type=submit] {
    margin-bottom: 40px;
}

/* PROMO BLOCK */

.promo-block{
    background: url('../images/card_visual.jpg') no-repeat center;
    height: 407px;
}

.promo-block h2{
    margin-top: 190px;
    font-size: 35px;
}


/* NEWSLETTERS BLOCK */

.newsletters-block{
    background-color: #303e48;
    margin: 0 -15px;
    padding: 25px;
}

.newsletters-block h1{
    margin: 50px 0 0 0;
}

.newsletters-block.dark h1{
    color: #FFFFFF;
}

.newsletters-block a{
    color: #00B3D9;
    margin-top: 15px;
    text-decoration: none;
    float: left;
}

.newsletters-block form{    
    margin-top: 75px;
}

.newsletters-block form input[type=text]{   
    padding: 20px 12px;
}

.newsletters-block form input[type=submit]
{    
    margin-top: 10px;
    float: right;
}

/* FIXED BOTTOM BUTTON */

.fixed-button-wrapper a.btn-primary{
    bottom:0px;
    margin:40px;
    position:absolute;
    right:0px;
}


/* CTA BLOCK */

.cta-mobilepromo{
    padding: 75px 100px;
    background-image: url('../../../content/images/banners/lg/mobile_promo.jpg');
    background-repeat:  no-repeat;  
}

.cta-mobilepromo h1{
    text-transform: uppercase;
    font-size: 40px;
}

.cta-mobilepromo h1 em{
    font-style: normal;
    color: #00B3D9;
}

.cta-mobilepromo p{
    color: #373d41;
    margin: 0px;
    width: 50%;
}

.cta-mobilepromo .btn{   
    margin-top: 15px;
    float: left;
}

.cta-mobilepromo.cta-mobilepromo-small{
    padding: 40px;
    background-image: url('../../../content/images/banners/sm/MobilePage_Desktop.jpg');
    background-size: cover;
    background-position: center;
    background-repeat:  no-repeat;  
}
.is-layout-sm .col-sm-12 .cta-mobilepromo-small{
    background-image: url('../../../content/images/banners/sm/MobilePage_Desktop.jpg');
}

/* HEADER BANNER BLOCK */

.home-banner.target-placeholder .header-banner{
    background-color: #fff;
}

#homeLargeBoxFallback {
    display: none;
}

.home-banner.target-placeholder .header-banner .header-image > div {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #EFF0F0;
}

.loading-logo-wrapper {
    position: relative;
}

.home-banner.target-placeholder .loading-logo-wrapper .header-banner-logo {
    width: 60px;
    height: 60px;
    left: 20px;
    top: 20px;
    position: absolute;
    z-index: 99;
}

.home-banner.target-placeholder .loading-logo-wrapper .header-banner-logo-loader {
    width: 100px;
    height: 100px;

    -webkit-animation: loading-circle 1s infinite linear;
    -moz-animation: loading-circle 1s infinite linear;
    -o-animation: loading-circle 1s infinite linear;
    animation: loading-circle 1s infinite linear;
}

.home-banner .header-banner{

   /* margin-top: 0px !important;*/
}

@-webkit-keyframes loading-circle {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes loading-circle {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes loading-circle {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes loading-circle {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.header-banner, .page-banner{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
}

.header-banner{
    margin-top: 80px;
}
.ch-invest{
    margin-top: 0px !important;
}


@media (min-width: 1200px) {
    .header-image.big > div{
        max-height: 515px;
    }
    .header-image > div{
        height: 443px;
    }
    .header-image.small > div{
        height: 370px;
    }
    .header-image.smaller > div{
        height: 343px;
    }

    .header-image-kf > div{
        height: 320px !important;
    }

    .header-image-h > div{
        height: 400px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .header-image.big > div{
        height: 415px;
    }
    .header-image > div{
        height: 357px;
    }
    .header-image.small > div{
        height: 299px;
    }
    .header-image.smaller > div{
        height: 277px;
    }

    .header-image-kf > div{
        height: 260px !important;
    }

    .header-image-h > div{
        height: 310px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    .header-image.big > div{
        height: 490px;
    }
    .header-image > div{
        height: 490px;
    }
    .header-image.small > div{
        height: 410px;
    }
    .header-image.smaller > div{
        height: 370px;
    }

    .header-image-kf > div{
        height: 200px !important;
    }
    .tabbed-menu{
        margin-top: 0px !important;
    }

    .header-image-h > div{
        height: 490px;
    }
}
@media (max-width: 767px) {
    .header-image > div{
        width: 100%;
        padding-top: 67.1875%; /* Ratio of the image used to adjust the height*/
        height: 0;
        background-repeat: no-repeat;
        background-color: #eee;
    }

    .tabbed-menu{
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .hbth > .header-image > div{
        padding-top: 105% !important;

    }
}

.header-image > div{
    background-size: 100%;
    background-repeat: no-repeat;
}

.header-banner img, .page-banner img{
    width: 100%;
}

.header-banner .btn {
    font-size: 20px;
}

.header-banner-content{
    position: absolute;
    top: 95px;
    left: 10%;
}

.hbc2{
   top: 50px !important;
}

.header-banner-content.full-width{
    width: 90% !important;
}
.header-banner.big .header-banner-content{
    top: 135px;
}

.header-banner.small .header-banner-content, .header-banner.smaller .header-banner-content{
    top: 55px;
}
.page-banner-content{
    padding: 40px 70px;
}
.page-banner-small .page-banner-content{
    padding: 40px;
}
.page-banner-small{
    min-height: 300px;
}
.header-search{
    position: absolute;
    width: 100%;
    top: 125px;
    left: 0;
    padding: 0 65px; /* to have the same width as a container */
    opacity: 0; /* fade in animation */
}

.header-banner .header-banner-title, .page-banner .page-banner-title{
    opacity: 0; /* starting value for animation, will go to 1 */
    margin-top: 150px; /* starting value for animation, will go to 0px */
    color: #2c3b45;
    font-size: 40px;
    margin-bottom: 0px;
    line-height: 1.2em;
}


@media (min-width: 768px) and (max-width: 991px) {
    .revamp__banner .header-banner .header-banner-title,.revamp__banner .page-banner .page-banner-title{
        font-size: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .revamp__banner .header-banner .header-banner-title,.revamp__banner .page-banner .page-banner-title{
        font-size: 36px;
    }
}

@media (min-width: 768px) {
    .revamp__banner .overlay-light .header-banner-content, .revamp__banner .overlay-dark .header-banner-content {
        z-index: 2;
    }
    .revamp__banner .overlay-light .header-image div, .revamp__banner .overlay-dark .header-image div {
        position: relative;
        z-index: 1;
    }
    .revamp__banner .overlay-light .header-image div::after, .revamp__banner .overlay-dark .header-image div::after {
        display: block;
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }
    .revamp__banner .overlay-dark .header-image div::after {
       /* background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 90%);*/
    }
    .revamp__banner .overlay-light .header-image div::after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 90%);
    }
}

.revamp__banner .cta-mobilepromo {
    background-position: bottom center;
    background-size: cover;
    z-index: 1;
    position: relative;
    min-height: 100%;
}
.revamp__banner .cta-mobilepromo::after {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 90%);
}

.keyplan__block {
    background-image: url('../../../content/images/banners/xs/Keytrade_changer_de_banque_1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 1;
    position: relative;
    min-height: 250px;
}

.keyplan__block .keytrade-block {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-end;
    min-height: 250px;
}

@media (min-width: 368px) {
    .keyplan__block {
        background-image: url('../../../content/images/banners/xs/productXS.jpg');
        min-height: 399px;
    }

    .keyplan__block .keytrade-block {
        min-height: 399px;
    }
}

@media (min-width: 768px) {
    .keyplan__block {
        background-image: url('../../../content/images/banners/md/LuxCreditLombard_MDv2.jpg');
    }
}

@media (min-width: 992px) {
    .keyplan__block {
        background-image: url('../../../content/images/banners/xl/LuxCreditLombard_LGv2.jpg');
    }
}

.header-banner .header-banner-subtitle, .page-banner .page-banner-subtitle{
    opacity: 0; /* starting value for animation, will go to 1 */
    margin-top: 150px; /* starting value for animation, will go to 0px */
    font-size: 36px;
    margin-bottom: 0px;
    line-height: 1.2em;
}
.page-banner .page-banner-title{font-size: 30px;}

.header-banner-title{
    font-size: 46px;
    line-height: 1em;    
}

.header-banner-subtitle{
    font-size: 36px;
    line-height: 1em;
}

.header-search .header-banner-title{
    opacity: 1 !important;
    margin-top: 0 !important;
}

.header-banner-intro{
    opacity: 0; /* starting value for animation, will go to 1 */
}

.header-banner.white .header-banner-title, .page-banner.white .page-banner-title{
    color: #FFFFFF;
}

.header-banner .header-banner-title .lighter, .page-banner .page-banner-title .lighter, .header-banner .header-banner-title em, .page-banner .page-banner-title em{
    color: #2c3b45;
    font-weight: normal;
}

.header-banner-title .lighter{
    color:#00b3d9 !important;
}

.header-banner.white .header-banner-title .lighter, .page-banner.white .page-banner-title .lighter{
    color: #FFFFFF;
}

.header-banner .header-banner-action{
    opacity: 0; /* starting value for animation, will go to 1 */
    margin-left: 150px; /* starting value for animation, will go to 0px */
    margin-top: 25px;
}
.header-banner .header-banner-action.link{
    margin-top: 15px;
}
.header-banner .header-banner-action.link .icon-arrow-right,
.header-banner .header-banner-action.link .icon-arrow-left{
    line-height: 18px;
}
.page-banner-action{
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.is-layout-sm .page-banner-action, .is-layout-xs .page-banner-action{
    position: relative;
    margin-left: 15px !important;
    margin-bottom: 40px;
    right: 0;
    left: 0;
    bottom: 0;
}

.page-banner-full .page-banner-action{
    position: relative;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 25px;
    right: 0;
    left: 0;
    bottom: 0;
}

.header-banner-quote{
    font-size: 24px;
    line-height: 1.2em;
    margin: 15px 0 0 0;
    font-style: italic;
    opacity: 0;
}

.header-banner-author{
    font-style: italic;
    margin-top: 15px;
    opacity: 0;
}

.page-banner .page-banner-title, .page-banner .page-banner-action{
    opacity: 1;
}

.header-banner-intro, .page-banner-intro{
    font-size: 24px;
    line-height: 1.2em;
    margin: 15px 0 0 0;
}
.page-banner-intro{
    font-size: 18px;
}

.page-banner-action{
    margin-left: 0 !important;
}

.page-banner-title{
    margin-top: 0 !important;
}

/* KEYTRADE COMMON GRID STRUCTURE BLOCK*/

.keytrade-block{
    padding: 40px 25px;
    font-size: 16px;
}
.keytrade-winner{
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    font-size: 16px;
}
.keytrade-block.keytrade-block-small{
    padding: 25px 10px;
}

.text-page .keytrade-block {
    padding: 40px 65px;
}

.keytrade-block.margin-lg {
    margin: 45px;
    padding: 0;
}

.keytrade-block h1{
    margin-top: 0px;
    margin-bottom: 25px;
}

.keytrade-block h2{
    margin-bottom: 20px;
}

.keytrade-block h3:first-child{
    margin-top: 0px;
}

.keytrade-block h3.subtitle{
    margin: 5px 0 0 0;
}

.keytrade-block h3.subtitle.margin{
    margin: 5px 0 20px 0;
}

.keytrade-block h4{
    margin-top: 0;
}

.keytrade-block .btn, .keytrade-block .link{
    margin-top: 25px;
}

.keytrade-block table.table .link,
.keytrade-block ul.list .link{
    margin-top: 0px;
}

.keytrade-block hr{

}

.keytrade-block.margin-bt{
    margin-bottom: 25px;
}

.keytrade-block.padding-bt{
    padding-bottom: 25px;
}

.keytrade-block a.btn.btn-primary{
    float: right;
}

.keytrade-block .buttons-wrapper{
    float:  left;   
    width:  100%;
    margin: 30px 0;
}

.keytrade-block.keyplan-smaller{
    padding: 20px 25px;
}
.keytrade-block.small-padding{
    padding: 0px 15px;
}

.buttons-wrapper.pull-right{
    width: auto;
}
.is-layout-xs .keytrade-block .buttons-wrapper{
    text-align: center;
}
.is-layout-xs .keytrade-block .buttons-wrapper a{
    width: 100%;
    margin-top: 25px;
}
.is-layout-xs .keytrade-block .buttons-wrapper a:first-child{
    margin-top: 0px;
}

.keytrade-block .buttons-wrapper a{
    float:  left;
    margin: 0;
    margin-right: 15px;
}

.keytrade-block .buttons-wrapper a:last-child{
    margin-right: 0px;
}
.keytrade-block .buttons-wrapper a:last-child.pull-right{
    margin-right: 15px;
}
.is-layout-xs .keytrade-block .buttons-wrapper a:last-child.pull-right{
    margin-right: 0;
}

.keytrade-block .buttons-wrapper a.btn.btn-primary {
    float: left;
}

.keytrade-block .buttons-wrapper a.link-underlined{
    line-height: 48px;
}

/* HELPDESK BLOCK */

.helpdesk-block > .row{    
    background-repeat: no-repeat;
    background-position: center center;    
}

.helpdesk-block .helpdesk-picture{
    background-image: url('../../../assets/default/images/lg/helpdesk.jpg');
    background-size: cover;
}

.is-layout-sm .helpdesk-block .helpdesk-picture{
    background-image: url('../../../assets/default/images/sm/helpdesk.jpg'); 
}
.is-layout-xs .helpdesk-block .helpdesk-picture{
    padding-top: 10px;
    padding-bottom: 15px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url('../../../assets/default/images/xs/helpdesk.jpg');
    border-bottom: 2px solid #EFF0F0;
}
.is-layout-xs .helpdesk-block .helpdesk-picture .col-xs-7{
    padding-top: 0;
    padding-bottom: 0;
}

.is-layout-xs .helpdesk-block .helpdesk-block-title{
    font-size: 18px;    
    margin-bottom: 5px !important;
}

.is-layout-xs .helpdesk-block .helpdesk-block-number{
    font-size: 20px;
    line-height: 20px;
}

.is-layout-xs .helpdesk-block .helpdesk-block-hours{
    font-size: 12px;
    margin-bottom: 0 !important;
    margin-top: 5px;
}

.is-layout-xs .helpdesk-block .heldesk-block-content{
    padding: 0px 25px;
}

.helpdesk-block .highlight{
    color: #00B1DA !important;
}

.helpdesk-block img{
    width: 100%;
}

.helpdesk-block-content{
    position: absolute;
    width: 30%;
    left: 60%;
    top: 15%;
}

.helpdesk-block .helpdesk-block-title{
    margin: 0 0 25px 0;
}

.helpdesk-block .helpdesk-block-number{
    font-size: 40px;
    line-height: 40px;
    display: block;
}

.helpdesk-block .helpdesk-block-email{
    margin-top: 25px;
}

/* Header Support CHE */
@media screen and (min-width: 768px) {
    .header-support-che-block {
        margin-top: 80px;

    }
}
.header-support-che-block > .row{
    background-image: url('../../../content/images/banners/lg/support_header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1230px;
    padding: 80px 0px;
    height: 443px;




}
.is-layout-xs .header-support-che-block > .row{
    background-image: url('../../../content/images/banners/xs/support_header.jpg');
}
.is-layout-xs .header-support-che-block .heldesk-block-content{
    padding: 0px 25px;
}

.header-support-block-content{
    position: absolute;
    width: 30%;
    left: 40%;
    top: 15%;
}


/* PAGE HEADER TITLE BLOCK */

.page-intro-title-block{
    padding: 40px 100px 40px 40px;
    border-bottom: 2px solid #eee;
}

.page-intro-title-block h1{
    line-height: 1.3em;
    margin: 0;
}

.page-intro-title-block h1 .lighter{
    color: #00B3D9;
}

.page-intro-title-block p{
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 0;
}

.page-intro-title-block h3{
    margin-bottom: 0;
}


/* DOCUMENTS BLOCK */

.documents-block {
    margin: 1% 5%;
    text-align: center;
}
.documents-block a span {
    display: table;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    padding:5px;
}
.documents-block a {
    display: block;
    font-size: 16px !important;
}

.documents-block p {
    text-align: center;
}

.documents-block img.icon {
    margin-top: 30%;
    margin-bottom: 10px;
}

.documents-block.documents-block-list{
    margin: 0px;
}

.documents-block.documents-block-list .icon-document{
    color: #00B3D9;
}

.documents-block.documents-block-list .document-list-wrapper{
    padding-left: 90px;
    display: block;
    position: relative;
}
.documents-block.documents-block-list .document-list-wrapper:before{
    font-family: 'Keytrade-icon';
    color: #00B3D9;
    position: absolute;
    left: 0px;
    top:0px;
    font-size:80px;
    line-height: 80px;
    content: "\e60d";
}

.documents-block.documents-block-list ul li{
    text-align: left;
}

.documents-block.documents-block-list ul li:last-child{
    margin-bottom: 0;
}

.documents-block.documents-block-list ul li a{
    text-decoration: underline;
}

.keytrade-block ul.disclaimer-list{
    margin: 10px 0;
    text-align: left;
}

.keytrade-block ul.disclaimer-list li{
    color: #959ca0;
    font-size: 12px;
}

.keytrade-block ul.disclaimer-list li a{   
    font-size: 12px;
}

/* SOCIAL ICON BLOCK */

.social-icon-block{
    padding: 40px;
    margin-top: 65px;
    text-align: center;
}

.is-layout-xs .social-icon-block{
    padding: 40px 0px;
}

.social-icon-block a{
    text-decoration: none;
}

.social-icon-block a:hover{
    color: #2B3A45;
}

.social-icon-block span{
    margin-bottom: 12px;
    display: inline-block;
}

/* F.A.Q. BLOCK */

.faq-block{}

.faq-block ul li{
    margin-bottom: 15px;
}

.faq-block ul li:last-child{
    margin-bottom: 0;
}

.faq-block a {
    text-decoration: none;
}
.faq-block a:hover {
    text-decoration: underline;
}

/* FEES INTRO BLOCK */

.fees-intro {}
.fees-intro p {
    font-size: 20px;
}

/* FEES TABS BLOCK */

.tab-block .tab-switch {
    background-color: #F7F7F9;
}

.tab-block .tab-switch.active a h3{
    color: #00B1DA;
    cursor: default;
}

.tab-block .tab-switch.active {
    background-color: #fff;
}
.tab-block .tab-switch a h3{
    padding: 30px 25px;    
    margin:0;    
}
.tab-block .tab-switch a {
    background: none;
    text-decoration: none;
}

.nav.nav-stacked {
    margin-bottom: 40px;
}

.nav.nav-stacked > li {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-top: 0;
}

.nav.nav-stacked > li:last-child {
    border-bottom: 1px solid #eee;
}


.nav.nav-stacked > li.active {
    background-color: #eee;
}

.nav.nav-stacked > li.active > a {color: #000;}

.nav.nav-stacked > li.active:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 20px 22px;
    border-color: transparent transparent transparent #eee;
}

.nav.nav-stacked > li.active > div.mobile-content {
	background-color: #FFF;
}

.nav.nav-stacked > li:not(.disabled) > a {
    padding-left: 35px;
}
.nav.nav-stacked > li.disabled > a:hover,
.nav.nav-stacked > li.disabled > a:focus {
    cursor: default;
}

.nav.nav-stacked > li a {
    text-decoration: none;
    outline: none;    
}

.nav.nav-stacked.no-border > li {
    border:0px !important;
}

.nav-block {
    padding-left: 40px;
    padding-right: 40px;
}

.nav.nav-stacked.nav-stacked-blocked li > a {
    padding: 20px 25px;
}

.nav.nav-stacked.nav-stacked-blocked > li.active:after{
    border: 0;
}

.nav.nav-transparent > li{
    background: none;
    border: none;
}
.nav.nav-transparent > li:last-child {
    border-bottom: none;
}
.nav.nav-transparent > li.active,
.nav.nav-transparent > li:hover,
.nav.nav-transparent > li:hover > a,
.nav.nav-transparent > li.active > a  {
    background-color: #2C3B45 !important;
}
.nav.nav-transparent > li.active > a,
.nav.nav-transparent > li:hover > a {
  color: #FFFFFF;
}

.nav-stacked-title{
    padding: 20px 25px;
    margin: 0 !important;
    color: #00B3D9;
}

.nav.nav-big > li > a{font-size: 18px;}

/* NAV JUSTIFIED */

.nav.nav-justified li{
    background-color: #00B3D9;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #00B3D9;
    border-bottom: 1px solid #00B3D9;
}
.nav.nav-justified.nav-justified-dark li{
    background-color: #2C3B45;
    border-right: 1px solid #FFFFFF;
    border-top: 0;
    border-bottom: 0;
}

.nav.nav-justified.nav-justified-white li{
    background-color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-top: 0;
    border-bottom: 0;
}

.nav.nav-justified.nav-justified-white li:first-child{
    border-right: 2px solid #EFF0F0;
}

.nav.nav-justified.nav-justified-dark li h3{
    color: #FFFFFF;
}
.nav.nav-justified.nav-light li{
    background-color: #FFFFFF;    
    border-right: 1px solid #00B3D9;
}

.nav.nav-justified.nav-light li:first-child{
    background-color: #FFFFFF;
    border-left: 1px solid #00B3D9;
}
.nav.nav-justified li a{
    color: #FFFFFF;
    text-align: left;
    padding: 15px 40px;
}
.nav.nav-justified.nav-justified-center li a{
    text-align: center;
}
.nav.nav-justified.nav-light li a{
    color: #00B3D9;
}

.nav.nav-justified li.active, .nav.nav-justified li:hover,
.nav.nav-justified li a:hover, .nav.nav-justified li a:focus{
    background-color: #FFFFFF;
    /*border: #2b3a45 !important;*/
}
.nav.nav-justified.nav-light li:first-child:hover, .nav.nav-justified li:first-child.active{
    border-left: 1px solid #2b3a45;
}
.nav.nav-justified.nav-light li.active, .nav.nav-justified.nav-light li:hover,
.nav.nav-justified.nav-light li a:hover, .nav.nav-justified.nav-light li a:focus{
    background-color: #2C3B45;    
}
.nav.nav-justified.nav-light li.active, .nav.nav-justified.nav-light li:hover{
    border-top: 1px solid #2B3A45;
    border-bottom: 1px solid #2B3A45;
    border-right: 1px solid #2B3A45;
}

.nav.nav-justified li.active a, .nav.nav-justified li:hover a,
.nav.nav-justified li a:hover, .nav.nav-justified li a:focus, 
.nav.nav-justified.nav-justified-dark li a:focus h3,
.nav.nav-justified.nav-justified-dark li a:hover h3,
.nav.nav-justified.nav-justified-dark li.active h3{
    color: #2B3A45;
}

.nav.nav-justified.nav-justified-white li a:focus h3,
.nav.nav-justified.nav-justified-white li a:hover h3,
.nav.nav-justified.nav-justified-white li.active h3{
    border-right: 1px solid #2B3A45;
}

.nav.nav-justified-white.nav-light li:first-child:hover, .nav.nav-justified-white li:first-child.active{
    border-left: none;
}

.nav.nav-justified.nav-light li.active a, .nav.nav-justified.nav-light li:hover a,
.nav.nav-justified.nav-light li a:hover, .nav.nav-justified.nav-light li a:focus{
    color: #FFFFFF;
}

.nav.nav-justified.nav-justified-white li.active, .nav.nav-justified.nav-justified-white li:hover,
.nav.nav-justified.nav-justified-white li a:hover, .nav.nav-justified.nav-justified-white li a:focus{
    background-color: #2B3A45;
    border-right: 1px solid #2B3A45;
}

/* NAV multitab */

.multitab-row{
    background-color: #eff0f0;
}

.nav-multitab{
    width: 55% !important;
}
.nav.nav-multitab li, .nav.nav-multitab li:hover{
    background-color: #FFFFFF;
    border-right: 2px solid #eff0f0;
    border-top: 4px solid #eff0f0;
    border-bottom: 2px solid #eff0f0;
}
.nav.nav-multitab li a{
    color: #00b3d9;
    text-align: left;
    padding: 15px 10px;
}
.nav.nav-multitab.nav-multitab-center li a{
    text-align: center;
}
.nav.nav-multitab li.active, .nav.nav-multitab li.active:hover{
    border-top:0px solid #00b3d9 !important;
    border-right: 2px solid #eff0f0 !important;
    border-bottom: 0px solid #eff0f0 !important;
}
.nav.nav-multitab li.active:before, .nav.nav-multitab li.active:hover:before{
    content: "";
    width: 101%;
    height: 5px;
    background-color: #00b3d9;
    top: -7px;
    position: absolute;
    font-size: 8px;
    margin-right: 0px;
    vertical-align: middle;
    left:0px;
}
.nav.nav-multitab li:hover{
    border-right: 2px solid #eff0f0 !important;
    border-top: 2px solid #eff0f0 !important;
    border-bottom: 2px solid #eff0f0 !important;
}
.nav.nav-multitab li.active a, .nav.nav-multitab li:hover a,
.nav.nav-multitab li a:hover, .nav.nav-multitab li a:focus{
    color: #2B3A45;
}
.nav-multitab li.active a{
    position: relative;
}
.nav-multitab li.active a:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #41b983;
    left: 15%;
    top: 42%;
    position: absolute;
    font-size: 8px;
    margin-right: 5px;
    vertical-align: middle;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.nav-multitab li.active a.custom:before {
    left: 7%;
}


@media (min-width: 768px) {
    .nav-multitab li.active a:before {
        left: 7%;
    }
}

ul.preferences-tabs {
    display: table;
    width: 100%;
}
ul.preferences-tabs li {
    display: table-cell;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #00b3d9;
    border-right: 1px solid #00b3d9;
    border-top: 1px solid #00b3d9;
    padding: 10px 15px;
}
ul.preferences-tabs li a{
    text-decoration: none;
}
ul.preferences-tabs li:hover, ul.preferences-tabs li.active {
    color: #fff;
    border-bottom: 1px solid #2b3a45;
    border-right: 1px solid #2b3a45;
    border-top: 1px solid #2b3a45;
    background-color: #2c3b45;
}
ul.preferences-tabs li:hover a, ul.preferences-tabs li.active a {
    color: #fff;
}
ul.preferences-tabs li:first-child {
    border-left: 1px solid #00b3d9;
}

.multi-amount-square-black {
    position: relative;
    left:20px;
}
.multi-amount-square-black:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #2c3b45;
    top: 10%;
    position: absolute;
    font-size: 8px;
    margin-right: 5px;
    vertical-align: middle;
    left:-6px;
}
.multi-amount-square-blue {
    position: relative;
    left:20px;
}
.multi-amount-square-blue:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #00B3D9;
    top: 10%;
    position: absolute;
    font-size: 8px;
    margin-right: 5px;
    vertical-align: middle;
    left:-6px;
}

/* END OF multitab */

.nav.nav-centered li a{
    text-align: center;
}

.tab-block .tab-pane h4.pane-title{    
    margin: 25px 0;
}

.tab-block .tab-pane h4.pane-title:first-child{    
    margin: 0 0 25px 0;
}

.tab-block .tab-pane h4.pane-title.pane-title-center{
    text-align: center;
}

.tab-block .tab-pane h1.tab-title{
    text-align: center;
    font-size: 130px;
    margin-top: 25px;
}

.tab-block .tab-pane h1.tab-title sup{
    font-size: 50px;
    top: -55px;
}

.tab-block .tab-pane table.table-prices{
    width: 100%;
}

.tab-block .tab-pane table.table-prices td p{
    margin-bottom: 0px;
}

.tab-block .tab-pane table.table-prices td.descr{
    width: 50%;
    vertical-align: top;
    padding-bottom: 10px;
}

.tab-block .tab-pane table.table-prices tr:first-child td.descr.descr-title{
    padding-top: 0px;
}

.tab-block .tab-pane table.table-prices td.descr.descr-title{
    padding-top: 25px;
    padding-bottom: 10px;
}

.tab-block .tab-pane table.table-prices td.descr.descr-title p{
    font-weight: bold;
}

.tab-block .tab-pane table.table-prices td.price{
    text-align: right;
    vertical-align: top;
    padding-left: 15px;
    color: #00B1DA;
    font-size: 18px;
    width: 50%;
}

.tab-block .tab-pane.two-column-pane div[class*='col-']:last-child{
    padding-left: 50px;
}

.tab-block .container-scroll{
    max-height: 500px;
}

.tab-block .fees-pane-disclaimer{
    padding-right: 25px;
    margin-top: 25px;
}

.container-scroll{
    overflow-y: auto;
    overflow-x: hidden;
}

/* PROMO BANNER BLOCK */

.promo-banner-block{
    background-color: #2d3b46;
    padding: 40px;
    text-align: center;
}

.promo-banner-block h3{
    color: #FFFFFF;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
}

.promo-banner-block p{
    color: #FFFFFF;
}

.promo-banner-block .link:hover{
   color: #FFFFFF;
}

.promo-banner-block.promo-banner-block-readmore{
    padding: 40px;
    position: relative;
}

.promo-banner-block.promo-banner-block-readmore h2{
    float: left;
    width: 70%;
    margin-bottom: 0;
    text-align: left;
    font-size: 28px;
    line-height: 1.3em;
}

.promo-banner-block.promo-banner-block-readmore .quote{
    float: left;
    width: 70%;
    text-align: left;  
    line-height: 1.3em;
}
.promo-banner-block.promo-banner-block-readmore .author{
    color: #FFFFFF;
    margin-bottom: 0;
    float: left;
}

.promo-banner-block.promo-banner-block-readmore a{    
    position: absolute;
    bottom: 40px;
    right: 40px;
}

/* PROMO BANNER BLOCK WITH BTN */

.promo-banner-with-btn-block {
    padding: 40px;
    text-align: left;
}

.promo-banner-with-btn-block h3 {
    color: #2B3A45;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
    width: 70%;
    float: left;
}

.promo-banner-with-btn-block .btn-primary-center-wrapper,
.promo-banner-with-btn-block .btn-secondary-center-wrapper {
    float: right;
}

.promo-banner-with-btn-block span.source {
    display: inline;
    color: #fff;
    font-size: 12px;
}
.is-layout-xs .promo-banner-with-btn-block span.source{
    display: block;
    line-height: 1.3em;
    margin: 15px 0;
}
.promo-banner-with-btn-block a.secondary-button span.icon.icon-arrowright {
    display: none;
}

/* PROMO BANNER WITH LINK INSIDE THE H2 */ 
.promo-banner-block h2 a{
    font-size: 35px;
}

.promo-banner-block.alignLeft{
    text-align: left;
}

/* SMALL PROMO BLOCK */

.small-promo-block{
    padding: 40px 25px;    
}

.small-promo-block h1{
    font-size: 57px;
    color: #00B3D9 !important;    
}

.small-promo-block h1 sup{
    font-size: 40px;
    top: -25px;
}

.small-promo-block h1 span.big{
    font-size: 70px;
}

.small-promo-block h2{
    font-size: 30px;
    color: #00B3D9;
    margin-bottom: 10px;
}

.small-promo-block h3{    
    margin-top: 0px;
    margin-bottom: 0px;
    color: #00B3D9;
}

.small-promo-block p{
    margin-top: 5px;
}

/* RATE BLOCK */

.rate-block h1{
    margin: 0;
    font-size: 50px;
    color: #00B3D9;
}

.rate-block h1 sup{
    top: -.5em;
}

.rate-block h3{
    margin-top: 0;
}

.rate-block p{
   color: #959ca0;
    font-size: 14px;
}

/* KEYPACK SAVINGS BLOCK*/

.banking-img-keypack-women img {
    margin-right: 60px;
}

.banking-keypack-text {
    margin-left: 20px;
    margin-top: 18px;
}

/* BANKING KEYPACK BLOCK */

.banking-keypack-block {
    height: 410px;
}


/*BANKING SAVIGNS ACCOUNTS BLOCK*/

.banking-savings-accounts-block h4 {
    margin-top: 0px;
    font-size: 16px;
}

.banking-savings-accounts-block span.green-number {
    font-size: 22px;
    color: #6abd91;
    font-weight: bold;
}

/* BANKING KEYPACK CONDITIONS popover */
.promo-banner-block #conditionsWrapper{float: right;}
.promo-banner-block #conditionsWrapper a.conditions{line-height: 48px;}
.promo-banner-block #conditionsWrapper a{position: relative;bottom:0;right:0;}
#conditionsWrapper{position: relative;float: left}
#conditionsWrapper:hover #conditionsListWrapper{display: block;}
#conditionsListWrapper{
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    background-color: white;
    border: 1px solid #eee;
    padding: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#conditions-list:after {content: '';position: absolute;border-style: solid;border-width: 0 10px 10px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 1;top: -10px;left: 50%;}
#conditions-list:before {content: '';position: absolute;border-style: solid;border-width: 0 10px 10px;border-color: #eee transparent;display: block;width: 0;z-index: 0;top: -11px;left: 50%;}

#conditions-list li{
    border-bottom: 1px solid #eee;
    list-style-type: none;
    margin: 0px;
    padding: 10px 20px;
}
#conditions-list li a {float: none;margin: 0;}
#conditions-list li:last-child {border-bottom: 0;}

/* AUTOCOMPLETE LIST */

.list-autocomplete{
    position: absolute;
    z-index: 9999;
    width: 100%;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: none;
    background-color: #FFFFFF;
}

.list-autocomplete li:last-child{
    border-bottom: 1px solid #eee;
}

.list-autocomplete li:last-child a{   
    padding-bottom: 15px;
}

.list-autocomplete li a{   
    padding: 15px 15px;
    text-decoration: none;
    width: 100%;
    display: block;
    color: inherit
}
.list-autocomplete li:nth-child(even) {
    background-color: #F4F5F6;
}

.list-autocomplete li a:hover{   
    background-color: #2C3B45;
    color: #FFFFFF;
}

.list-autocomplete li a span.glyphicon{   
    float: right;
}

/* TABLE */

.table-full-width{
    width: 100%;
}

.table-document-list a{
    margin-bottom: 15px;
    margin-top: 0px !important;
}

/* BIG SELECT */
div.big {
    font-size: 32px;
}

select.big-select {
    border:none;
    color: #00B1DA;
}

/* NAVIGATION BLOCK */

.row-navigation [class*=" col-"]{    
    transition: 0.2s linear;
}

.row-navigation [class*=" col-"]:hover{
    background-color: #2C3B45;
    transition: 0.2s linear;
}

.navigation-block{
    padding: 40px;
    float: left;
    width: 100%;
}

.navigation-block-ktl{
    padding: 0px 30px 20px 40px;
    float: left;
    width: 100%;
}

.navigation-block-ktl span{
    margin-right: 25px;
}

.navigation-block-ktl div{
    float: left;
    /* Width is calculated as following: 100% - image width (82px) - margin of image (25px) */
    width: -moz-calc(100% - (107px));
    width: -webkit-calc(100% - (107px));
    width: calc(100% - (107px));
}

.navigation-block-ktl h2{
    margin: 5px 0;
}

.navigation-block-ktl p{
    color: #2c3b45;
    margin: 0;
}

.navigation-block span{    
    margin-right: 25px;
}



.navigation-block div{
    float: left;
    /* Width is calculated as following: 100% - image width (82px) - margin of image (25px) */
    width: -moz-calc(100% - (107px));
    width: -webkit-calc(100% - (107px));
    width: calc(100% - (107px));
}

.navigation-block h2{
    margin: 5px 0;   
}

.navigation-block p{
    color: #2c3b45;
    margin: 0;
}
.row-navigation [class*=" col-"]:hover p, .row-navigation [class*=" col-"]:hover h2, .row-navigation [class*=" col-"]:hover span{
    color: #FFFFFF;
}


/* MOST ACTIVE STOCKS BLOCK */

.active-stocks-block .stocks-value{
    margin: 50px 0px 15px 0px; 
    width: 100%;
    font-size: 70px;
    float: left;
    line-height: 55px;
}
.is-layout-xs .active-stocks-block .stocks-value{
    font-size: 50px;
}

.active-stocks-block .stocks-value sup{
    font-size: 35px;
    margin-left: 10px;
    top: -23px;
}

.active-stocks-block .stocks-value.pos{
    color: #4DB07A;
}

.active-stocks-block .stocks-company{
    margin-bottom: 50px;
    margin-left: 62px;
}

/* PROMO BLOCK MATRIX */

.promo-block-matrix .col-sm-6{
    padding: 25px;
}

/* INFOSESSIONS BLOCK */

.infosessions-block h2{
    margin-bottom: 5px;
}

.infosessions-block .upcoming-infosessions{
    color: #B1B5B8;
    margin: 30px 0;
}

.infosessions-block .infosession{
    padding: 25px 0;
    border-top: 1px solid #eee;
}

.infosessions-block .infosession:last-child{    
    border-bottom: 1px solid #eee;
}

.infosessions-block .infosession .title{    
    margin: 0;
}

.infosessions-block .infosession p{
    margin: 0;
}

/* VIDEO BLOCK */

.video-block{padding-bottom: 40px;}

.video-block h2{    
    color: #00B3D9 !important;
    margin: 0;
}

.video-block .link{
    margin: 0 15px 0 0 !important;
}

.video-block .video-play:hover .icon-video-player{
    color: #2C3B45;
}

.video-block .video-image-wrapper{
    position: relative;
}
.video-block .video-play{    
    text-decoration: none;
}

.video-block .video-image-wrapper .icon-video-player{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -32px; /* HALF OF THE HEIGHT */
    text-align: center;
    color: #00B3D9;
}


/* INVESTING Profiles */

.invest-profile-button-wrapper {
    padding: 5px 25px 40px 25px;
}


/* NUMBERS-BLOCK */ 
#numbers-block h3.important {
    font-size: 30px;
    margin-bottom: 15px;
}
#numbers-block .number{
    margin-bottom: 0px;
    font-size: 70px;
    padding-bottom: 0px;
    border: none;
    line-height: 70px;
}
#numbers-block .number,
#numbers-block h2.important {
    color: #00B3D9;
}

#numbers-block h2.important > span.currency {
    font-size: 0.5em;
}
#numbers-block h5 {
    color: #2B3A45;
}

#numbers-block .image-block {
    float: left;
    padding-right: 10px;
}

#numbers-block .image-block.euro-sign{
    width: 75px;
}

#numbers-block .image-block.ascending-arrow{
    width: 140px;
}

#numbers-block .image-block.client-chart, #numbers-block .image-block.wallet{
    float: none;
}

#numbers-block .image-block.client-chart > img, #numbers-block .image-block.wallet > img{
    width: 170px;
}

#numbers-block .image-block.people {
   float: right;
}

#numbers-block .image-block.people img{
   float: left;
   width: 75px;
}

#numbers-block .text-block {
    float: left;
}

#numbers-block h3{
   margin-top: 0px;
}

/* AUDIO LIBRARY ( LISTENING LIBRARY ) */

.audio-library-block{}

.audio-library-block .audio-library-list{}

.audio-library-block .audio-library-list li{    
    padding-left: 50px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.audio-library-block .audio-library-list li:last-child{
    margin: 0;
}

.audio-library-block .audio-library-list li h3{margin: 0;float: left;}

.audio-library-block .audio-library-list li .audio-controls{float: right;}

.audio-library-block .audio-library-list li .audio-progress{
    margin-top: 5px;
    color:#fff; 
    width:100%; 
    height:2px;
}

.audio-library-block .audio-library-list li .audio-progress .audio-progress-bar{
    background-color:#00B1DA;
    height:2px;
    display:inline-block;
}

/* Seperate audio link */

.audio-link .audio-container{
    display: none;
}

.audio-link .audio-controls{
    margin-top: 15px;
    width: 15%;
}

.audio-link .audio-progress{
    margin-top: 26px;
    color:#fff;
    background-color: #eee;
    width:85%;
    height:4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

.audio-link .audio-progress .audio-progress-bar{
    background-color:#2C3B45;
    height:4px;
    display:inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
}

.audio-label, .video-label  {
    vertical-align:sub;
}

/* CAREERS-BLOCK */ 

.careers-block, .careers-block p {
    /* In the design, the font-size is smaller than on other pages, but for consistency and readability
    I'd like to wait and keep the default 16px for now. Charles*/
    /*font-size: 14px;*/
}


/* KEYPLAN FUNDS LIST */
.is-layout-md #searchFunds {
    margin-top: 160px;
}
.is-layout-lg #searchFunds {
    margin-top: 140px;
}

/* KEYPLAN-BUILDER-BLOCK */

.keyplan-builder-block label {
    font-size: 32px;
    font-weight: normal;
    width: 200px;
}

.keyplan-builder-block input, .keyplan-builder-block select, .funds-list-table input {
    font-size: 30px;
    height: 56px;
    padding-left: 10px;
    color: #00B1DA;
    width: 330px;
    line-height: normal;
}

.is-layout-md .form-fundlist-search,
.is-layout-lg .form-fundlist-search {
    margin-top: 130px;
}

.funds-list-table input.input-xsmall {
    text-align: center;
    color: #2B3A45;
}

.funds-list-table .pourcentage {
    border: 1px solid #eee;
    height: 50px;
    width: 80%;
}

.funds-list-table .pourcentage .complete {
    height: 100%;
    width: 20%;
    background-color: #00B1DA;
}

.funds-list-table .pourcent-number {
   font-size: 36px;
}

.funds-list-table .pourcent-number span {
    margin-top: 10px;
    margin-left: 10px;
    display: block;
}

.funds-list-table .active-plan a.btn{
    float: none;
}

.funds-list-table .funds-list-block {
    padding-top: 10px;
}

.funds-list-table .fund {
/*    margin-top: 20px; @TODO: check keyplan-builder if style is still ok...; */
/*    height: 80px; @TODO: check keyplan-builder if style is still ok...; */
    border-bottom: 2px solid #eee;
}

.funds-list-table .fund.header {
    border-top: 2px solid #EEE;
    border-width: 2px;
    padding-bottom: 15px;
    padding-top: 15px;
/*    height: 65px; @TODO: check keyplan-builder if style is still ok...; */
}

.funds-list-table .fund.header .keytrade-block{
    padding: 20px;
}

.funds-list-table .fund p:first-child {
    padding-top: 15px;
}

.fund-description-header #numbers-block h2.important {
    font-size: 48px;
    margin-bottom: 15px;
}
.fund-description-header #numbers-block h3.important {
    font-size: 28px;
}

.fund-description-header #numbers-block .numbers-evolution {
    margin-top: 20px;
}
.is-layout-xs .fund-description-header #numbers-block .numbers-evolution {
    margin-top: 5px;
    margin-bottom: 20px;
}



.fund-description-header h5 {
    color: #2B3A45;
    margin-bottom: 1px;
}

ul.rating-diamonds {
    display: block;
    width: 100%;
    margin: 5px 0;
}

ul.rating-diamonds li {
    position: relative;
    display: inline-block;
    background: transparent url('../images/png/icn_diamond_none.png') no-repeat left top;
    width: 20px;
    height: 20px;
}

ul.rating-diamonds li.diamond-full {
    background-image: url('../images/png/icn_diamond_full.png');

}
ul.rating-diamonds li.diamond-empty {
    background-image: url('../images/png/icn_diamond_empty.png');
}
ul.rating-diamonds li.diamond-none {
    background-image: url('../images/png/icn_diamond_none.png');
}

/*used for print.*/
ul.rating-diamonds li.diamond-full img,
ul.rating-diamonds li.diamond-empty img,
ul.rating-diamonds li.diamond-none img {display: none;}

ul.risk-indicator {
    display: block;
    width: 100%;
    padding-left: 20px;
    margin: 10px 0;
}

ul.risk-indicator li {
    display: inline-block;
    width: 13%;
    font-size: 60px;
    text-align: center;
    color: #E1E2E4;
}

.is-layout-xs ul.risk-indicator li {
    width: 30%;
}

.risk-indicator-line {
    width: 100%;
    float: left;
}
.risk-indicator-line img {
    height: 21px;
}
.risk-indicator-line p {
    background: #E1E2E4;
    height: 3px;
    margin: 9px 14px;
}

/* SUPPORT MAIN NEWSLETTERS BLOCK */

.support-newsletters-block a.btn.btn-primary{   
    line-height: 27px;
}

/* MARKETS BLOCK ( markets carousel ) */

.markets-block{
    background-color: #FFFFFF;
    padding: 25px 0;
    width: 100%;
    float: left;
}
.markets-block .markets-wrapper{
    position:relative;
    margin-bottom:0;
    list-style-type: none;
    float: left;
    width:100%;
    overflow:hidden;}   
.markets-block .markets-list{
    margin-bottom:0;
    list-style-type: none;
    width:500%;
}
.markets-block .markets-list li{
    margin-bottom:0;
    display:inline-block;
    margin-right: 50px;
}
.markets-block .markets-list li img{
    display: none;
}
.markets-block .markets-list li p{
    color: #000000;
    margin: 0px;
}   
.markets-block .markets{
    float: right;
    width: 15%;
    text-align: right;
    margin-top: 10px;
}
.markets-link{
    width: 100%;
    height: 75px;
    line-height: 45px;
}

.markets-link span{
    line-height: 45px;
}

/* CLOSING DAYS TABLE */

.table-closingdays{
    margin: 0px;
}

.table-closingdays td:nth-child(1){
    padding-left: 25px;
    text-align: left;   
}

.table-closingdays td{
    vertical-align: middle !important;
    text-align: center;
}

.table-closingdays td.hours{
    background-color: #2C3B45;
    color: #FFFFFF;
}

.is-layout-lg .table-closingdays .legend-list-wrapper, .is-layout-md .table-closingdays .legend-list-wrapper{
    margin-left: 25px;
    margin-top: 40px;
}

.is-layout-sm .table-closingdays .legend-list-wrapper{
    margin-top: 25px;
    margin-left: 25px;
}

.is-layout-sm .table-closingdays th{
    padding: 0px;
}

.is-layout-sm .table-closingdays th.rotate > div{
    transform: translate(0px, 185px) rotate(-90deg);
}

/*TABLE MARKET HOURS */

.table-market-hours {
    width: 100%;
}

.table-market-hours td {
    border-bottom: 2px solid #eee;
    padding: 20px 0px;
    vertical-align: top;
}

.table-market-hours tr:first-child td {
    padding-top: 0px;
}

.closingday-wrapper{padding: 10px 25px;}
.closingday-return{padding: 15px 40px;background-color: #eee;}
.closingday-trigger{cursor:pointer;}

/* COOKIE POLICY ALERT */

#cookiePolicyWrapper { display: none; }

/*TABLE PRODUCTS LIST */

.table-products-list {
    width: 100%;
}

.table-products-list td:first-child, .table-products-list th:first-child {
    padding-right: 120px;
}

.table-products-list tr:last-child td{
    border: none;
    padding-bottom: 0px;
}

.table-products-list td, .table-products-list th {
    border-bottom: 2px solid #eee;
    padding: 30px 30px;
    vertical-align: top;
}

.table-products-list tr:first-child td {
    padding-top: 0px;
}

/* DISCLAIMER BLOCK ( AT THE BOTTOM OF THE PAGE ) */

.disclaimer-block .disclaimer{
    margin-top: 0px;
}


/* Transaction rules niw */

.table-niw th, .table-niw td {
  padding: 10px;
}

/* Most Active stocks List block */

.most-active-stocks-list-block table{margin: 20px 0px;}

.most-active-stocks-list-block table td:nth-child(3){
    text-align: right;
}

.most-active-stocks-list-block p, .most-active-stocks-list-block a {
    font-size: 20px;
}

table.most-active-stocks-table tr td{
    vertical-align: middle;
}
table.most-active-stocks-table tr .legend{
    text-align: center;
}
table.most-active-stocks-table tr .legend span{
    font-size: 12px;
}

.table-legend-row td{
    border:none !important;
    padding: 5px 0 !important;
}

.table-legend-row .legend .buy, .table-legend-row .legend .sell{
    width: 25%;
}

.table-legend-row .legend .percent{
    width: 50%;
    text-align: center;
}

.quantity-info span{
    color: #959ca0;
    font-size: 12px;
}

.quantity-bar{
    width: 100%;
    height: 15px;
}

.quantity-bar span{    
    height: 15px;
    float: left;
}

.quantity-bar .buy-per{
    background-color: #4DB07A;
}

.quantity-bar .sell-per{
    background-color: #B7005A;
}

/* INTERNET EXPLORER 6 ALERT */

#internet-explorer-6-alert { display: none; background-color: #B7005A !important; }
#ie6Container{padding: 15px 25px;}

.mmi-embed{
    width: 70%;
    height: 481px;
    margin-top: 5px;
    margin-left: 15%;
}

.campaign-promo-block{
    border-left: 10px solid #B90059;
}

/* MMI */

.flip-clock-divider{
    width: 50px;
}

.flip-clock-dot{
    display: none;
}

.flip-clock-wrapper ul li a div div.inn{
    font-size: 60px;
    color: #00B3D9;
}

.flexslider.flexslider-controls-right .flex-control-nav{
    width: auto;
    bottom: 15px;
    right: 25px;
}

.flexslider.flexslider-controls-right .flex-control-nav li{
    margin: 0 8px;
}

.flexslider.flexslider-controls-right .flex-control-nav li a{
    width: 15px;  
    height: 15px;
}

.flexslider-static-nav{padding: 40px 50px;}
.flexslider-static-nav .flex-direction-nav a{
    opacity: 1;
}

.flexslider-static-nav .flex-direction-nav .flex-prev { left: 0px; }
.flexslider-static-nav .flex-direction-nav .flex-next { right: 0px; }

.sticky-footer .helpdesk-jeanPhilippe {
    background-image: url('../images/jean_philippe.png');
    background-repeat: no-repeat; 
    height: 50px;
    width: 70px;
}

/* BOOTSTRAP CAROUSEL */

.carousel{
    padding-bottom: 100px;
}

.carousel-indicators {
    bottom: 0 !important;
}

.carousel-indicators li{
    background-color: #00B3D9;
    border: 0;
    margin: 0 5px;
    width: 12px;
    height: 12px;
}

.carousel-indicators li.active{
    background-color: #FFFFFF;
    margin: 0 5px;
}

#already .menu-align-right,
#not .menu-align-right {
    text-align: right;
}


#custom-graph-placeholder{
    width: 100%; 
    height: 100%; 
    position:relative;
    background-image: url('../images/products/keyplan/dummy-graph.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 77;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}
#custom-graph-placeholder-text{
    text-align:center; 
    position: absolute; 
    top: 72%;
    z-index:88;
    width:100%;
}
#custom-graph-placeholder-text .icon-arrow-bottom{
    color: #00B3D9;
    position: absolute;
    left: 47%;
    top:0px;
    font-size:30px;
    line-height: 100px;
}
#fip-percentage-total-ok .icon-bullet-point{
    color: #00B3D9;
    position: absolute;
    left: 0;
    top:-40px;
    font-size:30px;
    line-height: 100px;
}

.show-initial-round {
    background-color: #EFF0F0;
    height: 150px;
    width:  150px;
    border-radius: 75px;
}

.show-initial-round .text-initial-round {
    width: 100%;
    padding-top: 55px;
    margin-bottom: 55px;
    text-align: center;
}

.show-initial-round .text-initial-round h1 {
    font-size: 35px;
}

/* ABBL Luxembourg */
.footer div.link-list.abbl {
    margin: auto; float: none;
}
div.abbl ul li img {
    float: left;
}
div.abbl ul li p {
    line-height: 15px;
    margin-left: 138px;
    font-size: 13px;
    margin-top: -2px;
    text-align: left;
}

/* Best Trading Offer / Savings comparison / Investing comparison Luxembourg */
table.table-comparison > thead > tr > th {
    color: #929d9f;
    font-size: 14px;
    padding: 21px 20px 20px 0;
    font-weight: normal;
    text-align: right;
    border-bottom: 2px solid #EFF0F0;
    vertical-align: top;
}
table.table-comparison.trading > thead > tr > th {
    width: 13.5%;   
}
table.table-comparison > tbody > tr > td {
    text-align: right;
    padding: 0 20px 0 0;
    border: 0;
}
table.table-comparison.investing > thead > tr > th, table.table-comparison.investing > tbody > tr > td {
    text-align:left;
    padding: 20px;
    border-bottom: 1px solid #EFF0F0;
}
table.table-comparison.investing > tbody > tr > th  {
    padding: 20px 0;
}
table.table-comparison.investing > thead > tr:first-child > th {
    color: #2c3b45;
    font-size: 16px;
}
table.table-comparison.investing span.icon {
    vertical-align: baseline;
}
table.table-comparison.savings > tbody > tr > td {
    padding: 10px;
}
table.table-comparison.savings > tbody > tr.ktl > td {
    font-weight: bold;
}
table.table-comparison.savings > tbody > tr > th {
    padding: 10px;
    color: #929d9f;
    font-weight: normal;
}
table.table-comparison > tbody > tr > th.title {
    padding: 10px;
    font-size: 22px;
    color: #00b3d9;
    background-color: #EFF0F0;
}
table.table-comparison.custodian > tbody > tr > td, table.table-comparison.investing > tbody > tr > td:first-child {
    padding: 20px 20px 20px 0;
}
table.table-comparison.custodian > tbody > tr > td:first-child {
    text-align: left;
}
table.table-comparison.trading > tbody > tr:first-child > td:not(:last-child):after {
    content: ' /';
    margin-right: -9px;
}
table.table-comparison.trading > tbody > tr:first-child > td  {
    padding-top: 20px;
}
table.table-comparison.trading > tbody > tr:last-child > td  {
    padding-bottom: 20px;
}
table.table-comparison.trading > thead > tr > th:last-child, table.table-comparison.custodian > thead > tr > th:last-child, table.table-comparison.investing > thead > tr > th:last-child {
    text-align: left;
    background-color: #EFF0F0;
}
table.table-comparison.trading > thead > tr > th:last-child, table.table-comparison.custodian > thead > tr > th:last-child {
    font-size: 22px;
    color: #00b3d9;
    padding: 20px;
}
table.table-comparison.trading > thead > tr > th:last-child {
    width: 19%;
}
table.table-comparison.trading > tbody > tr > td.ktl, table.table-comparison.custodian > tbody > tr > td.ktl {
    text-align: left;
    padding: 0 0 0 20px;
    font-size: 22px;
    background-color: #EFF0F0;
    vertical-align: center !important;
}
table.table-comparison.investing > tbody > tr > td.ktl {
    background-color: #EFF0F0;
}
table.table-comparison.custodian > tbody > tr > td.ktl {
    font-size: 70px;
}
table.table-comparison-mobile > thead > tr > th {
    border-bottom: 2px solid #EFF0F0;
    padding-bottom: 10px;
}
table.table-comparison-mobile > thead > tr > th:first-child {
    border-right: 2px solid #EFF0F0;
}
table.table-comparison-mobile > tbody > tr > th {
    color: #929d9f;
    font-size: 14px;
    padding: 10px;
    border-right: 2px solid #EFF0F0;
}
table.table-comparison-mobile > tbody > tr > td {
    text-align: right;
    padding: 10px 2px 10px 10px;
    width: 10%;
}
table.table-comparison-mobile > tbody > tr > td:last-child {
    text-align: left;
    padding: 10px 10px 10px 2px;
}
table.table-comparison-mobile.custodian > tbody > tr > td {
    text-align: center;
    padding: 10px;
}
table.table-comparison-mobile > tbody > tr:last-child > th, table.table-comparison-mobile > tbody > tr:last-child > td {
    color: #00b3d9;
    font-size: 22px;
    background-color: #EFF0F0;
    padding: 10px;
    text-align: center;
}
table.table-comparison-mobile.custodian > tbody > tr > td.ktl {
    font-size: 60px;
    padding:10px;
}
/* Keytrade Pro WEB / DESKTOP trader charts block */
.ktpro-charts-block {
    background-image: url('../images/png/ktpro_bg_charts.png');
    position: relative;
}

.ktpro-charts-block h2, .ktpro-charts-block .nav.nav-stacked > li.active > a {
    color: #FFF;
}

.ktpro-charts-block .nav.nav-stacked > li.active {
    background-color: #2C3B45;
}

.ktpro-charts-block .nav.nav-stacked > li > div.mobile-content {
    background-color: #2C3B45;
    color:#FFF;
}

.ktpro-charts-block .tab-content-wrapper {
    padding-left: 0;
    color: #FFF;
}

.ktpro-charts-block .tab-content {
    background-color: #2C3B45;
    height: 470px;
}

.is-layout-md .ktpro-charts-block .tab-content {
    height: 560px;
}
.is-layout-sm .ktpro-charts-block .tab-content {
    height: 500px;
}

.ktpro-charts-block .tab-pane {
    height: 100%;
}

.ktpro-charts-block ul.nav {
    margin-left:15px;
    background: rgba(44,59,69,0.5);
    min-height: 470px;
}
.is-layout-md .ktpro-charts-block ul.nav {
    min-height: 560px;
    margin-bottom: 20px;
}
.is-layout-sm .ktpro-charts-block ul.nav {
    min-height: 500px;
    margin-bottom: 0;
}

.ktpro-charts-block .nav-block {
    padding-left: 20px;
    padding-top: 20px;
}

.ktpro-charts-block .nav-block p {
    line-height: 420px;
    width: 175px;
    float:left;
    padding-left: 20px;
    font-size: 20px;
}
.is-layout-md .ktpro-charts-block .nav-block p, .is-layout-sm  .ktpro-charts-block .nav-block p {
    line-height: normal;
    float: none;
    width: auto;
    padding-top: 420px;
}
.is-layout-sm  .ktpro-charts-block .nav-block p {
    padding-top: 380px;
    font-size: 16px;
}

.ktpro-charts-block .nav-block p span {
    vertical-align:middle;
    display:inline-block;
    line-height:normal;
    height: inherit;
}

.ktpro-charts-block ul.nav > li > a {
    color: #00b3d9;
    display: inline-block;
    padding: 22px 0;
    font-size: 20px;
}
.is-layout-sm .ktpro-charts-block ul.nav > li > a {
    font-size: 16px;
}
.ktpro-charts-block ul.nav > li.active > a {
    padding-left: 6px;
    background: none;
    width: 93%;
}
.ktpro-charts-block .nav.nav-stacked > li:not(.active) a {
    padding-left: 15px;
    background: none;
    width: 100%;
}

.ktpro-charts-block ul.nav li, .ktpro-charts-block ul.nav > li:last-child {
    padding-left: 15px;
    display: list-item;
    border: 0;
    background: none;
}

.ktpro-charts-block ul.nav > li.active::before {
    content: '\02022';
    color: #41BA84;
}
.ktpro-charts-block ul.nav > li.active::after {
    content: none;
    border: 0;
}
.ktpro-charts-block .screenshots span {
    background-image: url('../images/png/ktpro_screenshots_desktop.png');
    background-repeat: no-repeat;
    background-size: 630px auto;
    width: 618px;
    height: 530px;
    position: absolute;
    right: -25px;
    top: -34px;
    z-index:100;
}
.ktpro-charts-block .screenshots.web-trader span {
    background-image: url('../images/png/ktpro_screenshots.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 570px;
    height: 499px;
    position: absolute;
    right: -26px;
    top: -15px;
    z-index:100;
}
.is-layout-md .ktpro-charts-block .screenshots span {
    top: -86px;
}
.is-layout-sm .ktpro-charts-block .screenshots span {
    width: 490px;
    background-size: 490px;
    top: -43px;
    right: -25px;
}
.is-layout-sm .ktpro-charts-block .screenshots.web-trader span {
    width: 470px;
    background-size: 470px;
}
.ktpro-charts-block .screenshots img {
    width: 546px;
    height: 328px;
    position: absolute;
    top: 7px;
    right: -25px;
}
.is-layout-md .ktpro-charts-block .screenshots img {
    top: -45px;
}
.is-layout-md .ktpro-charts-block .screenshots.web-trader img {
    top: -64px;
}
.is-layout-sm .ktpro-charts-block .screenshots img {
    width: 431px;
    height: 255px;
    top: -12px;
}
.is-layout-sm .ktpro-charts-block .screenshots.web-trader img {
    width: 451px;
    height: 271px;
    top: -24px;
}

/*//////////////////// KEYPRIVATE PAGES /////////////////////////*/

.keyprivate-satellite-pages {
    font-family: "EffraLight", Arial, sans-serif;
}


@media (min-width: 1200px) {
    .keyprivate-satellite-pages .container.container-main-content{
        width: 1180px;
    }
}

.keyprivate-satellite-pages .white-bg {
    color: #2C3B45;
}

.keyprivate-satellite-pages .public-pages {
    margin-top: 80px;
}

.keyprivate-satellite-pages h1 {
    font-size: 50px;
}

.keyprivate-satellite-pages h1 span.blue {
    font-family: "Effra", Arial, sans-serif;
}

.keyprivate-satellite-pages .white-bg h5,
.keyprivate-satellite-pages .paragraph-regular {
    color: #42505A;
    font-family: "Effra", Arial, sans-serif;
    font-size: 21px;
}

.keyprivate-satellite-pages .keyprivate-satellite-content {
    padding: 52px 80px;
}

.keyprivate-satellite-pages  h1.title-category {
    width: 100%;
    text-align: center;
    font-size: 50px;
    color: #00B3DB;
}

.keyprivate-satellite-pages  h1.title-category.title-mpt {
    margin-top: 64px!important;
    margin-bottom: 56px!important;
}

.keyprivate-satellite-pages  h1.title-category.title-graph {
    margin-top: 64px!important;
}

.keyprivate-satellite-pages h5 a {
 font-size: inherit;
}

.keyprivate-satellite-pages .blue-background {
    padding: 47px 80px;
}

.keyprivate-satellite-pages .blue-background {
    background-color: #00B3DB;
    color: #FFF;
}

.keyprivate-satellite-pages .blue-background h1.title-category {
    color: #FFF;
}


.keyprivate-satellite-pages .blue-background ul li{
    color: #FFF;
    font-family: "Effra", Arial, sans-serif;
    font-size: 21px;
    margin-bottom: 35px;
}

.keyprivate-satellite-pages .blue-background ul li:before {
    color: #FFF;
}

.keyprivate-satellite-pages .content-mpt  {
    padding-top: 67px;
    padding-left: 81px;
}

.keyprivate-satellite-pages .content-graph {
    padding-bottom: 64px;
}

.keyprivate-satellite-pages .content-members h1.title-category {
    margin-top: 5px;
    margin-bottom: 42px;
}

.keyprivate-satellite-pages .content-members h5.subtitle-gray {
    color: #959DA2;
    font-size: 24px;
    text-align: center;
   width: 100%;
    margin-bottom: 102px;
    font-family: "EffraLight", Arial, sans-serif;
}

.keyprivate-satellite-pages .content-members .list-members {
    text-align: center;
}

.keyprivate-satellite-pages .content-members .list-members .row-members {
    margin-bottom: 70px;
}

.keyprivate-satellite-pages .content-members .list-members .name-member {
    margin-top: 29px;
    margin-bottom: 15px;
    font-family: "Effra", Arial, sans-serif;
    font-size: 23px;
    color: #2C3B45;
}

.keyprivate-satellite-pages .content-members .list-members .title-member {
    margin-bottom: 20px;
    font-size: 22px;
    color: #959DA2;
}

.keyprivate-satellite-pages .content-members .list-members .description-member {
    font-size: 16px;
    color: #2C3B45;
    font-family: "Effra", Arial, sans-serif;
}

.keyprivate-satellite-pages .content-members .list-members .linkedin {
    margin-left: 13px;
}


/* TRADING INSIGHTS */

.trading-theme-row .trading-theme{
    height: 307px;
    background-size: cover;
    overflow:hidden;
}

.is-layout-sm .trading-theme-row .trading-theme {
    height: 250px;
}

.trading-theme-row .trading-theme a.link{
    height: 100%;
    width: 100%;
}

.trading-theme-row .trading-theme .text-overlay{
    width: 100%;
}

.trading-theme-row .trading-theme > a > .text-overlay{
    background-color: rgba(0,0,0,0.5);
}

.trading-theme-row .trading-theme .text-overlay > div{
    padding: 15px 15px;
    width: 100%;
}

.trading-theme-row .trading-theme .text-overlay a:hover h3{
    color: #00B3D9;
}

.trading-theme-row .trading-theme .trading-theme-overlay {
    position: relative;
    height: 100%;
    opacity:0;
    -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
}

.trading-theme-row .trading-theme:hover .trading-theme-overlay {
    opacity:1;
}

.trading-theme-row .trading-theme:hover .trading-theme-overlay .plus {
    font-family:Helvetica;
    font-weight:900;
    color:rgba(255,255,255,.85);
    font-size:96px;
}

.trading-theme-cover {
    background-repeat: no-repeat;
}

.is-layout-xs .trading-theme-cover {
    background-size: cover;
    background-repeat: no-repeat;
    height: 270px;
}

.instrument-info-row {
    cursor: pointer;
    color: #2B3A45;
}

.instrument-info-row:hover, .instrument-info-row.dark-bg  {
    color: #FFFFFF;
    background-color: #2C3B45;
}


.keyprivate-satellite-pages .content-members .list-members .linkedin img{
    margin-top: -3px;
}

.keyprivate-satellite-pages .content-nobel p, 
.keyprivate-satellite-pages .content-graph p, 
.keyprivate-satellite-pages .content-black-litterman p {
    font-size: 16px;
}

.keyprivate-satellite-pages .content-nobel .image-nobel {
    margin-bottom: 78px;
}

.keyprivate-satellite-pages .image-graph-mpt {
    margin-bottom: 49px;
}

/* WARNING BLOCK */

div.warning-block{    
    border: 1px solid #e84c3d;
    border-left: 15px solid #e84c3d;
    padding: 35px 40px;
    font-size: 18px;
}

div.warning-block h1{
    color: #e84c3d;
}

div.warning-block p{
    font-size: 18px;
}

/* AUTHENTICATE BLOCK */

.suitability-objective {
    border: 1px solid #D0D0D0;
    padding: 15px 8px;
}

.suitability-objective ul.list-checkmarks li {
    margin-bottom: 6px;
}


.align-middle{
    text-align: center;
}


/* Custom Style for Prices/fees*/
.documents-block-our-fees a span{
    display: inline;
}
.documents-block-our-fees{
    text-align: left;
    padding: 5px 5px 5px 5px;
    margin-left: 0;
    /*border-style: solid;*/
    border: 1px solid #EFF0F0;
    border-radius: 5px;
    max-width: 80%;

}

.keytrade-block-fees{
    padding : 0 5px 0 0;
    max-height: 80px;
}
.keytrade-block-fees-top{
    margin-top:90px;
}
.keytrade-block-fees-bottom{
    margin-bottom:50px;
}


#info-tariff {
    margin-bottom: 50px;
}

.keytrade-block-fees ul.disclaimer-list li{
   /* line-height: 1em !important;*/
    line-height: 1em;
}


@media only screen and (max-width: 767px){
    .keytrade-block-fees-top{
        margin-top:0;
    }
    .transfer-of-securities-lux-block{
        background: none !important;
        border-bottom: none !important;
    }
}
@media only screen and (max-width: 992px){
    .keytrade-block-fees{
        max-height: 90px;
    }
    /*
    .disclaimer-list {

    }*/
}
.transfer-of-securities-lux-block{
    width:645px;
    color: white;
    left: 5%;
}
.transfer-of-securities-lux-title{
    opacity: 1;
    margin-top: 0px;
    font-size: 36px;
}
.transfer-of-securities-lux-intro{
    opacity: 1;
    font-size: 20px;
}

.dark-blue-color{
    color: #2B3A45 !important;
}

@media only screen and (min-width: 515px) {
    .banking-trading-app-title {
        max-width: 60%;
    }
}
    /* Custom Style for Prices/fees*/
    .banking-doc-block a span{
        display: inline;
    }
    .banking-doc-block{
        text-align: left;
        padding: 15px 15px 15px 15px;
        margin-left: 0;
        margin-top: 10px;
        /*border-style: solid;*/
        border: 1px solid #EFF0F0;
        max-width: 85%;

    }


.mobile-img-app{
    right:0;
    bottom:0;
    position:absolute;
    max-width: 330px;
}

@media only screen and (max-width: 1200px){
    .mobile-img-app{
    width: 220px;
    float: right;
    }
}

.kt-block-0-padbt{
    padding-bottom: 0px;
}

.ch-exp-off img{
    width:100%;
}

.keyfunds-custom-subtitle{
    width: 406px;
    height: 30px;
    font-size: 24px;
    font-family: Open Sans;
    font-weight: bold;
    line-height: 30px;
}

.isin-code{
    width: 101px;
    height: 14px;
    color: rgb(90, 122, 142);
    font-size: 12px;
    font-family: Open Sans ;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    float: none !important;
    margin-top: 10px;
}

.keyfunds-fund.keyfunds-fund{
    /*width: 175px;*/
    height: 20px;
    color: rgb(0, 179, 219);
    font-size: 16px;
    font-family: Open Sans ;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    float: none !important;
    margin-top: 10px;
    width: auto;
}

.tablinks{
   padding: 40px 0px 20px 0px;
   background-color: #f7f7f7;
   text-align: center;
    display: flex;
   /* flex-wrap: wrap;*/
    flex-direction: column;
    align-items: center;

}

.tablinks:hover{
    background-color: #ffffff;
}

.current-tab {
    background-color: #ffffff;
    border-bottom-color: rgb(0, 179, 219);
    border-bottom-style: solid;
    border-bottom-width: 5px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03), 0px 14px 28px 0px rgba(0, 0, 0, 0.1);


}

.current-tab > .keyfunds-fund{
    color: #2c3b45;
}

.mid-border{
    border-left-color: #ffffff;
    border-left-style: solid;
    border-right-color: #ffffff;
    border-right-style: solid;
}
.tabcontent {
    display: none;
}

.tabbed-menu{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: -30px;
}

.adv-dis-gen{
    padding: 50px 0 0 70px;
}

.keyfunds-top-content{
    margin-top: 30px;
}
.keyfunds-pre-h{
    padding: 0 0 0 5%;
}

.show-xs{
display : none;
}


.keyfunds-doc{
    text-align: left;
    padding: 5px 5px 5px 5px;
    margin-left: 0;
    border-style: solid;
    border: 1px solid #EFF0F0;
    border-radius: 5px;
    max-width: 80%;
    display: inline;

}

.documents-block.keyfunds-doc{
    margin: 2% 2% 2% 0;
}

.zero-eur-promo{
    border-radius: 15px;
    background-color: #5a7a8e;
    padding: 15px;
    float: left;
    margin-top: 10px;
    font-size: 50px;
    font-weight: bold;
    margin-right: 10px;
    font-family: Open Sans;
}

.zero-eur-promo sup {
    top: -0.9em;
    font-size: 40%;
    font-weight: normal;
}

.header-banner-top{
    font-size: 16px;
    font-family: Open Sans;
    font-weight: bold;
    line-height: 22px;
}

.hbs2{
    font-family: Open Sans;
    font-weight: bold;
}

.disclaimer-home{
    color: #FFFFFF !important;
}

.keyprivateOnboardingContact {
    border-color: #DADADA;
    border: 1px solid;
    border-radius: 10px;
    text-align: center;
    color: #2B3A45;
    background-color: #EFF0F0;
}

.keyprivate-info-bullets {
    border-left: 2px dashed #00B3D9;
}

.keyprivate-info-bullets p .info-bullet {
    color: #FFF;
    background-color: #00B3D9;
    font-size: 10px;
    vertical-align: middle;
    position: absolute;
    left: 30px;
    width: 20px;
    border-radius: 30px;
    margin-left: 2px;
    padding-left: 4px;
}

.keyprivate-info-bullets p {
    margin-top: 15px;
}

.keyprivate-info-bullets p .info-text {
    vertical-align: middle;
    margin-top: 10px;
    position: relative;
    left: 30px;
}

.keyprivate-info-bullets p .info-title {
    vertical-align: middle;
    margin-top: 10px;
    position: relative;
    left: 25px;
    top: -3px;
}


/* end of css file
 */

/** override COVID-19 **/
/*
div.strateo-home  .header-banner {
    margin-top: 0px !important;
}
*/