body{
    background:#f1f1f1;
     font-family:"Gotham Book",Helvetica,Arial,san-serif;
}
 @font-face{
    font-family:"Gotham Book";
     src:url(../webfonts/Gotham-Book.otf);
}
 a{
    color:#000
}
 a:hover{
    color:#000;
     text-decoration: none
}
 p a{
    font-weight: bold
}
 #loadingChart{
     position:absolute;
     left:185px;
     top:190px;
}
.parrafo{
    white-space:normal;
}
#blkHistoricoVC{
    overflow-y: auto;
    height:300px;
}
 .bootstrap-datetimepicker-widget{
     font-size:12px !important;
}
 .dropdown-item{
     padding:1px 12px !important;
}
 .dropdown-item img, .ellipse-item-menu-div {
     display:inline-block;
     font-size:11px;
     margin-left:5px;
}
 .portal-fuente{
     color:#fff;
}
 .bg-menu-responsive{
     background:#EC111A;
}
 .navbar-collapse a{
     color:#fff;
     font-size:13px;
}
 .nav-item a:hover{
     color:#eee;
}
 .navbar-toggler{
     border:solid 1px #fff !important;
     padding:8px 10px !important;
}
 .icono-toggle{
     color:#fff !important;
}
 .container{
    max-width:982px !important;
}
 .liOn{
    background:#fff !important;
    color:#000 !important;
    border:solid 1px #666 !important;
}
 .header-custom{background:#EC111A; color:#fff}
 .nav-pills .nav-link.active{
    background:#ddd !important
}
 .nav-pills .nav-link{
    padding:7px
}
.contenido-iz li p{
    margin-bottom:0 !important;
}
.typeahead{
    width:100%;
    max-height:300px;
    overflow-y:auto;
}
.typeahead .dropdown-header{
    padding:2px 7px !important;
    color:#000 !important;
}
 .titulo-modal-flotante{
    font-size:15px;
    font-weight: bold;
}
 .valores{
    font-size:14px;
    font-weight: bold;
}
 .contenido-modal-flotante{
    font-size:13px;
     padding:20px 0
}
 .fuente-modal-flotante{
    font-size:12px
}
 .valor{
     font-size:11px !important;
     font-weight: bold;
}
 .modal-flotante{
    background:#EC111A;
     color:#fff;
     position:absolute;
     bottom:0;
     max-width:340px;
     border-top-right-radius:8px;
     height:97%
}
 .salir{
    width:100%;
     height:20px;
     text-align:right;
     font-size:20px;
     cursor: pointer
}
 .bg-blanco{
    background:#fff;
     box-shadow: 0px 1px 7px #ccc
}
 .fecha{
    width:auto;
     font-size:9px;
     display:inline-block
}
 .resultado{
     font-size:14px;
     font-weight: bold;
}
 .estilo-custom{
    height:40px
}
 .dropdown-item:hover{
    background:#eee !important;
}
 .titulo-listado{
    background:#EC111A;
    width:100%;
    color:#fff;
    padding:3px 0 3px 10px;
}
 .listado{
    width:100%;
    max-height: 300px;
    overflow-y: auto;
}
 .contenedor-menu{
    position:absolute;
     width:100%;
     bottom:0;
     right:0;
     margin-bottom:-2px
}
 .tab-custom{
     display:inline-block;
     font-size:11px;
     background:#fff;
     color:#000;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     padding:2px 20px;
     font-weight: bold;
}
.font-bold{
    font-weight: bold;
}
 .btn-blanco{
     background:#EC111A;
     color:#fff;
}
 .titulo-noticia{
     color:#333;
     background:#EC111A;
     color:#fff;
}
 .bg-modal-content{
     background:#fff;
     color:#fff;
}
 .contenido-noticia{
     font-size:14px;
     color:#333;
}
 .font-gris{
     color:#666;
}
 .font-gris td:hover{
     color:#EC111A;
     cursor:pointer;
}
 .tab-custom a:hover{
    color:#EC111A
}
 .bg-custom-border{
    background:#e2e2e2;
     border:solid 1px #aaa;
     border-top-left-radius:10px;
     border-bottom-right-radius:10px
}
 .texto-footer{
    font-size:9px
}
 .input-div{
    display:inline-block;
     width:36.4%
}
 .btn-input-fm{
    color:#fff;
     background:#EC111A;
     display:inline-block;
     vertical-align: middle;
     padding:8px 15px 7px 15px;
     border-radius:3px;
     font-size:10px;
     cursor:pointer
}
 .texto-footer a{
    color:#EC111A
}
 .bg-custom-footer{
    background:#eee;
     border-top:solid 1px #ccc;
     padding:10px 0
}
 .mapa{border-bottom:15px solid #EC111A}
 .borde-abajo{
    border-bottom:1px solid #000
}
 .fuente-normal{
    font-size:11px;
}
 .borde-abajo{
    border-bottom:solid 1px #ccc
}
 .contenido-iz{
    font-size:10px
}
 ul{
    padding-left:0 !important
}
 .fuente-mayuscula{
    font-size:11px;
    font-weight:bold;
     text-transform: uppercase
}
 .cabecera-iz-custom{
    color:#EC111A;
     padding:10px 15px;
     background-image: linear-gradient(#f3f3f3, #d6d4d5);
     border-radius:10px
}
 .cabecera-iz-custom a{
    color:#EC111A;
     text-decoration: none
}
 .cabecera-iz{
    color:#EC111A;
     padding:10px 12px;
     background-image: linear-gradient(#f3f3f3, #d6d4d5);
     border-top-left-radius:10px
}
 .cabecera-iz a{
    color:#EC111A;
     text-decoration: none
}
 .contenido-iz li{
    border-bottom:1px solid #ddd;
     list-style:none;
     padding:5px 0
}
.card-body a{
    padding-left:10px;
}
.card-body a:hover{
    color:#EC111A;
}
 .card{
    border-radius:0 !important;
     border:0 !important
}
 .pfin{
    font-size:15px;
}
 .card-header{
    padding:0
}
 .card-body{
    padding:10px
}
 .btn-link{
    font-size:12px !important;
     color:#000
}
 .btn-link:hover{
     color:#eb8f00;
     text-decoration: none
}
 .tabla-nombre{
    font-size:10px
}
 .titulos-instrumentos{
     font-size:11px;
     font-weight: bold;
}
 .tabla-puntos{
    font-size:10px;
     text-align:right
}
 .tabla-var{
    font-size:10px;
     text-align:right;
     width:30%
}
 .nom-serie{
     width:35%;
}
 .var-por{
     width:22%;
     text-align:center;
}
 .ver{
     width:1%;
     text-align:center;
}
 .nom-serie-val{
     width:67%;
}
 .var-por-val{
     width:20%;
     text-align:right;
}
 .al-menu{
     margin-bottom:-2px;
}
 .ver-val{
     width:13%;
     text-align:left;
}
 .border-tabla-precios{
     border:solid 1px #aaa;
}
 .table th{
    padding: 0 !important
}
 .table thead th{
    border-bottom:0 !important
}
 .con-nombre{
     font-size:10px;
     padding:3px 0 !important
}
 .con-nombre:hover{
     cursor:pointer;
     color:#EC111A;
}
 li a:hover{
    color:#EC111A;
     transition:.3s;
     text-decoration: underline
}
 .modal-title{
    background-color:#EC111A;
     border:solid 1px #aaa;
     color:#fff;
     width:100%;
     padding:10px
}
 .modal-content{
    padding:3px
}
 .fa-times{
    color:#fff !important
}
 .con-valor{
    text-align:right;
     font-size:10px;
     padding:3px 0 !important
}
 .con-var{
    text-align:right;
     font-size:10px;
     padding:3px 0 !important
}
 .fuente-footer{
    font-size:10px
}
 .leyenda-footer{
    border-top:solid 1px #EC111A;
     font-size:10px
}
 .fa-arrow-circle-down{
     font-size:18px;
     color:#EC111A;
}
 .fa-arrow-circle-up{
     font-size:18px;
     color:#00bf00;
}
 .fa-arrow-circle-left{
     font-size:18px;
     color:#8c8c8c;
}
 .rojo{
    color:#EC111A
}
 .verde{
    color:#00af00
}
 .nav-tabs .nav-link{
    padding:5px 7px !important;
     font-size:10px
}
 .nav-tabs .nav-link:hover{
    color:#EC111A
}
 .active{
    color:#EC111A !important
}
 .bold-font{
    font-weight: bold
}
 .boton-aceptar{
    background:#EC111A;
     color:#fff;
     width:20px;
     font-size:18px;
     padding:5px 24px 5px 18px;
     text-align:center;
     border-radius:3px;
     cursor:pointer;
     margin:0 auto !important
}
 .font-indicadores{
     font-size:13px;
     font-weight: bold;
}
 .table-striped tbody tr:nth-of-type(2n+1){
     background-color:#f6f6f6 !important;
}
 table{
     width:100% !important;
}
 .boton-aceptar:hover{
    background:#9d0000;
     transition:.5s
}
 .input-custom{
    font-size:12px;
     height:30px;
     border-radius:5px;
     border:solid 1px #ced4da;
     padding:5px;
}
 .input-custom-icon{
    background:#EC111A;
     color:#fff;
     border-top-right-radius:5px !important;
     border-bottom-right-radius:5px !important;
     border-top-left-radius:0px !important;
     border-bottom-left-radius:0px !important
}
 .input-custom input:focus {
    border:1px solid #06c !important
}
 .font-min{
    font-size:10px
}
 .text-gris{
    color:#999
}
 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
     border-color: rgba(0,0,0,0.3);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.0);
     outline: 0 none
}
 .periodo{
     display:inline-block;
     width:10%
}
 .desde{
     display:inline-block;
     width:21%
}
 .hasta{
     display:inline-block;
     width:21%
}
 .btn-periodo{
     display:inline-block;
     background:#fff;
     border:solid 1px #ccc;
     border-radius:4px;
     padding:0 1px 3px 3px;
     width:5%;
     text-align:center
}
 .btn-secondary:hover{
     background:#aaa;
     border:solid 1px #aaa;
}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle{
    background:#aaa;
    border:solid 1px #aaa;
}
 .btn-periodo:hover{
    background:#aaa;
     color:#fff;
     cursor:pointer;
     transition:.6s
}
 .fa-angle-right{
    vertical-align: middle
}
 .periodo-tab{
    display:inline-block;
     width:36%;
     text-align:right;
     font-size:10px
}
 .periodo-tab ul li {
     display:inline-block;
     background-image: linear-gradient(#f3f3f3, #d6d4d5);
     border:solid 1px #aaa;
     border-radius:4px;
     padding:4px 6px;
}
 .periodo-tab ul li:hover{
    color:#000;
    cursor:pointer;
    border:solid 1px #666;
}
 .bg-porfecha{
    background:#087BB4;
    color:#fff
}
 .list-soft{
    list-style:none;
     font-size:11px
}
 .txt11{
    font-size:11px
}
 .txt12{
    font-size:12px
}
 .bkgno{
    background:none
}
 .btn{
    padding:0.375rem 0.70rem !important;
    font-size:11px;
}
 .btnScotia{
    font-size:11px
}
 .btnScotia i{
    background:#EC111A;
     color:#fff;
     padding:5px;
     border:solid 1px #aaa;
     font-size:13px
}
 .brdr{
    border:1px solid #ced4da
}
 .brdr5{
    -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px
}
 .brdr12{
    -webkit-border-radius:12px;
     -moz-border-radius:12px;
     border-radius:12px
}
 .red-sb{
    background:#EC111A
}
 .blue-sb{
    background:#087BB4
}
 .blue-sb-txt{
    color:#087BB4
}
/* .red{
    color:#EC111A!important
}
 */
 .grn{
    color:green
}
 .ylw{
    color:yellow
}
 .orng{
    color:orange;
}
 .bkgred{
    background:#EC111A;
    color:#fff;
}
 .griz{
    color:#666;
    padding:0 5px;
}
 .bkggriz{
    background:#e2e2e2
}
 .bkggrizsoft{
    background:#f6f6f6
}
 .wht{
    color:#FFF
}
 .btn-input-fm:hover{
    background:#9d0000
}
 .plus{
    background:#EC111A;
     color:#FFF!important;
     text-align:center;
     padding:1px 4px;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     border-radius:3px;
     cursor:pointer
}
 .plus:hover{
     background:#9d0000;
}
 .plus-azul{
    background:#087BB4;
     color:#FFF!important;
     text-align:center;
     padding:1px 4px;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     border-radius:3px;
     cursor:pointer
}
 .plus-azul:hover{
     background:#005F8F;
}
 .periodo{
     font-size:10px;
}
 .btnScotia i:hover{
     background:#9d0000;
}
 .spnCompare2{
     background-image:url('../../images/comparar1.gif');
     width:16px;
     height:16px;
     float:left;
     margin-right:5px;
}
 .spnCompare2:hover{
     background:url('../../images/delete.gif');
     cursor: pointer;
}
 .spnCompare{
     background-image:url('../../images/comparar2.gif');
     width:16px;
     height:16px;
     float:left;
     margin-right:5px;
}
 .spnCompare:hover{
     background:url('../../images/delete.gif');
     cursor: pointer;
}
 .bigChart_top td{
    font-size:12px !important;
}
 .bottomChart .btn{
    font-size:9px
}
/*.bottomChart .fitc .btn{
    height:fit-content
}
*/
 .bottomChart .form-control{
    height:auto;
     padding:0.05rem 0.75rem
}
 .h75{
    height:75px
}
 .colTop{
    text-align:center;
     margin-bottom:10px
}
 .calugaTop{
    padding:.5rem;
     font-size:11px;
     color:#EC111A;
     min-height:85px;
     display:grid;
     justify-content:center;
     align-items:center;
     margin-bottom:10px;
    height:100px;
}
 .calugaTop p{
    margin:0
}
 .titulo-listado-azul{
    background-color:#087bb4;
    color:#fff;
}
 .tbl{
    width:100%;
     font-size:9px
}
 .tbl th{
    color:black
}
 .tbl td{
    color:#666;
}

.simplebar-scrollbar{
    right:0 !important;
}
/* .tbl td:first-child{
    padding-left:0px;
     padding-right:4px
}
 .tbl td:last-child{
    padding-right:0px;
     padding-left:4px
}
 */
 .tbl tr:nth-child(even){
    background-color:#f6f6f6
}

.docs{
    cursor:pointer;
}

 .docs li:hover{
     color:#999;
}
 .nom-serie-val:hover{
     cursor:pointer;
     color:#EC111A !important;
}
 .hvr-azul:hover{
     cursor:pointer;
     color:#087bb4;
}
/****** PUSH */
 /* .nemo{
    padding:3px
} */
 .off{
    color:#333
}
 .green{
    color:#090
}
 .red{
    color:#EC111A
}
 .backGreen{
    background:#090;
     color:#FFF!important
}
 .back#EC111A{
    background:#EC111A;
     color:#FFF!important
}
 .backYellow{
    background:#e7d600;
     color:#333
}
/****** FIN PUSH */
 .altoFijo{
    max-height:205px;
     overflow-y:auto;
}
 .altoFijo-b{
    max-height:80px;
     overflow-y:auto
}
 .docs{
    display:inline-block;
     list-style:none;
     font-size:11px;
     color:#EC111A;
     line-height:25px
}
 .docs li a{
    color:#EC111A
}
 .docs i{
    margin-right:5px
}
 .card-body .row{
    padding:5px 0
}
 .table th{
    border-top:0 !important;
}
 .table td{
    border-top:0 !important;
}
 .modal-body .table td{
    padding:0.15rem;
     border-top:none
}
 .modal-body .table th{
    padding:0.4rem!important
}
 .modal-footer-cemq{
    padding:1rem;
     border-top:1px solid #e9ecef
}
 .wrap{
    height:350px
}
 .caluga{
    -webkit-border-radius:12px;
     padding:17px;
     display:inline-block;
     -moz-border-radius:12px;
     border-radius:12px;
     margin:auto
}
 .caluga a{
    color:#FFF
}
 .caluga img{
    margin-top:20px
}
/*.fa-angle-right .collapse.show{
    transform: rotate(90deg);
     transition:.6s
}
*/
/*.btn.collapsed .fa-angle-right{
    transform: rotate(90deg);
     transition:.6s
}
*/
/*.btn:not(.collapsed) .fa-angle-right{
    transform: rotate(90deg);
     transition:.6s
}
*/
/*.caluga{
    width:250px;
     height:70px;
     -webkit-border-radius:12px;
     -moz-border-radius:12px;
     border-radius:12px;
     margin:auto
}
 .caluga img{
    margin-top:20px
}
*/
/***** AZUL */
 .bg-custom-border-bl{
     background:#087BB4;
     color:white;
     border:solid 1px #aaa;
     border-top-left-radius:10px;
     border-bottom-right-radius:10px;
}
 .btnScotia-bl{
    font-size:11px
}
 .btnScotia-bl i{
    background:#087BB4;
     color:#fff;
     padding:5px;
     border:solid 1px #aaa;
     font-size:13px
}
 .btnScotia-bl i:hover{
    background:#005F8F
}
 .plus-bl{
    background:#087BB4;
     color:#FFF!important;
     text-align:center;
     padding:1px 4px;
     border-radius:3px;
     cursor:pointer
}
 .btn-input-fm-bl{
    color:#fff;
     background:#087BB4;
     display:inline-block;
     vertical-align:middle;
     padding:8px 15px 7px 15px;
     font-size:10px;
     cursor:pointer
}
 #btnCalcularRentabilidad{
    border-radius:3px;
}
 .docs-bl{
    display:inline-block;
     list-style:none;
     font-size:11px;
     color:#087BB4;
     line-height:25px
}
 .docs-bl li:hover{
    color:#999;
    cursor: pointer;
}
 .docs-bl li a{
    color:#087BB4
}
 .docs-bl i{
    margin-right:5px
}
 .btn-periodo-bl{
    display:inline-block;
     background:#fff;
     border:solid 1px #ccc;
     border-radius:4px;
     padding:0 8px 3px 7px;
     width:5%;
     text-align:center;
}
 .btn-periodo-bl:hover{
    background:#087BB4
}
 .periodo-tab-bl{
    display:inline-block;
     width:43%;
     text-align:right;
     font-size:10px
}
 .periodo-tab-bl ul li{
    display:inline-block;
     background-image: linear-gradient(#f3f3f3, #d6d4d5);
     border:solid 1px #aaa;
     border-radius:4px;
     padding:4px 6px
}
 .periodo-tab-bl ul li:hover{
    color:#087BB4;
     cursor:pointer
}
/***** FIN AZUL */
/*TOGGLE*/
 .btn-link .fa:before {
    content:"\f105"
}
 .btn-link[aria-expanded="true"] .fa:before {
    content:"\f107"
}
/*TOGGLE*/
 @media (max-width: 576px){
     .columna{
        width:100%;
         flex-basis:unset
    }
     .m-b-xs-3{
        margin-bottom:1rem
    }
     .w-sm-100{
        width:100%
    }
     .tbl{
        font-size:13px
    }
     .fuente-normal{
        font-size:13px
    }
}
/*@media (min-width: 505px){
    .wd-25{
        width:23.7%
    }
}
*/
 @media (max-width: 768px){
     .columna{
        width:100%;
         flex-basis:unset
    }
     .txt-c-xs{
        text-align:center
    }
     .tab-custom{
        font-weight:bold;
         padding:4px 12px
    }
     .contenido-iz{
        font-size:13px
    }
     .card-body{
        line-height:35px
    }
     .btn-link{
        font-size:13px !important
    }
     .estilo-custom{
        height:50px
    }
     .btnScotia, .btnScotia-bl{
        font-size:13px
    }
     .active{
        color:#fff !important;
    }
}
/*@media (max-width: 767px){
    .wd-25{
        width:24.3%!important
    }
}
*/
 @media (min-width: 768px){
     .columna{
        width:50%;
         flex-basis:unset
    }
}
 @media (max-width: 990px){
     .btn-periodo-bl{
         width:8%;
         text-align:center
    }
     #loadingChart{
         position:absolute;
         left:45%;
         top:190px;
    }
}
 @media (min-width:1020px){
     .columna{
        flex-basis:0!important
    }
}
 @media (max-width: 1020px){
     .calugaTop{
        margin-top:15px
    }
}
 @media (max-width: 1199px){
    /*.wd-25{
        width:23.7%
    }
    */
     .btn-periodo-bl{
         width:8%;
         text-align:center;
    }
}
/* flex-basis:0 flex-grow:1 */
 @media (max-width: 1199px) {
     .tbl{
         width:100%;
         font-size:10px
    }
     .fuente-mayuscula{
         font-size:14px;
    }
     .periodo{
         width:10%;
    }
     .desde, .hasta{
         width:21%;
    }
     .btn-periodo{
         width:8%;
         text-align:center;
    }
     .nom-serie, .nom-serie-val{
         width:40%;
    }
     .var-por{
        text-align:right;
        width:40%;
        padding-right:3px;
   }
      .var-por-val{
         text-align:right;
         width:40%;
    }
     .ver, .ver-val{
         width:10%;
         text-align:right;
    }
}
 @media (max-width: 990px) {
     .fecha{
         width:100%;
         text-align:center;
    }
     .contenedor-menu{
         margin-bottom:-2px;
    }
     .al-menu{
         width:100%;
         text-align:center;
         margin:0 auto;
         padding-bottom:-2px;
    }
     .modal-flotante{
         position:static;
         max-width:100%;
    }
     .periodo{
         width:15%;
         font-size:11px;
    }
     .desde, .hasta{
         width:36%;
    }
     .btn-periodo{
         width:8%;
         text-align:center;
    }
     .periodo-tab{
         margin-top:10px;
         width:100%;
         text-align:center;
    }
     .input-div{
         display:inline-block;
         width:35%;
    }
     .btn-input-fm{
         width:auto;
         color:#fff;
         background:#EC111A;
         display:inline-block;
         vertical-align: middle;
         padding:8px 15px 7px 15px;
         border-radius:5px;
         -webkit-border-radius:5px;
         -moz-border-radius:5px;
         font-size:10px;
    }
     .active{
         color:#EC111A !important;
    }
}
 @media (max-width: 574px){
     .nav-tabs .nav-link.active{
         color:#EC111A;
    }
     .active-menu{
         color:#fff;
         font-weight: bold;
    }
     #btnModalHistorico{
         font-size:11px;
    }
}
 .point{
     font-size:11px;
     color:#536374;
     padding:4px 8px;
     background:#fff;
     border-radius:4px;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     box-shadow:0 0 3px #536374;
     -webkit-box-shadow:0 0 3px #536374;
     -moz-box-shadow:0 0 3px #536374;
     position:absolute !important;
     width:150px ;
}


/** AMCHARTS Animation **/
/* Line Parpadeante */
.amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    -webkit-animation: am-moving-dashes 1s linear infinite;
    animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px;
    }
}
@keyframes am-moving-dashes {
    100% {
        stroke-dashoffset: -31px;
    }
}

/* Line */
.amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 700%;
    stroke-dasharray: 0 \0/;    /* fixes IE prob */
    stroke-dashoffset: 0 \0/;   /* fixes IE prob */
    -webkit-animation: am-draw 1.5s;
    animation: am-draw 1.5s;
}
@-webkit-keyframes am-draw {
    0% {
        stroke-dashoffset: 700%;
    }
    100% {
        stroke-dashoffset: 0%;
    }
}
@keyframes am-draw {
    0% {
        stroke-dashoffset: 700%;
    }
    100% {
        stroke-dashoffset: 0%;
    }
}