﻿body {
}
/**********General*********/
.bolder {
    font-weight: bold;
}
/****marging and padding class*****/

.marg_topbtm40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.marg_topbtm20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marg_topbtm80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.marg_top80 {
    margin-top: 80px !important;
}

.pad20 {
    padding: 20px;
}

.facebookbtn {
    background: #3b5998;
    font-size: 20px;
    margin-top: 0 !important;
    color: #fff !important;
    margin-bottom: 20px;
    padding: 8px 20px 10px 20px !important;
}

    .facebookbtn span {
        color: #fff;
        margin-right: 10px;
        font-size: 20px;
    }

    .facebookbtn i {
        color: #fff;
    }
/*************Introduction to midas**************/
.intro p i {
    margin-right: 10px;
}

.intro p span {
    margin-left: 30px;
}

.intro p {
    font-size: 18px;
    margin-bottom: 20px;
}

.intro {
    margin: 30px 0;
}

    .intro ol {
        font-weight: bold;
        font-size: 18px;
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .intro li a {
        color: #333 !important;
        margin-bottom: 10px;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
    }

    .intro li {
        margin-bottom: 5px;
    }

.thankyou p {
    font-size: 15px;
    margin-top: 40px;
    text-align: center;
}
/******Content Section************/

.ico_iamge {
    padding: 100px 100px 30px 100px !important;
}

.full_wd_ul_nav {
    width: 100% !important;
}

    .full_wd_ul_nav li {
        width: 50%;
        text-align: center;
    }

.navbar .divider-vertical {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}
/**********text color******************/

.clr_amber {
    color: #D31F32;
}

/*******/
.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
}

/*************/

.bs-wizard {
    margin-top: 40px;
}

/*Select From Options form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #F2F2F2;
            top: 23px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #D31F32;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
        }
/*END Form Wizard*/
.col-xs-2-5 {
    float: left;
    width: 20%;
}
/*thank you*/
.thankyou h2 {
    font-weight: bold;
    font-size: 28px;
    color: #d31f32;
    margin-bottom: 20px;
}

.thankyou_b {
    color: #404040;
    font-size: 15px;
}

.sendbtn:hover {
    background: #D31F32;
}

.thankyou_a {
    color: #404040;
    padding-top: 10px;
    padding-bottom: 30px !important;
    text-decoration: underline;
    font-size: 20px;
}

.closebtn {
    border-radius: 5px;
    color: #404040;
    font-size: 22px;
    padding: 7px 10px;
    margin-bottom: 30px;
}

.sendbtn {
    margin-bottom: 30px;
    margin-top: 20px;
    border-radius: 10px;
}
/*sign up account*/
.signup {
    margin-bottom: 10px;
}

    .signup button {
        color: #fff;
        border: 0;
        margin-top: 20px;
        padding: 5px 15px 2px 15px;
    }

    .signup p {
        text-align: right;
        font-weight: bold;
        color: #717171;
        margin: 5px 0 !important;
    }

    .signup span {
        color: #717171;
    }

    .signup input {
        margin-bottom: 20px;
    }

    .signup h2 {
        color: #d31f32;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 30px;
    }
/********************/

.btn_theme {
    background: #D31F32;
    color: #fff;
    font-size: 22px;
}


    .btn_theme:hover {
        background: #fc384d;
        color: #fff;
        font-size: 22px;
    }

.icon_image_section h4 {
    font-size: 18px;
}

@media (max-width:1200px) {
    .ico_iamge {
        padding: 70px !important;
    }
}

@media (max-width:992px) {
    .ico_iamge {
        padding: 50px !important;
    }
}

@media (max-width:768px) {
    .signup p {
        text-align: left;
    }

    .ico_iamge {
        padding: 30px !important;
    }

        .ico_iamge img {
            width: 100px !important;
            margin: auto;
        }
}

@media (max-width:786px) {
    /*.ico_iamge {
        padding:10px 185px !important;
    }*/

    .full_wd_ul_nav li {
        width: 100% !important;
    }
}

@media (max-width:480px) {
    .intro p {
        font-size: 16px;
    }

    .ico_iamge {
        padding: 10px 130px !important;
    }

    .icon_image_section h4 {
        font-size: 14px;
    }

    .logohom {
    width:35px !important;height:35px !important;
    }
}
    /****Chart*******/
    .chart li span {
        float: left;
    }

    .chart li {
        display: block;
        width: 100%;
        clear: both;
    }

    .number {
        margin-top: 5px;
    }

    .legend-left {
        clear: both;
        display: inline-block;
        position: relative;
        float: left;
        width: 20%;
    }

    .heading-left {
        font-size: 20px;
        text-align: right;
        position: relative;
        margin-top: 11px;
        margin-bottom: 3px;
        margin-right: 7px;
        height: 35px !important;
        font-weight: 700;
    }

    .chart-horiz {
        width: 80%;
        float: left;
        border-left: thin solid #cccccc;
        border-bottom: thin solid #cccccc;
    }

    .percentbar {
        width: 8.36%;
        float: left;
    }

    .persisting .bar {
        background: #6069A0 !important;
    }

    .MI .bar {
        background: #DF5E5B !important;
    }

    .LUE .bar {
        background: #8BC046 !important;
    }

    .TF .bar {
        background: #6CA5CB !important;
    }

    .TT .bar {
        background: #006555 !important;
    }

    .SA .bar {
        background: #652D7A !important;
    }

    .QP .bar {
        background: #00A09C !important;
    }

    .AKS .bar {
        background: #8F276C !important;
    }

    .TC .bar {
        background: #D52231 !important;
    }

    .GDS .bar {
        background: #00974A !important;
    }

    .CI .bar {
        background: #EEA838 !important;
    }

    .RW .bar {
        background: #E16930 !important;
    }

    .TR .bar {
        background: #2D2C6C !important;
    }

    .FH .bar {
        background: #ACB337 !important;
    }

    .TI .bar {
        background: #006DA8 !important;
    }

    .RCL .bar {
        background: #D04B60 !important;
    }

    .clr_red {
        color: #D31F32;
    }

    .no_effect:hover {
        background: none !important;
        cursor: default;
    }

    .margintop15 {
        margin-top: 15px;
    }
.outlineNone{
    outline:none;
}