.rangeSlider {
    margin-bottom: 40px;
}

.irs-to {
    visibility: visible !important;
}

.monthlyto .irs-to {
    visibility: hidden !important;
}

.rangeSlider {
    position: relative;
    /*margin-bottom: 35px;*/
    background-image: url(../images/blackDot.svg), url(../images/redDot.svg);
    background-repeat: no-repeat;
    z-index: 99999;
}

.maxafterR:after {
    content: '\20B9';
    position: absolute;
    right: -19px;
    top: 61px;
}

.extra-controls {
    height: 37px;
}

.rangeSlider {
    background-position: top 62px right, top 62px left;
}

.extra-controls p {
    line-height: 1.1;
    width: 65%;
    float: left;
}

.js-input-to:focus,
.js-input-to:active,
.js-input-to:visited {
    border: 0;
    outline: 0;
}

.irs--round .irs-grid-text {
    color: #000;
    top: 0;

}

.js-input-to {
    float: right;
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 6px 5px;
    background-color: #2a2076;
    color: white;
    border-radius: 50px;
    width: 95px;
    text-align: center;
    right: 0;
    position: relative;
    border: 0;
}

.irs--round {
    margin-top: 20px;
    height: 35px;
}

.irs--round .irs-bar {
    top: 9px;
    height: 4px;
    background-color: #AB3A5A;
    left: 0 !important;
}

.irs--round .irs-handle {
    border: 4px solid #AB3A5A;
    box-shadow: 0 1px 3px #ab3a5a;
    top: 0;
}

.irs--round .irs-line {
    background-color: #000;
    top: 9px;
}

.irs-min,
.irs-from,
.irs-to,
.irs-handle.from,
.irs-single {
    visibility: hidden !important;
}

.irs-max {
    color: #000000 !important;
    top: 0 !important;
    right: -55px !important;
    background-color: transparent !important;
    visibility: visible !important;
    font-size: 15px;
}


.plannow {
    margin-top: 50px;
    text-align: center !important;
}

.Calculatore_login_Form {
    width: 100%;
    float: left;
}

.calculator {
    background: linear-gradient(90deg, rgba(171, 58, 90, 0.2) 0%, rgba(42, 32, 118, 0.2) 100%);
    border-bottom: 15px solid #2A2076;
    padding-top: 3em;
}


.calculatorSpace {
    width: 100%;
    float: left;
    /*padding: 5em 0;*/
    max-width: 400px;
    margin: 0 auto;
}

.chartDiv {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    color: #2A2076;
}

.calculatorSpace h1,
.calculatorForm h1 {
    font-size: 2em;
    color: #2A2076;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 15px;

}

/*.range-slider .irs--round .irs-from, .range-slider .irs--round .irs-to, .range-slider .irs-single, .irs-handle.from {
    visibility: hidden !important;
}
.calculatorSpace p {
    display: inline;
}

*/

.loginDiv {
    width: 100%;
    float: left;
    display: flex;
}

.firstS {
    display: flex;
    justify-content: center;
    align-self: flex-start;
}

.FirstF,
.SecondF {
    display: flex;
}

.loginDiv h2 {
    font-size: 30px;
    font-weight: 700;
    color: #2a2076;
    margin: 20px 0;
}

.loginDiv p {
    font-size: 18px;
    margin: 25px 0;
    color: #676767;
    line-height: 1.3;
}

.form-control::placeholder {
    color: #727272;
    opacity: 1;
    /* Firefox */
}

.desktopbtn {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #727272;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #727272;
}

.beginbtn {
    color: #ffffff;
    background-color: #2a2076;
    border-color: transparent;
    max-width: 196px;
    width: 100%;
    text-align: left;
    padding: 13px;
    font-size: 22px;
    border-radius: 0;
    outline: 0;
    border: 0;
}

.beginbtn span {
    text-align: right;
    float: right;
}

.beginbtn:hover,
.beginbtn:focus,
.beginbtn:visited {
    color: #ffffff !important;
    background-color: linear-gradient(90deg, rgba(171, 58, 90, 1) 0%, rgba(42, 32, 118, 1) 100%);
    border-color: #2a2076;
    background: linear-gradient(90deg, rgba(171, 58, 90, 1) 0%, rgba(42, 32, 118, 1) 100%);
    outline: 0 !important;
}

.chartDiv h3 {
    font-size: 21px;
    font-weight: bold;
    color: #2A2076;
    margin: 15px 0;
}

.formcontrol .form-control {
    height: 36px;
    color: #727272;
    border: 1px solid #727272;
    border-radius: 50px;
}

.formcontrol .form-group {
    padding-left: 0;
}

.formcontrol,
.rangeSliderDiv,
.calculatorForm {
    width: 100%;
    float: left;

}

.calculatorForm {
    padding-bottom: 5em
}

.rangeSliderDiv {
    margin-top: 50px;
}

.chartDiv h1 {
    font-size: 3em;
    font-weight: bold;
    word-break: break-all;
}

.contribution_value {
    font-size: 19px;
    margin: 15px 0 50px;
    line-height: 2.5;
}

.valueDiv input {
    background: transparent;
    border: 0;
    width: 150px;
    text-align: center;
    margin-left: 5px;
    font-size: 18px;
    outline: 0;
    word-break: break-all;
}

.valueDiv span {
    font-weight: 600;
    font-size: 17px;
}

.valueDiv div {
    float: left;
    width: 175px;
    font-weight: 700;
    text-align: left;
}

