body.loading:before {
    background-image:url('../images/loading.gif');
    background-repeat:no-repeat;
    background-position:center;
}

body.loading:before {
    content:" ";
    position:fixed!important;
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.2);  
    padding:0;
    z-index:100000000000;
  
}
.graph img {
    width: 100%;
}
.graph {
    margin: 0 auto;
    margin-left:0.5%;
    padding-bottom: 10px;
}


.graph,
.settlement-container {
    opacity: 0;
    visibility: hidden;
}
.graph.initialized,
.settlement-container.initialized{
    visibility: visible;
    opacity: 1;
}
.slick-next:before, .slick-prev:before {
    color:#000;
}
.graph-img-container {
    position: relative;
    text-align: center;
    color: white;
}
.graph-img-text {
    display:none;
}
.contact-magna-container input[type="range"]:focus {
    background: none;
}

.rangeslider__fill {
    background: #003d5c;
}
.rangeslider {
    background: #90d6ec;
}
.rangeslider-wrap {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 24px;
}
.slick-next, .slick-prev {
    display:none!important;
}
.rangeslider__handle {
    background: #00527a;
    border: 0;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -5px;
}
.rangeslider__handle {
    width: 30px;
    height: 30px;
}

.rangeslider__labels__label .status {
    font-size: 14px;
    display: inline-block;
    width: 20%;
    text-align: center;
    float: left;
    color: #00527a;
    font-weight: bold;
}

.rangeslider__labels__label {
    text-align: justify;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    margin-top: 10px;
}


    .rangeslider__labels__label .status:nth-child(1) {
        color: #003d5c !important;
        text-align: left;
    }

    .rangeslider__labels__label .status:nth-child(3) {
        color: #318aa8 !important;
    }

    .rangeslider__labels__label .status:nth-child(5) {
        color: #90d7ec !important;
        text-align: right;
        padding-right: 16px;
    }

.rangeslider-wrap:before {
    content: " ";
    background: white;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 25%;
    z-index: 2;
    top: 0;
}

.rangeslider-wrap:after {
    content: " ";
    background: white;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 74.5%;
    z-index: 2;
    top: 0;
}

.rangeslider--horizontal:before {
    content: " ";
    background: white;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: 2;
    top: 0;
}

.rangeslider-wrap {
    position: relative;
}

.rangeslider__handle {
    z-index: 3;
}

rangeslider--horizontal {
    width: 100%;
}


/**/

.rangeslider__fill {
    background: transparent;
}

.rangeslider {
    background-image: linear-gradient(117deg, #003D5C, #318AA8, #90D7EC);
}

.rangeslider, .rangeslider__fill {
    border-radius: 0;
}

.rangeslider--horizontal .rangeslider__handle {
    top: -15px;
}

.rangeslider__handle {
    background: #00527a;
    border: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    height: 45px !important;
}

.rangeslider__handle:after {
    display: none;
}

.rangeslider__handle,
.rangeslider--active .rangeslider__handle, 
.rangeslider__handle:active {
    background: #efefea;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(251, 152, 11,0.5);
    background-color: rgba(251, 152, 11, 1);
    /* box-shadow: 0 5px 20px rgba(251, 152, 11, .5); */
    background: #f9c667;
    background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
    background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%);
    background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
}

.rangeslider__labels__label .status {
    padding-bottom: 17px;
}
.rangeslider__handle {
    width: 18px;
}

@media (min-width: 1200px) {
    .graph-max-width {
        max-width: 70vw!important;
    }
    .settlement-container {
        margin-top: -15px !important;
    }
}

@media (max-width: 767px) {
    .contact-magna-container .m-w-95, .contact-magna-container .m-w-85, .contact-magna-container .m-w-75, .contact-magna-container .m-w-74, .contact-magna-container .m-w-73, .contact-magna-container .m-w-72, .contact-magna-container .m-w-71, .contact-magna-container .m-w-64, .contact-magna-container .m-w-63, .contact-magna-container .m-w-62, .contact-magna-container .m-w-61, .contact-magna-container .m-w-60 {
        max-width: none;
    }
}
@media(min-width:768px)
{
  
}

@media (max-width: 600px) {
    .rangeslider__labels__label {
        display: none;
    }
}

@media (min-width: 1032px) {
    .contact-magna-container .title-container {
        float: none;
        margin: 0 auto;
        max-width: 1032px;
    }
}