@charset "utf-8";
/* CHART TWO COLUMN - AB CSS */

.chart-module {}
.chart-module-main-container {height: auto;position:relative;margin-top:60px;}
.chart-module-inner-container {}
.chart-module-container {
    position: relative;
    min-height: 136px;
    max-width: 100%;
    padding: 0px 20px 0px 20px;
    border-radius: 0px;
    background: linear-gradient(0deg, rgba(132, 186, 219, 0), rgba(132, 186, 219, .7));
    background-size: 100% 190px;
    background-repeat: no-repeat;
}

.chart-module-headline {
    padding: 40px 0px 20px 0px;
}
    .chart-module-headline p {
        font-size: 18px;
        font-weight: 500;
        max-width: 100%;
        line-height: 24px;
    }
.chart-module-p:before {
    content: '';
    width: 40px;
    height: 2px;
    background: #ED8800;
    position: relative;
    top: -12px;
    display: block;
}

.chart-module-headline h2 {
    position: relative;
    left: 0px;
    font-size: 38px;
    font-weight: 300;
    line-height: 50px;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 50px;
}
.chart-module-l-column {position: relative;left:0px;}
.chart-module-l-column h3 {font-size:24px;font-weight:400; line-height: 30px;margin-bottom: 15px;}

.chart-module-graph-container h3 {
    font-size: 14px;
    font-weight: 500;
    color: #003057;
}
    .chart-module-graph-container h3 span {
        color: #000;
        font-weight:700;
        padding-top:10px;
    }
.graph-total {
    display: block;
    padding-left: 0px;
    line-height: 15px;
}
.chart-module-l-column p {
    font-size: 16px;
    font-weight: 500!important;
    line-height: 24px;
    max-width: 100%;
}
.chart-module-r-column h4 {font-size:20px;font-weight:400; line-height: 30px;text-align:center; }

