/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.back-container p{text-align:center;}

.mc_keylogo{ position:fixed; top:14.2%; left:0px; width:100%; z-index:10; }
.mc_keylogo .lv1{max-width:472px; margin:0 auto; position:relative; left:35px;}
.mc_keylogo .animate-logo{position: absolute; top: 18%; left: -1.5%; width: 22%;}

/* screen 1 */
@media only screen and (max-width:1920px){
    .mc_keylogo .lv1{max-width:400px;}
}

@media only screen and (max-width:1440px){
    .mc_keylogo .lv1{max-width:350px;}
}

@media only screen and (max-width:1366px){
    .mc_keylogo .lv1{max-width:350px;}
}

@media only screen and (max-width:1112px){
    .mc_keylogo .lv1{max-width:350px;}
}

@media only screen and (max-width:1366px) and (max-height:799px){
    .mc_keylogo{ top:11%; }
    .mc_keylogo .lv1 { max-width: 300px; }
}


@media only screen and (max-width:1080px){
    .mc_keylogo{ top:9%; }
    .mc_keylogo .lv1 { max-width: 200px; }
}

@media only screen and (max-width:1024px){
    .mc_keylogo .lv1{max-width:600px;}
    .mc_keylogo{ top:12.2%; }
}

@media only screen and (max-width:800px){
    .mc_keylogo .lv1{max-width:300px;}
    .mc_keylogo{ top:10.2%; }
}

@media only screen and (max-width:768px){
    .mc_keylogo .lv1{max-width:400px;}
    .mc_keylogo{ top:12.2%; }
}

@media only screen and (max-width:414px){
    .mc_keylogo{ top:16.2%; }
    .mc_keylogo .lv1{max-width:250px;}
}

@media only screen and (max-width:375px){
    .mc_keylogo .lv1{max-width:250px;}
}

@media only screen and (max-width:360px){
    .mc_keylogo .lv1{max-width:250px;}
}


/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 736px) and (orientation : landscape) {
    .mc_keylogo{ top:28%;}
    .mc_keylogo .lv1{left:25%; max-width:200px;}
}


@media only screen and (min-width : 737px) and (max-width : 1024px) and (orientation : landscape) {
    .mc_keylogo .lv1{max-width:350px;}
}

@media only screen and (min-width : 737px) and (max-width : 1024px) and (orientation : portrait) {
    .mc_keylogo .lv1{max-width:350px;}
}

.modal-spcer{width:100%; height:100px; display:block; float: none; clear:both;}

.crt_sector span,
.crt_liquidity span{position: absolute; width: 46%; height: 10%; top: 53%; left: 28%; border-bottom: 1px dotted #000;}

.crt_sector{overflow:hidden;}

#modal_do2 .do2_box .ul1 table tr td p,
#modal_do2 .do2_box .ul2 table tr td p{position: relative; left: -16px; font-size: 16px;}
#modal_do2 .do2_box .ul3 table tr td p{font-size:16px;}

@media (max-width:1280px){
#modal_do2 .do2_box .lv1 table tr td p{left: -10px;}
#modal_do2 .do2_box .ul3 table tr td p{margin-top:5%; position:relative; left:-9px;}
}

#modal_do2 .do2_box h4.bc1,
#modal_do2 .do2_box h4.bc2,
#modal_do2 .do2_box h4.bc3{text-align:center;}

@media (max-width:1280px){
    #modal_do2 .do2_box h4.bc1,
    #modal_do2 .do2_box h4.bc2,
    #modal_do2 .do2_box h4.bc3{text-align:left;}
    #modal_do2 .do2_box h4 br{display:none;}
}

@media (max-width:500px){
    section.content .column-right .inner{padding-left:10px!important; padding-right:10px!important;}
    
    
    #modal_do2 .do2_box .ul1 table,
    #modal_do2 .do2_box .ul2 table{position:relative; left:-31px;}
    #modal_do2 .do2_box .ul3 table{position:relative; left:-20px;}
    #modal_do2 .do2_box .ul3 table tr td p{position:relative; left:0px;}
    
    #modal_do3 .abcbox{padding-top:0px;}
    
    .back-container{padding-top:30px; padding-bottom:30px;}
    
    .modal.have-carousel .slick-vertical .slick-pager{right:14px;}
    
    #modal2 .mc_table tr td:nth-child(1){font-size:13px; line-height:18px; padding-left:30px!important;}
    
    
}

@media (max-width:1980px){
    .pDos h1,
    .pDos .h1{font-size:32px;}
}
@media (max-width:1280px){
    .pDos h1,
    .pDos .h1{font-size:24px;}
}


.logo_de{position:absolute; top:-7px; left:0; width:466px;}
.logo_de img{width:100%; height:auto;}
.logo_en{display:none;}

.mvcenter{position:relative; top:0px; left:-80px;}

@media (max-width:1200px){
    .logo_de{width:445px!important;}
}


@media (max-width:1024px){
    .logo_de{width:514px!important;}
}

@media (max-width:767px){
    .logo_de{width:319px!important; left:20px!important;}
    .mvcenter{left:-35px;}
}



@media  screen and (max-width: 1366px) {
    body.homepage section.hero .callout{top:100px;}
    body.homepage section.numbers .has-counter .counter-inner,
    body.homepage section.numbers2 .has-counter .counter-inner,
    body.homepage section.numbers3 .has-counter .counter-inner,
    body.homepage section.content .contentpage-header,
    body.homepage section.hero .mvcenter{
        -ms-transform: scale(0.8, 0.8); /* IE 9 */ -webkit-transform: scale(0.8, 0.8); /* Safari */ transform: scale(0.8, 0.8);
    }
    
}

@media  screen and (max-width: 600px) {
    body.homepage section.hero .callout{top:100px;}
    body.homepage section.numbers .has-counter .counter-inner,
    body.homepage section.numbers2 .has-counter .counter-inner,
    body.homepage section.numbers3 .has-counter .counter-inner,
    body.homepage section.content .contentpage-header,
    body.homepage section.hero .mvcenter{
        -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1);
    }
    
}

