/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.clear{clear:both;}

.color_0{color:#ffffff;}
.color_1{color:#49176D;}
.color_2{color:#D6006D;}
.color_3{color:#006ba6;}
.color_4{color:#0073A1;}
.color_5{color:#F37920;}
.color_6{color:#03689C;}
.color_7{color:#20B5E7;}
.color_8{color:#EF8E1D;}
.color_9{color:#B91253;}
.color_10{color:#00ADEE;}
.color_11{color:#60256D;}
.color_12{color:#B0228E;}
.color_13{color:#E41567;}
.color_14{color:#007D3F;}
.color_15{color:#00AAA4;}
.color_16{color:#00ACD4;}
.color_17{color:#62136D;}
.color_18{color:#006848;}
.color_19{color:#22B14C;}
.color_20{color:#0061AE;}
.color_21{color:#009089;}
.color_22{color:#00994E;}
.color_23{color:#0076A2;}
.color_24{color:#D7006D;}
.color_25{color:#434c50;} /* body text gray */

nav a:hover{font-weight:700; text-decoration:none!important;}

nav ul li.active a{font-weight:700!important;}


._btmargin1{margin-bottom:20px!important;}

.modal.have-carousel .slick-vertical .slick-pager{right:29px;}

._btpadding1{padding-bottom:15px!important;}

/* SVG */
#white-circle{opacity:1!important;}

svg .tooltip{text-decoration:underline;}

.tooltip{color:!important;}

.full-width{width:100%!important;}

.no-margin-bottom{margin-bottom:0px!important;}

.tbl-dots{
    -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px;
    display:inline-block; width:14px; height:14px; position:relative; top:0px; left:0px;
}

.dly_1{transition-delay: 0.5s!important;}
.dly_2{transition-delay: 1s!important;}
.dly_3{transition-delay: 1.5s!important;}
.dly_4{transition-delay: 2s!important;}
.dly_5{transition-delay: 2.5s!important;}
.dly_6{transition-delay: 3s!important;}

.modal-backdrop.nodim{background: rgba(0, 0, 0, 0)!important;}
.modal-backdrop.fullH{}

.main-header.slideDown{border:0px;}

.h1,.h2,.h3,.h4,.h5{font-weight:400;}

/* MENU */
.main-navigation > ul > li > a{margin-bottom:20px;}


/* modal link */
.white-link{color:#fff!important;}
.white-link span::before{background-color:#fff!important;}
.white-link .arrow-head::before,
.white-link .arrow-head::after{border:1px solid #fff!important;}

.nomargin{margin-bottom:0px;}

.bld{font-weight:700!important;}
.solidtext{white-space: nowrap;}

body.homepage section.hero .column-left .home-part-inner,
body.homepage section.hero .column-right .home-part-inner {
  background-image: url(../images/homepage/homepage-hero-mobile.jpg);
}
@media only screen and (min-width: 768px) {
  body.homepage section.hero .column-left .home-part-inner,
  body.homepage section.hero .column-right .home-part-inner {
    background-image: url(../images/homepage/homepage-hero.jpg);
  }
}
@media only screen and (max-height: 548px) and (orientation: landscape) {
  body.homepage section.hero .column-left .home-part-inner,
  body.homepage section.hero .column-right .home-part-inner {
    background-image: url(../images/homepage/homepage-hero.jpg);
  }
}
._chartbox{max-width:580px; height:auto;}




body.homepage section.content .column-right .inner p{font-style:normal;}
.mc_chair{margin-top:30px;}
.mc_chair span{display:block;}

/* Do Well */
body.homepage section.stories .static .story.do-well{background:none; background-color: rgba(0, 158, 228, 1);}
body.homepage section.stories .static .story.do-well .slidey-content h2,
body.homepage section.stories .static .story.do-well .slidey-content p{color:#fff!important;}

body.homepage section.stories .static .story .content-wrapper:before{
    transition: opacity 1s ease-in-out!important;
    transition-duration: 0s!important;
    transition-timing-function: ease-in-out!important;
    transition-delay: 0s!important;
}
body.homepage section.stories .static .story .content-wrapper .hidden{
    overflow:hidden;
    height:0px!important;
    border-top:1px solid #000;
    opacity:0;
}
body.homepage section.stories .static .story .content-wrapper .center{
    bottom:30%;
}


@media (min-width:1024px){
    body.homepage section.numbers2 .has-counter .counter-wrapper .counter-item{width:200px;}
}

/* Do Right */
body.homepage section.stories .static .story.do-right{background:none; background-color: rgba(18, 166, 57, 1);}
body.homepage section.stories .static .story.do-right .slidey-content h2,
body.homepage section.stories .static .story.do-right .slidey-content p{color:#fff!important;}

/* Do Good */
body.homepage section.stories .static .story.do-good{background:none; background-color: rgba(238, 112, 3, 1);}
body.homepage section.stories .static .story.do-good .slidey-content h2,
body.homepage section.stories .static .story.do-good .slidey-content p{color:#fff!important;}

.stories .static .page-dos{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background-color:#fff;}
.stories .static .page-dos .dos_cols{width:33.33%; height:100%; float:left; -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.stories .static .page-dos .dos_cols .dos_cols_lv1{background-color:#000; width:100%; height:100%; overflow:hidden; position:relative; cursor:pointer; -webkit-transition-duration: 1s; transition-duration: 1s;}

.stories .static .page-dos .dos_cols._hover .dash-below::after{
    width:100px;
}

.stories .static .page-dos._fire1 .dos_cols1{width:100%}
.stories .static .page-dos._fire1 .dos_cols2{width:0%;}
.stories .static .page-dos._fire1 .dos_cols3{width:0%;}

.stories .static .page-dos._fire2 .dos_cols1{width:0%}
.stories .static .page-dos._fire2 .dos_cols2{width:100%;}
.stories .static .page-dos._fire2 .dos_cols3{width:0%;}

.stories .static .page-dos._fire3 .dos_cols1{width:0%}
.stories .static .page-dos._fire3 .dos_cols2{width:0%;}
.stories .static .page-dos._fire3 .dos_cols3{width:100%;}

@media (max-width:1024px){
    
    .stories .static .page-dos._fire1 .dos_cols1{width:100%; height:200px;}
    .stories .static .page-dos._fire1 .dos_cols2{width:100%; height:0%;}
    .stories .static .page-dos._fire1 .dos_cols3{width:100%; height:0%;}

    .stories .static .page-dos._fire2 .dos_cols1{width:100%; height:0%;}
    .stories .static .page-dos._fire2 .dos_cols2{width:100%; height:200px;}
    .stories .static .page-dos._fire2 .dos_cols3{width:100%; height:0%;}

    .stories .static .page-dos._fire3 .dos_cols1{width:100%; height:0%;}
    .stories .static .page-dos._fire3 .dos_cols2{width:100%; height:0%;}
    .stories .static .page-dos._fire3 .dos_cols3{width:100%; height:200px;}
    
}



.stories .static .page-dos .dos_cols .dos_color1{background-color:#009EE4; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); transition-delay: 0s;}
.stories .static .page-dos .dos_cols .dos_color2{background-color:#12A639; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); transition-delay: 0.3s;}
.stories .static .page-dos .dos_cols .dos_color3{background-color:#EE7003; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); transition-delay: 0.6s;}
.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2{position:absolute; top:25%; left:0px; width:100%; padding:0px 55px;
-webkit-transition-duration: 0.8s; transition-duration: 0.8s; opacity:0;
-ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px);
}

.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2{padding-top:50px;}
.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 h2,
.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 p{color:#fff;}
.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 p{font-size: 15px; line-height: 1.74;}
.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 a{margin-top:15px;}

.stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2.a1{padding-top:0px;}

.stories .static .page-dos{}


.page-dos .logospin2{background:url(../images/logo-grey.png) top left no-repeat; background-size:100% auto; position:absolute; top:7%; right:-120px; z-index:-1; width:80%; max-width:679px; height:auto; display:block;
    -webkit-transition-duration: 1.5s; transition-duration: 1.5s; opacity:0; -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg);}
.page-dos .logospin2.go{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity:0.1;}
.page-dos .logospin2 img{width:100%; display:block; height:auto;}
.page-dos-mobile{display:none;}



.no-delay{-webkit-transition-duration: 0s!important; transition-duration: 0s!important; transition-delay: 0s!important;}


.stories .static .page-dos .dos_cols .dos_cols_lv1 .overview-copy{-webkit-transition-duration: 0.6s; transition-duration: 0.6s; height:0px; overflow: hidden;}
.stories .static .page-dos .dos_cols .dos_cols_lv1 .overview-copy h3{color:#fff;}

.stories .static .page-dos .dash-below{padding-bottom: 16px;}
.stories .static .page-dos .dash-below::after {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    display: block;
    width: 64px;
    bottom: 0;
    background-color:#fff;
}

.stories .static .page-dos .extra-large {
  font-size: 190%;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .stories .static .page-dos .extra-large {
    margin-top: -3px;
  }
}
@media only screen and (min-width: 768px) {
  .stories .static .page-dos .extra-large {
    margin-bottom: 5px;
  }
}

.stories .static .page-dos.on .dos_cols .dos_color1{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.stories .static .page-dos.on .dos_cols .dos_color2{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.stories .static .page-dos.on .dos_cols .dos_color3{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}

.stories .static .page-dos .dos_cols .dos_cols_lv1.on .dos_cols_lv2{-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity:1;}
.stories .static .page-dos .dos_cols .dos_cols_lv1.on .lv2_1{/*transition-delay: 0s;*/}
.stories .static .page-dos .dos_cols .dos_cols_lv1.on .lv2_2{/*transition-delay: 0.2s;*/}
.stories .static .page-dos .dos_cols .dos_cols_lv1.on .lv2_3{/*transition-delay: 0.4s;*/}

.stories .static .page-dos._ani1 .dos_cols_lv2{top:0%!important;}

.dos_inside{position:absolute; top:0px; right:0px; width:66.66%; height:100%; background-color:#ff9900; display:none;}



/* Mediaqueries */
@media (max-width:1366px){
    .page-dos .logospin2{right:-80px;}
}

@media (max-width:1024px){
    
    .stories .static .page-dos .dos_cols{width:100%; clear:both; float:none; display:flex; height:33.33%; overflow: hidden;}
    .stories .static .page-dos .dos_cols_lv2{top:0%!important; padding-top:0px;}
    .stories .static .page-dos .dos_cols_lv2 .link{position:absolute; bottom:15px; right:50px;}
    /* .stories .static .page-dos .dos_cols_lv2 ._br{display:none!important;} */
    
    .stories .static .page-dos .dos_cols .dos_color1{background-color:#009EE4; -ms-transform: translateY(110%); -webkit-transform: translateY(110%); transform: translateY(110%); transition-delay: 0s;}
    .stories .static .page-dos .dos_cols .dos_color2{background-color:#12A639; -ms-transform: translateY(110%); -webkit-transform: translateY(110%); transform: translateY(110%); transition-delay: 0.3s;}
    .stories .static .page-dos .dos_cols .dos_color3{background-color:#EE7003; -ms-transform: translateY(110%); -webkit-transform: translateY(110%); transform: translateY(110%); transition-delay: 0.6s;}

    .stories .static .page-dos .dos_cols .dos_cols_lv1{height:110%!important;}
    .stories .static .page-dos.on .dos_cols .dos_color1{-ms-transform: translateY(-1%); -webkit-transform: translateY(-1%); transform: translateY(-1%);}
    .stories .static .page-dos.on .dos_cols .dos_color2{-ms-transform: translateY(-1%); -webkit-transform: translateY(-1%); transform: translateY(-1%);}
    .stories .static .page-dos.on .dos_cols .dos_color3{-ms-transform: translateY(-1%); -webkit-transform: translateY(-1%); transform: translateY(-1%);}
    
    .stories .static .page-dos .dos_cols .dos_cols_lv1{}
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2{}
    
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2{height:85%;}
    .stories .static .page-dos .dos_cols .dos_cols_lv1 .dos_cols_lv2 .box{position:absolute; bottom:0px;}
    
}

.back-container{position:fixed; bottom:-100%; left:0px; width:100%; text-align:center; padding:80px 40px; background-color:#f5f5f5; opacity:0;
-webkit-transition-duration: 0.8; transition-duration: 0.8s;
}

.back-container.on{bottom:0%; opacity:1;}

.back-container p{margin-bottom:20px; font-size:17px;}

.back-container .link-button {
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #bfdae9;
    border-radius: 50px;
    padding: 10px 16px;
    display: inline-block;
    color: #006ba6;
    -webkit-transition-duration: 0.3; transition-duration: 0.3s;
    margin-bottom:20px;
    margin-top:0px;
}

.back-container .link-button:hover{
    background-color:#006ba6;
    color:#fff;
    border: 2px solid #006ba6;
}


.back-container .inline--wrap:first-child {
    margin-right: 30px;
    text-align: left;
}
.back-container .inline--wrap {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width:768px){
    .back-container p{text-align:center; font-size:14px;}
}

.link--btn-filled{background-color:#fff;}


@media (max-width:768px){
    
    .back-container .inline--wrap:first-child {
        margin-right: 0px;
        width:100%;
    }
    
}


/* Select text share */

@font-face{
    font-family:icomoon;
    src:url(../fonts/icomoon/icomoon.ttf?it4uw8) format('truetype'),
        url(../fonts/icomoon/icomoon.woff?it4uw8) format('woff'),
        url(../fonts/icomoon/icomoon.eot?it4uw8) format('eot'),
        url(../fonts/icomoon/icomoon.svg?v=52fda5a8cb5dfef6db393f78efa978df&../fonts/icomoon/icomoon.svg?) format('svg');
    font-weight:400;
    font-style:normal
}



#share-dialog [class^=tr-icon-]{
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
/*
#share-dialog .tr-icon-Facebook_square:before{
    content:"\e91a";
}

#share-dialog .tr-icon-Twitter:before{
    content:"\e916";
}

#share-dialog .tr-icon-Linkeden:before{
    content:"\e90f";
}

#share-dialog .tr-icon-WeChat:before{
    content:"\e917";
}

#share-dialog .tr-icon-Email:before{
    content:"\e91b";
}
*/

.purpose .logospin{background:url(../images/logo-grey.png) top left no-repeat; background-size:100% auto; position:absolute; top:7%; right:-130px; z-index:-1; width:70%; max-width:679px; height:auto; display:block;
    -webkit-transition-duration: 3s; transition-duration: 3s; opacity:0; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg);}
.purpose .logospin.go{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity:1; top:7%; right:-130px;}

.purpose .logospin img{width:100%; display:block; height:auto;}


body.homepage section.purpose .column-left .home-part-inner,
body.homepage section.purpose .column-right .home-part-inner {
  background-image: url(../images/homepage/homepage-purpose.jpg);
}
body.homepage section.purpose .column-left {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.homepage section.purpose .column-left {
    display: block;
  }
}
@media only screen and (max-height: 548px) and (orientation: landscape) {
  body.homepage section.purpose .column-left {
    display: block;
  }
}
body.homepage section.purpose .column-right {
  height: 100% !important;
}
body.homepage section.purpose .column-right .home-part-inner {
  display: flex;
  justify-content: center;
}
body.homepage section.purpose .column-right .home-part-inner .callout {
  position: absolute;
  top: 120px;
  width: 200px;
}
body.homepage section.purpose .column-right .home-part-inner .callout .animate-logo {
  position: absolute;
}
body.homepage section.purpose .column-right .home-part-inner .callout img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  body.homepage section.purpose .column-right .home-part-inner .callout {
    top: 80px;
  }
}
@media screen and (max-width: 374px) {
  body.homepage section.purpose .column-right .home-part-inner .callout {
    width: 185px;
    height: 117px;
  }
  body.homepage section.purpose .column-right .home-part-inner .callout > img {
    max-width: 100%;
    height: 100%;
    width: 160px;
    margin-left: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  body.homepage section.purpose .column-right .home-part-inner .callout {
    top: 190px;
    right: 120px;
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  body.homepage section.purpose .column-right .home-part-inner .callout {
    right: 190px;
  }
}
@media only screen and (max-width: 1023px) {
  body.homepage section.purpose .column-right .home-part-inner .callout-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  body.homepage section.purpose .column-right .home-part-inner .callout-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body.homepage section.purpose .column-right .home-part-inner .callout-wrapper .callout {
    position: relative;
    right: auto;
    top: auto;
    padding-right: 80px;
  }
}
body.homepage section.purpose .down-arrow .inner {
  position: relative;
}
body.homepage section.purpose .down-arrow .inner a {
  color: #3c1053;
  position: relative;
}
body.homepage section.purpose .down-arrow .inner a:before {
  content: '';
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.4;
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
  transition: opacity 0.2s cubic-bezier(0.43, 0.195, 0.02, 1);
}
body.homepage section.purpose .down-arrow .inner a:after {
  position: absolute;
  z-index: 5;
}
body.homepage section.purpose .down-arrow .inner a:hover:before {
  opacity: 0.8;
}


.modal.mabc .modal-dialog{padding:0px!important;}
.modal.mabc.have-carousel .modal-content{box-shadow:none;}
.modal.mabc .modal-content{margin-top:59px!important;}
.modal.mabc.have-carousel .slick-vertical .slick-slide{height: calc(100vh - 10px);}

.modal.mabc .slick-pager{display:none!important;}

@media (max-width:1024px){
    
    .modal.mabc .modal-dialog{padding:0px!important;}
    .modal.mabc.have-carousel .modal-content{box-shadow:none;}
    .modal.mabc .modal-content{margin-top:200px!important;}
    .modal.mabc.have-carousel .slick-vertical .slick-slide{height: calc(100vh - 200px);}
    
}


/*

.modal.have-carousel .slick-vertical .slick-slide{height:100%!important;}
*/

#modal1 img,
#modal1 img,
#modal1 img{width:100%;}

#modal1{font-family: "Noto Sans"!important; letter-spacing: 0.025em;}
#modal1 h2{margin-bottom:10px;}
#modal1 .dash-above::before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    display: block;
    width: 100px;
    top: 0;
    background-color: #0073A1;
    transition: all 0.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
#modal1 .chart1{margin-top:30px;}
#modal1 sup{margin-right:4px;}
#modal1 .slick-item-container,
#modal2 .slick-item-container,
#modal3 .slick-item-container{max-width:960px!important;}



#modal1 .dash-above::before,
#modal2 .dash-above::before,
#modal3 .dash-above::before{
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    display: block;
    width: 100px;
    top: 0;
    background-color: #49176D;
    transition: all 0.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}

#modal1 .dash-above,
#modal2 .dash-above,
#modal3 .dash-above{
    padding-top:14px;
}

#modal1 h4,
#modal2 h4
#modal3 h4{
    color: #49176D!important;
    font-weight: 700;
    font-size: 18px!important;
    margin-bottom: 5px!important;
}

#modal2 .svg_continent{width:100%; max-width:600px; margin:0 auto; height:auto;}


#modal_do1.have-carousel .slick-item-container,
#modal_do2.have-carousel .slick-item-container,
#modal_do3.have-carousel .slick-item-container{max-width:960px!important;}

#modal3 .cols2{float:left; width:50%;}
#modal3 img{width:100%; height:auto;}

#modal_do1,
#modal_do2,
#modal_do3{width:66.66%!important; right:0px; left:inherit;}
#modal_do1 .artwork,
#modal_do2 .artwork,
#modal_do3 .artwork{width:100%; max-width:700px; height:auto; margin:0 auto;}
#modal_do3 .abcbox{padding-top:8%;}
#modal_do3 .abcbox .lv1{float:left; width:33.33%;}
#modal_do3 .abcbox .lv1 .lv2{text-align:center;}
#modal_do3 .abcbox .lv1 .lv2 p{line-height: 1.425;}
#modal_do3 .abcbox .lv1 .lv2 span{white-space: nowrap;}
#modal_do3 .abcbox .lv1 .lv2 span._thead{font-weight:700; display:block; margin-bottom: 7px;}
#modal_do3 .abcbox .lv1 .lv2 img{height:130px; width:auto; margin:0 auto; margin-bottom:20px;}

#modal_do3 .dash-above::before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    display: block;
    width: 100px;
    top: 0;
    background-color: #0073A1;
    transition: all 0.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}

#modal_do3 .dash-above-orange::before{
    background-color:#F37920!important;
}

#modal_purpose .artwork{max-width:600px; margin:0 auto;}
#modal_purpose .artwork img{width:100%; height:auto;}
#modal_purpose .artwork .p_mob{display:none;}
#modal_purpose .artwork .p_desk{display:block;}

#modal_purpose .purbox{max-width:600px; margin:0 auto; display:none;}
#modal_purpose .purbox .lv1 .lv2{float:left;}
#modal_purpose .purbox .lv1 .lv2:nth-child(odd){width:35%;}
#modal_purpose .purbox .lv1 .lv2:nth-child(even){width:65%; padding-top:4%;}
#modal_purpose .purbox .lv1 .lv2 span._thead{font-weight:700;}
#modal_purpose .purbox .lv1 .lv2 img{max-width:100px; height:auto; margin:0 auto; margin-bottom:20px;}


#modal_do1 .do1_box{width:795px; position:relative; left:-30px;}
#modal_do1 .artwork{margin-bottom:40px;}
#modal_do1 .do1_box .lv1{float:left; width:50%;}
#modal_do1 .do1_box .lv1 ul{list-style:none;}
#modal_do1 .do1_box .lv1 ul li{width:50%; float:left;}
#modal_do1 .do1_box .lv1 ul li p{margin-bottom:0px;}
#modal_do1 .do1_box .lv1 ul li p span{white-space: nowrap;}
#modal_do1 .do1_box .lv1 ul li.divider{width:100%; height:20px;}
#modal_do1 .do1_box .lv1 ul li img{width:100%; max-width:100px; margin:0 auto;}
#modal_do1 .do1_box .lv1 ul li.a1{max-width:160px;}
#modal_do1 .do1_box h4{font-weight:700; padding:10px 20px; display:inline-block; margin-bottom:30px!important; text-align:left; position:relative;}
#modal_do1 .do1_box h4.bc1{border:1px solid #62136D; border-radius: 20px 0px;}
#modal_do1 .do1_box h4.bc2{border:1px solid #006848; border-radius: 20px 0px;}
#modal_do1 .do1_box ._th{white-space: nowrap; padding-top:5px;}

#modal_do1 .do1_box h4 span.c1,
#modal_do1 .do1_box h4 span.c2{
    position: absolute;
    left: 0;
    display: block;
    bottom: 0;
    display:none;
    width:100%;
    text-align:left;
}
#modal_do1 .do1_box h4 span.c1 i{height:2px; width:100px; background-color: #62136D; display:inline-block;}
#modal_do1 .do1_box h4 span.c2 i{height:2px; width:100px; background-color: #006848; displaY:inline-block;}



#modal_do2 .do2_box{width:765px; position:relative;}
#modal_do2 .artwork{margin-bottom:40px;}
#modal_do2 .do2_box .lv1{float:left; width:50%;}
#modal_do2 .do2_box .lv1 .tbl_box{list-style:none; margin:10px; margin-top:0px; padding-top:60px; padding-bottom:35px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;}
#modal_do2 .do2_box .lv1 .ul1{border:1px solid #22B14C;}
#modal_do2 .do2_box .lv1 .ul2{border:1px solid #0061AE;}
#modal_do2 .do2_box .lv1 .ul3{border:2px dotted #D7006D;}
#modal_do2 .do2_box .lv1 table{width:100%;}
#modal_do2 .do2_box .lv1 table tr td{border-bottom:0px; padding:0px; padding-bottom:5px; width:95px;}
#modal_do2 .do2_box .lv1 table tr td p{margin-bottom:0px; line-height: 1.425;}
#modal_do2 .do2_box .lv1 table tr td p._ln1{}
#modal_do2 .do2_box .lv1 table tr td p span{white-space: nowrap; display:block;}
#modal_do2 .do2_box .lv1 table tr td img{width:auto; height:90px; margin:0 auto;}
#modal_do2 .do2_box .lv1 table tr td.a1{width:72px;}
#modal_do2 .do2_box h4{font-weight:700; padding:10px 20px; display:inline-block; text-align:left; position:relative; top:28px; background-color:#fff;}
#modal_do2 .do2_box h4.bc1{border:1px solid #22B14C; border-radius: 20px 0px;}
#modal_do2 .do2_box h4.bc2{border:1px solid #0061AE; border-radius: 20px 0px;}
#modal_do2 .do2_box h4.bc3{border:1px solid #D7006D; border-radius: 20px 0px;}
#modal_do2 .do2_box ._th{white-space: nowrap; padding-top:5px;}

#modal_do2 .do2_box .lv1 .ul3 ._bsides{border-left:2px dotted #D7006D; border-right:2px dotted #D7006D;}

.headbox{text-align:center;}

#modal_do2 .do2_box .lv1 .ul3 tr td{width:33.33%;}
#modal_do2 .do2_box .lv1 .ul3 tr td img{display:block; text-align:center;}
#modal_do2 .do2_box .lv1 .ul3 tr td p span{text-align:center;}

#modal_do2 .do2_box .lv1.full{width:100%!important;}

#modal_do2 .do2_box h4 span.c1,
#modal_do2 .do2_box h4 span.c2,
#modal_do2 .do2_box h4 span.c3{
    position: absolute;
    left: 0;
    display: block;
    bottom: 0;
    display:none;
    width:100%;
    text-align:left;
}
#modal_do2 .do2_box h4 span.c1 i{height:2px; width:100px; background-color: #22B14C; display:inline-block;}
#modal_do2 .do2_box h4 span.c2 i{height:2px; width:100px; background-color: #0061AE; displaY:inline-block;}
#modal_do2 .do2_box h4 span.c3 i{height:2px; width:100px; background-color: #D7006D; displaY:inline-block;}

#modal_do2 .do2_box .lv1 .ul3 table table tr td._c1,
#modal_do2 .do2_box .lv1 .ul3 table table tr td._c2{width:100%; display:block;}


#modal_do2 .dash-above::before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    display: block;
    width: 100px;
    top: 0;
    background-color: #22B14C;
}

@media (max-width:1368px){
    #modal_do2 .do2_box .lv1{width:100%;}
    #modal_do2 .do2_box .lv1 .ul1 table tr td,
    #modal_do2 .do2_box .lv1 .ul2 table tr td{width:50%!important;}
    #modal_do2 .do2_box .lv1 .ul1 table tr td img,
    #modal_do2 .do2_box .lv1 .ul2 table tr td img{display:inline-block; height:100px;}
    #modal_do2 .do2_box .lv1 .ul1 table tr td:nth-child(odd),
    #modal_do2 .do2_box .lv1 .ul2 table tr td:nth-child(odd){text-align:right; padding-right:30px;}
    #modal_do2 .do2_box{width:100%;}
}

@media (max-width:1280px){
    #modal_do1 .do1_box{width:665px;}
    #modal_do1 .do1_box .lv1 ul li.a1{width:120px;}
    #modal_do1 .do1_box .lv1 ul li{width:60%;}
    
    #modal_do2 .do2_box .lv1 .ul3 tr td{width:100%!important; display:block; padding-right:0px;}
    #modal_do2 .do2_box .lv1 .ul3 ._bsides{border:0px;}
    
    #modal_do2 .do2_box .lv1 .ul3 table table tr td._c1{width:50%!important; float:left; text-align:right; padding-right:30px;}
    #modal_do2 .do2_box .lv1 .ul3 table table tr td._c2{width:50%!important; float:left; text-align:left;}
    
    #modal_do2 .do2_box .lv1 .ul3 tr td p span{text-align:left;}
    #modal_do2 .do2_box .lv1 table tr td:nth-child(odd){padding-right:0px;}
    #modal_do2 .do2_box .lv1 .ul3 tr td ._c1 img{display:inline-block;}
    #modal_do2 .do2_box .lv1 .ul3 tr td ._c1{text-align:right; padding-right:30px;}
    #modal_do2 .do2_box .lv1 .ul3 tr td{}
    
}

@media (max-width:1140px){
    #modal_do1 .do1_box h4{display:block; width:100%; border:0px; padding-left:0px;}
    #modal_do1 .do1_box{left:0px;}
    #modal_do1 .do1_box .lv1{width:100%;}
    #modal_do1 .do1_box h4.bc1{border:0px solid #62136D; padding-bottom:20px;}
    #modal_do1 .do1_box h4.bc2{border:0px solid #006848; padding-bottom:20px;}
    #modal_do1 .do1_box{width:100%;}
    #modal_do1 .do1_box .lv1 ul li.a1{width:130px;}
    
    #modal_do1 .do1_box .lv1 ul li.a1{text-align:left;}
    #modal_do1 .do1_box .lv1 ul li.a1 img{display:inline-block;}
    
    #modal_do1 .do1_box h4 span.c1,
    #modal_do1 .do1_box h4 span.c2{display:block;}

}

@media (max-width:1024px){
    
    #modal_do1,
    #modal_do2,
    #modal_do3{width:100%!important; right:inherit; left:0;}
    
    #modal_purpose .artwork .p_mob{display:block;}
    #modal_purpose .artwork .p_desk{display:none;}
    
    
    
    
    
    
}

@media (max-width:921px){
    #modal_purpose .purbox{display:block;}
}

@media (max-width:600px){
    #modal_do3 .abcbox .lv1{width:100%; margin-bottom:20px;}
    #modal_do3 .abcbox .lv1 .lv2{float:left; width:50%;}
    #modal_do3 .abcbox .lv1 .lv2 p{text-align:left;}
    #modal_do3 .artwork{display:none;}
    #modal_do3 .abcbox .lv1 .lv2 span._thead{display:block; padding-top:10px;}
    #modal_do3 .abcbox{max-width:400px; margin:0 auto;}
    
    #modal_do1 .artwork{display:none;}
}

@media (max-width:500px){
    #modal_do2 .do2_box h4{top:0px; padding-bottom:17px; text-align:left; padding-left:0px;}
    #modal_do2 .do2_box h4 span.c1,
    #modal_do2 .do2_box h4 span.c2,
    #modal_do2 .do2_box h4 span.c3{display:block; text-align:left;}
    #modal_do2 .do2_box h4.bc1,
    #modal_do2 .do2_box h4.bc2,
    #modal_do2 .do2_box h4.bc3{border:0px;}
    #modal_do2 .do2_box .lv1 .ul1,
    #modal_do2 .do2_box .lv1 .ul2,
    #modal_do2 .do2_box .lv1 .ul3{border:0px;}
    #modal_do2 .do2_box .lv1 .tbl_box{padding-top:35px;}
    .headbox{text-align:left;}
}


@media (max-width:375px){
    #modal_do1 .do1_box .lv1 ul li{width:100%!important; text-align:center;}
    #modal_do1 .do1_box .lv1 h4{text-align:center; padding-left:0px; padding-right:0px;}
    #modal_do1 .do1_box .lv1 ul li.a1{width:100%!important; text-align:center; max-width: none;}
    #modal_do1 .do1_box h4 span.c1,
    #modal_do1 .do1_box h4 span.c2{text-align:center;}
}

.date-wrapper{
    border-bottom: 1px solid #0073A1;
    margin-bottom: 40px;
}

.date-wrapper .date{
    float: right;
    line-height: 1;
    color: #0073A1;
    margin-bottom: 10px!important;
}


/* CHART FOOTNOTES */
.cfootnotes{margin-top: 1.5em;}
.cfootnotes ul{list-style:none;}
.cfootnotes ul li{font-size: 80%; margin-bottom:10px; position:relative; padding-left:8px; line-height:14px;}
.cfootnotes sup{position:absolute; top:0px; left:0px; padding-top:2px;}

/* CHART LEGEND */

.chart--legend{
    margin-top:.8em;
    list-style:none;
    line-height:normal;
}
.chart--legend li{
    font-size:12px;
    line-height:24px;
    display:inline-block;
    margin-right:24px;
}

.chart--line-solid{
    width: 20px;
    height: 2px;
    border-radius: 100px;
}

.chart--dashline{background:url(../images/charts/legend_line.svg) top left no-repeat; background-size:28px auto; padding-left:37px; background-position:0px 10px;}


.chart--dot,.chart--line,.chart--line img{
    display:inline-block;
}
.chart--line{
    width: 28px;
    margin-right: 5px;
    position: relative;
    top:-3px;
}
.chart--line img{
    width:100%; height:auto;
    position:relative;
    top:10px;
}
.chart--dot{
    position:relative;
    border-radius:50%;
    width:14px;
    height:14px;
}
.chart--dot-small{
    top:0;
    margin-right:5px;
    width:9px;
    height:9px;
}
.chart--dot-small:first-child{
    margin-left:0;
}

.chart--dot-blue,.chart--line-blue{
    background-color:#0073A2;
}
.chart--dot-blue2{
    background-color:#0072a3;
}
.chart--dot-blue3{
    background-color:#009EE4;
}
.chart--dot-blue4{
    background-color:#22B7E9;
}
.chart--dot-green2{
    background-color:#0DB14B;
}
.chart--dot-green3{
    background-color:#96c884;
}
.chart--dot-yellow2{
    background-color:#fdc300;
}
.chart--dot-orange2,.chart--dot-orange3,.chart--line-orange3{
    background-color:#EE7003;
}
.chart--dot-pink2{
    background-color:#D50065;
}
.chart--dot-pink3{
    background-color:#E47E9B;
}
.chart--dot-purple2,.chart--line-purple2{
    background-color:#62136D;
}
.chart--dot-purple3{
    background-color:#d0c1d2;
}
.chart--dot-turq2{
    background-color:#99d5d3;
}


/* DATA TABLE */
.mc_table tr td,
.mc_table tr th{position:relative; padding-left:0px!important; padding-right:10px!important; text-align:right; width:auto;}
.mc_table tr th{border-top:0px;}
.mc_table tr td:nth-child(1){padding-left:45px!important; text-align:left!important;}
.mc_table tr:nth-child(odd){background-color:#f4f4f4;}
.mc_table span{position:absolute; top:13px; left:8px;}
.mc_table tbody td:first-child, table tbody td:nth-child(2n + 1){background:none;}
.mc_table .years{width:60px!important;}
.mc_table .selected{color:#006ba6; font-weight:700;}

.chrt_dnut{max-width:340px; padding:20px; margin:0 auto;}
.chrt_dnut img{width:100%; height:auto;}


/* chartermizer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.crt_sector{padding:0!important; position:relative;}
.crt_sector span{position: absolute; width: 39%; height: 10%; top: 55%; left: 32%; border-bottom: 1px dotted #000;}

.crt_liquidity{padding:0!important; position:relative; overflow: hidden;}
.crt_liquidity span{position: absolute; width: 39%; height: 10%; top: 54%; left: 31%; border-bottom: 1px dotted #000;}


/* chart 1 */
.chrt1{position:relative; opacity:0; transition-delay: 0.5s!important;}
.chrt1 span.c1{position: absolute; width: 2%; height: 6%; top: 88.5%; left: 0.3%; border-bottom: 1px dotted #000; opacity:0;}
.chrt1 span.c2{position: absolute; width: 1.8%; height: 6%; top: 88.5%; left: 2.5%; border-bottom: 1px dotted #000; opacity:0;}
.chrt1 span.c3{position: absolute; width: 1.8%; height: 6%; top: 88.5%; left: 43.8%; border-bottom: 1px dotted #000; opacity:0;}
.chrt1 span.c4{position: absolute; width: 7.2%; height: 6%; top: 95.3%; left: 2.6%; border-bottom: 1px dotted #000; opacity:0;}
.chrt1 span.c5{position: absolute; width: 4.5%; height: 6%; top: 95.3%; left: 43.6%; border-bottom: 1px dotted #000; opacity:0;}

.chrt1 ._msk{position:absolute; overflow: hidden;}
.chrt1 ._msk1{ width:100%; height:88%; top:0px; left:0px;}
.chrt1 ._msk2{ width: 100%; height: 7.5%; bottom: 5%; left: 0px;}
.chrt1 ._msk3{ width: 100%; height: 6.5%; bottom: -1%; left: 0px;}

.chrt1 ._msk span{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff; -webkit-transition-duration: 0s; transition-duration: 0s;
    -webkit-transition-duration: 0s; transition-duration: 0s;
}
.chrt1 ._msk2{opacity:1;}
.chrt1 ._msk3{opacity:1;}

.chrt1.on{opacity:1;}
.chrt1.on ._msk1 span{
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 1s!important;
}
.chrt1.on ._msk2 span{
    opacity:0;
    -webkit-transition-duration: 1s; transition-duration: 1s;
    transition-delay: 0.6s!important;
}
.chrt1.on ._msk3 span{
    opacity:0;
    -webkit-transition-duration: 1s; transition-duration: 1s;
    transition-delay: 2.5s!important;
    
}

.chrt1.on span.c1,
.chrt1.on span.c2,
.chrt1.on span.c3,
.chrt1.on span.c4,
.chrt1.on span.c5{opacity:1; transition-delay: 3s!important;}


/* chart 2 */
.crt_split{position:relative; opacity:0; transition-delay: 0.5s!important;}
.crt_split ._msk{position:absolute; overflow: hidden;}
.crt_split ._msk1{ width: 100%; height: 42%; top: 0px; left: 0px;}
.crt_split ._msk2{ width: 100%; height: 42%; top: 41%; left: 0px;}
.crt_split ._msk3{ width: 100%; height: 11%; top: 91%; left: 0px;}

.crt_split ._msk span{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff; -webkit-transition-duration: 0s; transition-duration: 0s;
}
.crt_split ._msk3{opacity:1;}

.crt_split.on{opacity:1}

.crt_split.on ._msk1 span{
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 0.6s!important;
}
.crt_split.on ._msk2 span{
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 0.6s!important;
}

.crt_split.on ._msk3{
    opacity:0;
    -webkit-transition-duration: 1s; transition-duration: 1s;
    transition-delay: 0.6s!important;
}

/* chart 3 */
.barchrt{position:relative; opacity:0; transition-delay: 0.5s!important;}
.barchrt ._msk{position:absolute; overflow: hidden;}
.barchrt ._msk1{ width: 39.5%; height: 100%; top: 0px; left: 0px;}
.barchrt ._msk2{ width: 39.5%; height: 100%; top: 0px; left: 39.1%;}

.barchrt ._msk span{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff; -webkit-transition-duration: 0s; transition-duration: 0s;
}

.barchrt.on{opacity:1;}
.barchrt ._msk1{opacity:1;}
.barchrt.on ._msk1{
    opacity:0;
    -webkit-transition-duration: 1s; transition-duration: 1s;
    transition-delay: 0.6s!important;
}
.barchrt.on ._msk2 span{
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 1.2s!important;
}


/* chart 4 */
.zigchrt{position:relative; opacity:0; transition-delay: 0.5s!important;}
.zigchrt ._msk{position:absolute; overflow: hidden;}
.zigchrt ._msk1{ width: 100%; height: 91%; top: 0px; left: 0px;}
.zigchrt ._msk2{ width: 100%; height: 9%; bottom: 0%; left: 0px;}

.zigchrt ._msk span{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff; -webkit-transition-duration: 0s; transition-duration: 0s;
}

.zigchrt.on{opacity:1;}
.zigchrt ._msk1{opacity:1;}
.zigchrt.on ._msk2{
    opacity:0;
    -webkit-transition-duration: 1s; transition-duration: 1s;
    transition-delay: 0.6s!important;
}
.zigchrt.on ._msk1 span{
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 1.2s!important;
}



/* chart sector */
.crt_sector{opacity:0; transition-delay: 0.5s!important;}
.crt_sector .ring_msk{background-color:#000;}
.crt_sector .ring_msk ._a1 i,
.crt_sector .ring_msk ._a2 i,
.crt_sector .ring_msk ._a3 i{position:absolute; top:0px; left:0px; width:100%; height:100%; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}

.crt_sector .ring_msk ._a1 i{transition-timing-function:cubic-bezier(.43,1.78,.38,.37); transition-delay: 0s;}

.crt_sector .ring_msk ._a1 i:nth-child(1){background:url(../images/charts/ringmask_sector/sec_rng1.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(2){background:url(../images/charts/ringmask_sector/sec_rng2.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(3){background:url(../images/charts/ringmask_sector/sec_rng3.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(4){background:url(../images/charts/ringmask_sector/sec_rng4.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(5){background:url(../images/charts/ringmask_sector/sec_rng5.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(6){background:url(../images/charts/ringmask_sector/sec_rng6.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(7){background:url(../images/charts/ringmask_sector/sec_rng7.png) top left no-repeat; background-size:100% auto;}
.crt_sector .ring_msk ._a1 i:nth-child(8){background:url(../images/charts/ringmask_sector/sec_rng8.png) top left no-repeat; background-size:100% auto;}

.crt_sector .ring_msk ._a2 i:nth-child(1){background:url(../images/charts/ringmask_sector/sec_rng_stroke.png) top left no-repeat; background-size:100% auto; opacity:1; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}
.crt_sector .ring_msk ._a3 i:nth-child(1){background:url(../images/charts/ringmask_sector/sec_rng_fill.png) top left no-repeat; background-size:100% auto; opacity:1; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}

.crt_sector.on .ring_msk ._a1 i:nth-child(1){transition-delay: 0.6s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(2){transition-delay: 0.7s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(3){transition-delay: 0.8s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(4){transition-delay: 0.9s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(5){transition-delay: 1s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(6){transition-delay: 1.1s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(7){transition-delay: 1.2s!important;}
.crt_sector.on .ring_msk ._a1 i:nth-child(8){transition-delay: 1.3s!important;}

.crt_sector.on{opacity:1;}
.crt_sector.on .ring_msk ._a1 i{
-ms-transform: scale(1.22, 1.22); /* IE 9 */ -webkit-transform: scale(1.22, 1.22); /* Safari */ transform: scale(1.22, 1.22); 
-webkit-transition-duration: 1s; transition-duration: 1s;
}

.crt_sector.on .ring_msk ._a2 i{transition-delay: 1.3s!important; opacity:0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}
.crt_sector.on .ring_msk ._a3 i{transition-delay: 1.9s!important; opacity:0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}

.crt_sector span{opacity:0; transition-delay: 0s;}
.crt_sector.on span{opacity:1; -webkit-transition-duration: 1s; transition-duration: 1s; transition-delay: 2s!important;}

/* chart liquidity */

.crt_liquidity{opacity:0; transition-delay: 0.5s!important;}
.crt_liquidity .ring_msk{background-color:#000;}
.crt_liquidity .ring_msk ._a1 i,
.crt_liquidity .ring_msk ._a2 i,
.crt_liquidity .ring_msk ._a3 i{position:absolute; top:0px; left:0px; width:100%; height:100%; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}

.crt_liquidity .ring_msk ._a1 i{transition-timing-function:cubic-bezier(.43,1.78,.38,.37); transition-delay: 0s;}

.crt_liquidity .ring_msk ._a1 i:nth-child(1){background:url(../images/charts/ringmask_liquidity/sec_rng1.png) top left no-repeat; background-size:100% auto;}
.crt_liquidity .ring_msk ._a1 i:nth-child(2){background:url(../images/charts/ringmask_liquidity/sec_rng2.png) top left no-repeat; background-size:100% auto;}
.crt_liquidity .ring_msk ._a1 i:nth-child(3){background:url(../images/charts/ringmask_liquidity/sec_rng3.png) top left no-repeat; background-size:100% auto;}
.crt_liquidity .ring_msk ._a1 i:nth-child(4){background:url(../images/charts/ringmask_liquidity/sec_rng4.png) top left no-repeat; background-size:100% auto;}

.crt_liquidity .ring_msk ._a2 i:nth-child(1){background:url(../images/charts/ringmask_liquidity/sec_rng_stroke.png) top left no-repeat; background-size:100% auto; opacity:1; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}
.crt_liquidity .ring_msk ._a3 i:nth-child(1){background:url(../images/charts/ringmask_liquidity/sec_rng_fill.png) top left no-repeat; background-size:100% auto; opacity:1; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s;}

.crt_liquidity.on .ring_msk ._a1 i:nth-child(1){transition-delay: 0.6s!important;}
.crt_liquidity.on .ring_msk ._a1 i:nth-child(2){transition-delay: 0.7s!important;}
.crt_liquidity.on .ring_msk ._a1 i:nth-child(3){transition-delay: 0.8s!important;}
.crt_liquidity.on .ring_msk ._a1 i:nth-child(4){transition-delay: 0.9s!important;}

.crt_liquidity.on{opacity:1;}
.crt_liquidity.on .ring_msk ._a1 i{
-ms-transform: scale(1.22, 1.22); /* IE 9 */ -webkit-transform: scale(1.22, 1.22); /* Safari */ transform: scale(1.22, 1.22); 
-webkit-transition-duration: 1s; transition-duration: 1s;
}

.crt_liquidity.on .ring_msk ._a2 i{transition-delay: 1.3s!important; opacity:0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}
.crt_liquidity.on .ring_msk ._a3 i{transition-delay: 1.9s!important; opacity:0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}

.crt_liquidity span{opacity:0; transition-delay: 0s;}
.crt_liquidity.on span{opacity:1; -webkit-transition-duration: 1s; transition-duration: 1s; transition-delay: 2s!important;}


/* 21/22 times charts */
.timeschrt{position:relative; opacity:0; transition-delay: 0.5s!important; margin-bottom:50px;}
.timeschrt ._msk{position:absolute; overflow: hidden;}
.timeschrt ._msk1{ width: 100%; height: 100%; top: 0px; left: 0px;}

.timeschrt.on{opacity:1;}

.timeschrt ._msk span{
    position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff; -webkit-transition-duration: 0s; transition-duration: 0s;
}

.timeschrt.on ._msk1 span{
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-duration: 2.5s; transition-duration: 2.5s;
    transition-delay: 0.6s!important;
}