.chart-module-graph-container ol {list-style: none;padding-left: 0px;}
.chart-disclaimer-container {}
.chart-module-r-column p.graphheadline {font-size:16px;font-weight:300; line-height: 24px;text-align:center;max-width:430px;margin: 0 auto;padding:30px 20px 30px 20px; }
.chart-module-r-column li.graphdisclaimer {padding:0px 20px 0px 20px;margin:20px 0px 0px 0px; }
.chart-module-r-column {position:relative; left:0px;}
.chart-module-graph-header {border-radius:20px 20px 0px 0px;padding:20px;}
.chart-module-graph-container {width:100%; min-height:340px; border-radius:20px;margin: 0 auto;}
.chart-module-image-container {max-width:520px;margin: 0 auto;padding: 0px 20px 0px 20px;}
.chart-module-graph-container img {}
.chart-module-addl-content-container {padding: 20px 20px 0px 20px;}
.chart-module-disclaimer {
    padding: 20px 0px;
    max-width: 95%;
}
.chart-module-disclaimer .graph-disclaimer-container ol {padding-left:0;}
.download-data-chart-link {padding:10px 20px 20px 0px;margin:0px;text-align: center;}
.download-data-chart-link a {color:#000000;text-decoration:none;}
.download-data-chart-link a:hover {color:#000000;text-decoration:underline;}
.download-data-chart-link a:focus {color:#000000;outline: 1px solid #000000!important;outline-offset: 4px;}
.download-data-chart-link a:focus:not(:focus-visible) {color:#000000;outline: none!important;}

img.download-data-chart-icon {margin-left:5px;}
.chart-module-video-disclaimer {padding-top:20px;}


.wrap {width: 100%;margin: 0 auto;padding: 0px;}      
.growthbar {
    background: #ED8800;
    width:0;
    height:85px;
    color:#fff;
    position: relative;
    transition: width 2s, background .2s;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    float: left;
}
.investmentbar {
    font-size: 12px;
    background: #003057;
    width: 200px;
    height: 85px;
    position: relative;
    z-index: 2;
    font-weight: bold;
    margin-bottom: 10px;
}      
.investmentbar:nth-of-type(2) {float: left;}      
.graphkey {clear:both;}
    .graphkey ul {
        padding-left: 0px;
        list-style-type: none;
        color: #000;
    }
    .graphkey li {
        font-size: 14px;
        padding-top: 10px;
        font-weight: 500;
        text-indent: -1.7em;
        margin-left: 1.8em;
    }
    .graphkey li:before {
        content: "";
        position: relative;
        left: 0;
        top: 0px;
        width: 16px;
        height: 16px;
        margin-top: -5px;
        margin-right: 10px;
        background-color: #ED8800;
        display: inline-block;
        border: 1px #000 solid;
    }


/*===============================
  BEGIN MODAL
  ===============================*/
#desktopGraphModal .modal-body {padding: 0px 20px 0px 20px;}
.chart-modal h2{font-size:18px;font-weight:300;line-height:27px;text-align:center;padding:0px 20px 5px 20px;color:#000;}
.chart-modal table {max-width: 560px;margin: 0 auto;}
.chart-modal th {font-size:14px;font-weight:300;}
.chart-modal td {font-size:20px;border-width: 1px 20px;}
.chart-modal tr {border-radius: 20px 0px 0px 0px;}
.table>:not(:last-child)>:last-child>* {border-bottom-color: #7F7F7F;}

.chart-modal th:first-child {background-color: #D8D8D8;text-align: center;padding-top:40px;padding-bottom: 10px;border-radius: 20px 0px 0px 0px;border-right: 1px dashed #BFBFBF;}
.chart-modal td:first-child {background-color: #D8D8D8;text-align: center;padding-top:20px;padding-bottom:30px;border-radius: 0px 0px 0px 20px;border: 0px;border-right: 1px dashed #BFBFBF;}
.chart-modal th:nth-child(3) {background-color: #D8D8D8;text-align: center;padding-bottom: 10px;}
.chart-modal td:nth-child(3) {background-color: #D8D8D8;text-align: center;padding-top:20px;border: 0px;}
.chart-modal th:nth-child(2) {background-color: #D8E9F3;text-align: center;padding-bottom: 10px;border-radius: 0px 20px 0px 0px;}
.chart-modal td:nth-child(2) {background-color: #D8E9F3;text-align: center;padding-top:20px;border-radius: 0px 0px 20px 0px;border: 0px;}
/*===============================
  END MODAL
  ===============================*/

@media (min-width: 320px) {
	
}

@media (min-width: 360px) {
    .investmentbar{width:240px;}
    .chart-module-graph-container h3 {
        font-size: 16px;
    }
}

@media (min-width: 375px) {
    .investmentbar{width:240px;}
    .chart-module-graph-container h3 {
        font-size: 21px;
        line-height: 24px;
    }
    .graphkey li {
        font-size: 16px;
    }
	
}

@media (min-width: 576px) {

.chart-module-inner-container {max-width: 540px;margin:0 auto;}
.chart-module-r-column p.graphheadline {padding:30px 0px 30px 0px; }
.investmentbar{width:400px;}

/*===============================
  BEGIN MODAL
  ===============================*/
.modal-dialog {max-width: 640px;}
/*===============================
  END MODAL
  ===============================*/
}		

@media (min-width: 768px) {

.chart-module-container {border-radius: 0px 20px 0px 0px;max-width:100%; }
.chart-module-inner-container {max-width: 720px;margin:0 auto;}
.chart-module-headline h2 {font-size:42px;line-height: 64px;max-width: 96%;}
    .chart-module-l-column h3 {
        font-size: 32px;
        line-height: 40px;
        max-width: 85%;
    }
.chart-module-l-column p {font-size:17px;line-height: 24px;}		

}
	
@media (min-width: 992px) {

.chart-module-container {max-width: 88%;padding:0px 0px 0px 20px;}
.chart-module-inner-container {max-width: 860px;margin:0 auto;}
.chart-module-l-column {top:0px;}
.chart-module-l-column p {max-width: 430px;}
.chart-module-r-column {left: 70px;top: 0px;}
.chart-module-r-column p.graphheadline {padding: 30px 20px 30px 20px;}
	

.download-data-chart-link {text-align: left;}
.chart-module-image-container {padding: 0px 20px 0px 20px;}
.chart-module-graph-container {width: 440px;padding-top:5px;}
.chart-module-headline p {max-width: 96%;}

.investmentbar{width:310px;}

}

@media (min-width: 1200px) {

.chart-module-container {max-width: 90%;padding:0px 0px 0px 30px;}
.chart-module-inner-container {max-width: 100%;margin:0 auto;}
.chart-module-r-column {left: 0px;}

.graph-total {
    display: inline;
    padding-left: 25px;
}
.graphkey li {
    font-size: 20px;
}
	
.chart-module-headline h2 {font-size:40px;left:0px;}
.chart-module-headline p {max-width: 92%;}
.chart-module-l-column {left:0px;}
.chart-module-image-container {padding: 0px;}
	
.chart-module-graph-container {width: 600px;}
.chart-module-r-column p.graphheadline {padding: 30px 0px 30px 0px;}	

.investmentbar{width:480px;}

}

@media (min-width: 1400px) {

.chart-module-headline p {max-width: 90%;}

}

@media (min-width: 1440px) {

.chart-module-container {max-width: 90%;padding:0px 0px 0px 130px;}	
.chart-module-r-column {left: 0px;}
.chart-module-headline h2 {font-size:40px;}

}

@media (min-width: 1441px) {

.chart-module-container {max-width: 90%;margin: 0px;padding:0px 0px 0px 130px;border-radius: 20px 20px 0px 0px;}	

}

@media (min-width: 1500px) {
	
}

@media (min-width: 1650px) {
	
}