section.numbers2 .link-animated.expand-arrow .arrow-head::before,
section.numbers2 .link-animated.expand-arrow .arrow-head::after{background: #fff!important; border: 1px solid #fff!important;}


.mc_table{margin-top:30px;}

.numbers2 .cols2 .h4{margin-bottom:0px!important;}
body.homepage section.numbers2 .has-counter .counter-wrapper .cols2 .value{font-size:35px;}
section.numbers2 .modal-link{margin-top:50px;}

@media (max-width:500px){
    footer .outer .globe-outer{margin: -70px 0 40px!important;}
    footer .outer .inner{padding: 25px 20px 30px 20px!important;}
    footer .services{margin-bottom:0px!important;}
    .homepage footer, .homepage footer, .homepage .outer, .homepage footer, .homepage .outer .inner{height:565px!important;}
    
    .back-container{padding-top: 32px!important; padding-bottom: 33px!important;}
    .back-container p{margin-bottom:0px; line-height:17px!important;}
    .back-container p span{display:block; text-align:center; font-size:12px!important;}
    .link-button{margin-top:10px!important; font-size: 12px!important; padding: 5px 16px!important;}
    
    footer .outer .inner > .row.cols .links{margin-bottom:20px!important;}
    
    body.homepage section.numbers2 .has-counter .counter-wrapper .cols2 .value{font-size:30px;}
    section.numbers2 .modal-link{margin-top:30px;}
    
}

#modal_do3 .artwork img{width:100%; height:auto;}

#modal_purpose .purbox .lv1 .lv2 img{margin-bottom:0px;}

.do_bklr{background-color:#000000; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10; opacity:0; display:none;}
.do_bklr.on{display:block;}

@media (max-width:414px){
    #modal_do1 .do1_box h4.bc1,
#modal_do1 .do1_box h4.bc2{text-align:center!important;}
    
    .stories .static .page-dos .dos_cols_lv2 .link{right:22px!important;}
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2{padding:0px 30px!important;}
    
    #modal_do2 .do2_box .ul1 table,
    #modal_do2 .do2_box .ul2 table{left:-18px!important;}
    #modal_do2 .do2_box .ul3 table{left:-15px!important;}
    
    section.content .column-right .inner{padding-left: 30px!important; padding-right: 30px!important;}
    
    #modal_do2 .do2_box .lv1 table tr td p,
    #modal_do2 .do2_box .lv2 table tr td p,
    #modal_do2 .do2_box .ul3 table tr td p{font-size:12px!important;}
    
    #modal_do3 .abcbox .lv1 .lv2 p{left:-10px!important; font-size:12px!important;}
    
    section.numbers3 .has-counter .cols2 .intro{font-size:12px!important;}
    
    /* FOOTER CROP */
    footer .outer .inner > .row.cols .links{display:none!important;}
    .homepage footer, .homepage footer, .homepage .outer, .homepage footer, .homepage .outer .inner{height:375px!important;}
    
    /* CHAIRMAN */
    body.homepage section.content .column-right .inner p{font-size:14px;}
    section.content .column-right .h1{font-size:22px!important;}
    section.content .column-right .h3{font-size:16px!important;}
    section.content .column-right .h4{font-size:13px!important;}
    section.content .mc_chair{margin-top:15px;}
    
    /* NUMBERS */
    .numbers .h1{font-size:18px;}
    .numbers .h2{font-size:15px!important;}
    .numbers .h4{font-size:12px!important;}
    .numbers .cols2,
    .numbers .cols4{margin-bottom:10px!important;}
    body.homepage section.numbers .has-counter .intro{margin-bottom:10px!important;}
    section.numbers .modal-link{margin-top:0px!important;}
    body.homepage section.numbers .has-counter .counter-wrapper .counter-item .value{font-size:19px!important;}
    
    /* NUMBERS 2 */
    .numbers2 .h1{font-size:18px;}
    .numbers2 .h2{font-size:15px!important; margin-bottom:15px!important;}
    .numbers2 .h4{font-size:12px!important;}
    .numbers2 .cols2,
    .numbers2 .cols4{margin-bottom:0px!important;}
    body.homepage2 section.numbers .has-counter .intro{margin-bottom:10px!important;}
    section.numbers2 .modal-link{margin-top:15px!important;}
    body.homepage section.numbers2 .has-counter .counter-wrapper .counter-item .value{font-size:19px!important;}
    .numbers2 .dash-below{padding-bottom:10px!important; margin-bottom:10px!important;}
    .numbers2 .dash-above{padding-top:10px!important;}
    
    /* NUMBERS 3 */
    .numbers3 .h1{font-size:18px!important;}
    .numbers3 .h2{font-size:15px!important; margin-bottom:15px!important;}
    .numbers3 .h3{font-size:14px!important;}
    .numbers3 .h4{font-size:12px!important; margin-bottom:5px!important;}
    .numbers3 .cols2,
    .numbers3 .cols4{margin-bottom:0px!important;}
    body.homepage3 section.numbers .has-counter .intro{margin-bottom:10px!important;}
    section.numbers3 .modal-link{margin-top:0px!important;}
    body.homepage section.numbers3 .has-counter .counter-wrapper .counter-item .value{font-size:19px!important;}
    .numbers3 .dash-below{padding-bottom:10px!important; margin-bottom:10px!important;}
    .numbers3 .dash-above{padding-top:10px!important;}
    body.homepage section.numbers3 .has-counter .counter-wrapper .counter-item{margin-bottom:0px!important;}
    
    /* PURPOSE */
    .purpose .h1{font-size:22px!important;}
    .purpose .h2{font-size:14px!important; margin-bottom:15px!important;}
    
}

@media (max-width:414px){
    .modal.have-carousel .slick-vertical .slick-arrow,
    .modal.have-carousel .slick-vertical .slick-pager{right:6px;}
    
    #share-dialog button span:before{margin-bottom:10px!important; text-align:center;}
    #share-dialog{width:132px!important;}
}

@media only screen and (max-width:736px) and (max-height:414px){
    
    body.homepage section.numbers1 .has-counter .counter-inner,
    body.homepage section.numbers2 .has-counter .counter-inner,
    body.homepage section.numbers3 .has-counter .counter-inner{width:90%;}
    
    /* CHAIRMAN */
    body.homepage section.content .column-right .inner p{font-size:14px;}
    section.content .column-right .h1{font-size:22px!important;}
    section.content .column-right .h3{font-size:16px!important;}
    section.content .column-right .h4{font-size:13px!important;}
    section.content .mc_chair{margin-top:15px;}
    
    /* NUMBERS */
    .numbers .h1{font-size:18px!important;}
    .numbers .h2{font-size:15px!important;}
    .numbers .cols2{margin-bottom:10px!important;}
    section.numbers .value{font-size:24px!important;}
    
    /* NUMBERS 2 */
    .numbers2 .h1{font-size:21px;}
    .numbers2 .h2{font-size:15px!important;}
    .numbers2 .h4{font-size:12px!important;}
    .numbers2 .cols2,
    .numbers2 .cols4{margin-bottom:10px!important;}
    .numbers2 .cols4 p{margin-bottom:10px;}
    .numbers2 .dash-below{padding-bottom:10px!important; margin-bottom:10px!important;}
    .numbers2 .dash-above{padding-top:10px!important;}
    body.homepage section.numbers2 .has-counter .intro{margin-bottom:10px!important;}
    section.numbers2 .modal-link{margin-top:15px!important;}
    body.homepage section.numbers2 .has-counter .counter-wrapper .cols2 .value{font-size:30px;}
    body.homepage section.numbers2 .has-counter .counter-wrapper .counter-item{width:22%;}
    
    /* NUMBERS 3 */
    .numbers3 .h1{font-size:18px!important;}
    .numbers3 .h2{font-size:15px!important;}
    .numbers3 .h3{font-size:14px!important;}
    .numbers3 .h4{font-size:12px!important;}
    .numbers3 .cols2,
    .numbers3 .cols4{margin-bottom:10px!important;}
    .numbers3 .dash-below{padding-bottom:10px!important; margin-bottom:10px!important;}
    .numbers3 .dash-above{padding-top:10px!important;}
    body.homepage section.numbers3 .has-counter .intro{margin-bottom:10px!important;}
    section.numbers3 .modal-link{margin-top:0px!important;}
    .numbers3 .br_desk{display:none!important;}
    .numbers3 .counter-item{margin-bottom:0px!important;}
    
    /* PURPOSE */
    .purpose .h1{font-size:22px!important;}
    .purpose .h2{font-size:14px!important; margin-bottom:15px!important;}
    
    .pDos ._br{display:none!important;}
    
    .modal.have-carousel .slick-vertical .slick-pager,
    .modal.have-carousel .slick-vertical .slick-arrow{right:8px;}
    
}


@media only screen and (max-width:1280px) and (max-height:557px){
    
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 p{font-size:12px;}
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 .h3{font-size:19px;}
    
    #modal_do1 p,
    #modal_do2 p,
    #modal_do3 p{font-size:14px; line-height:22px;}
}