.valueDiv {
    margin: 0 auto;
    max-width: 350px;
}

.winnersgraph {
    width: 90%;
    position: relative;
    margin: 10px auto;
    padding: 0;
}

#winners {
    width: 100%;
}

.investPrise p {}

.borderLine {
    border-left: 2px solid #707070;
    margin-bottom: 60px;
}

.borderLineRight {
    border-right: 2px solid #707070;
}

.doblabel {
    color: #727272;
    padding-bottom: 7px;
    padding-left: 10px;
}

.investPrise h4,
.comval {
    float: right;
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 6px 5px;
    background-color: #2a2076;
    color: white;
    border-radius: 50px;
    width: 95px;
    text-align: center;
    right: -50px;
    position: relative;
    border: 0;
}

.calculatorDiv,
.leftRightArrow {
    width: 100%;
    float: left;
    margin: 50px 0;
    transition: all .7s;
}

.leftRightArrow {
    margin-bottom: 25px;
}

.leftRightArrow a,
.leftRightArrow i {
    color: #000000;
    font-size: 25px;
}

.leftRightArrow .fa-long-arrow-right {
    float: right;
}


#myChart {
    width: 100% !important;
}







/*.range-sliderdemo_1 .irs--round .irs-min, .range-sliderdemo_2 .irs--round .irs-min, .range-sliderdemo_1 .irs--round .irs-max,  .range-sliderdemo_2 .irs--round .irs-single, .range-sliderdemo_1 .irs--round .irs-single, .range-sliderdemo_4 .irs--round .irs-min, .range-sliderdemo_4 .irs--round .irs-single{
    visibility: hidden !important;
}*/
.range-sliderdemo_1 .irs--round .irs-grid-text {
    color: #000;
    padding-top: 15px;
    top: 10px;
}

.tooltipC {
    position: relative;
}

.tooltipC .tooltiptextC {
    visibility: hidden;
    width: 150px;
    background-color: #9e9e9e;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 11px;
    position: absolute;
    z-index: 1;
    top: -30px;
    right: 0;
    font-size: 13px;
}

.tooltipC:hover .tooltiptextC {
    visibility: visible;
}

.blueboxchild,
.redboxchild {
    background: #2A2076 0% 0% no-repeat padding-box;
    border-radius: 15px;
    color: #ffffff;
    padding: 20px 30px;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px;
    line-height: 1.3;
}

.blueboxchild {
    background: #2A2076 0% 0% no-repeat padding-box;
}

.redboxchild {
    background: #AB3A5A 0% 0% no-repeat padding-box;
}

.blueboxchild ul,
.redboxchild ul {
    list-style: disc;
    font-size: 13px;
}

.childcontentDiv {
    width: 100%;
    float: left;
    padding: 50px 0;
}

.childcolordiv h1,
.childcolordiv h5,
.childcolordiv p {
    color: #2A2076;
    text-align: center;
}

.childcolordiv h1 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 15px;
}

.childcolordiv p {
    font-weight: 600;
    padding-top: 5px;
}

.childcolordiv {
    margin-bottom: 20px;
}

.redboxchild ul li,
.blueboxchild ul li {
    padding: 10px 0;
    line-height: 1.3;
}

.redboxchild p,
.blueboxchild p,
.redboxchild h4,
.blueboxchild h4 {
    text-align: center;
}

.redboxchild p,
.blueboxchild p {
    font-weight: 600;
}

.redboxchild h4,
.blueboxchild h4 {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.childboxflex {
    display: flex;
}

.FcalculatorSpace{
    max-width: 600px;
    float: none;
    padding-bottom: 35px;
    margin: 0 auto;
}
@media(max-width:767px) {

    .blueboxchild,
    .redboxchild {
        margin-bottom: 30px;
    }

    .maxafterR:after {
        right: 0;
    }

    .valueDiv div {
        float: none;
        width: auto;
        text-align: center;
    }

    .backcontentbtn {
        padding-bottom: 30px;
    }

    .childboxflex {
        display: block;
    }

    .extra-controls {
        height: 55px;
    }

    .investPrise h4 {
        left: 0;
    }

    .borderLine {
        border-left: 0;
    }

    .loginDiv {
        display: block;
    }

    .firstFold {
        text-align: center;
        margin-bottom: 65px;
    }

    .loginDiv p {
        font-size: 19px;
        font-weight: 600;
    }

    .calculatorSpace h1 {
        font-size: 29px;
    }

    .irs--round .irs-max {
        top: -22px !important;
        right: 0 !important;
    }

    .calculator {
        padding-top: 2em;
    }

    .comval {
        right: 0;
    }

    .chartDiv {
        margin: 2em auto;
    }

    .rangeSlider {
        background-position: top 80px right, top 80px left;
    }

    .calculatorDiv,
    .leftRightArrow {
        margin: 0
    }

    .calculatorSpace h1,
    .calculatorForm h1 {
        margin-top: 50px;
    }
}

@media(min-width:768px) {
    .calculatorSpace {
        max-width: 305px;
    }
}

@media(min-width:992px) {
    .calculatorSpace {
        max-width: 320px;
    }
}

@media(min-width:1200px) {
    .calculatorSpace {
        max-width: 400px;
    }
}

@media(min-width:1400px) {
    .calculatorSpace {
        max-width: 440px;
    }
}

@media(min-width:1600px) {
    .calculatorSpace {
        max-width: 520px;
    }
}