﻿body {
}
/**********General*********/
.bolder {
    font-weight: bold;
}

@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('../../Fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}
/****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: 20px !important;
}

.full_wd_ul_nav {
    width: 100% !important;
}

    .full_wd_ul_nav li {
        width: 33.333333%;
        text-align: center;
    }

.navbar .divider-vertical {
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}
/**********text color******************/

.clr_amber {
    color: #D31F32;
}

.clr_black {
    color: #000 !important;
}

/*******/
.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
}

/*************/

.bs-wizard {
    margin-top: 20px;
    margin: 0 !important;
}

/*Select From Options form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0 5px;
        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;
            background: none !important;
        }

            .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;
    line-height: 24px;
}

@media (max-width:1200px) {
    .ico_iamge {
        padding: 70px !important;
    }
}

@media (max-width:992px) {
    .ico_iamge {
        padding: 50px !important;
    }
}

@media (max-width:768px) {
    .question_section .bs-wizard-step:nth-child(1) .bs-wizard-dot, .question_section .bs-wizard-step:nth-child(5) .bs-wizard-dot {
        height: 40px !important;
        width: 40px !important;
        line-height: 40px !important;
        top: 15px !important;
        margin-left: -20px !important;
    }

    .question_section .bs-wizard-step:nth-child(1).active .bs-wizard-dot:after, .question_section .bs-wizard-step:nth-child(5).active .bs-wizard-dot:after {
        height: 40px !important;
        width: 40px !important;
    }

    .question_section .bs-wizard-step:nth-child(2) .bs-wizard-dot, .question_section .bs-wizard-step:nth-child(4) .bs-wizard-dot {
        height: 30px !important;
        width: 30px !important;
        line-height: 30px !important;
        margin-left: -15px !important;
    }

    .question_section .bs-wizard-step:nth-child(2).active .bs-wizard-dot:after, .question_section .bs-wizard-step:nth-child(4).active .bs-wizard-dot:after {
        width: 30px !important;
        height: 30px !important;
    }

    .question_section .bs-wizard-step:nth-child(3).active .bs-wizard-dot:after {
        width: 20px !important;
        height: 20px !important;
    }

    .question_section .bs-wizard-step:nth-child(3) .bs-wizard-dot {
        height: 20px !important;
        width: 20px !important;
        line-height: 18px !important;
    }

    .signup p {
        text-align: left;
    }

    .ico_iamge {
        padding: 15px !important;
    }

    .result .panel-body {
        padding: 10px !important;
    }

    .result .chart {
        padding-left: 0 !important;
    }

    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
        font-size: 12px !important;
    }
}

/****Chart*******/
.chart li span {
    float: left;
    line-height: 35px;
    font-weight: bold;
    padding-left: 5px;
}

.chart li {
    display: block;
    width: 100%;
    clear: both;
}

.number {
    margin-top: 0;
}

.legend-left {
    clear: both;
    display: inline-block;
    position: relative;
    float: left;
    width: 22%;
    /*padding-top: 20px;*/
    padding-right: 8px;
}

.heading-left {
    font-size: 12px;
    position: relative;
    margin-top: 11px;
    margin-bottom: 3px;
    margin-right: 7px;
    height: 35px !important;
    font-weight: 600;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 35px;
}

.chart-horiz {
    width: 78%;
    float: left;
    padding-top: 10px;
    /*border-left: thin solid #cccccc;
    border-bottom: thin solid #cccccc;*/
}

.height35 {
    height: 35px !important;
}

.percentbar {
    width: 8.36%;
    float: left;
}

.bar {
    margin-bottom: 11px;
}

.bg_picture {
    background: #fbc30f;
}

.clr_picture .bar {
    background: #fbc30f;
    width: 30%;
}

.bg_logic {
    background: #4688c7;
}

.clr_logic .bar {
    background: #4688c7;
    width: 40%;
}

.bg_nature {
    background: #7db35f;
}

.clr_nature .bar {
    background: #7db35f;
    width: 50%;
}

.bg_people {
    background: #f05722;
}

.clr_people .bar {
    background: #f05722;
    width: 60%;
}

.bg_self {
    background: #f7991c;
}

.clr_self .bar {
    background: #f7991c;
    width: 30%;
}

.bg_music {
    background: #723894;
}

.clr_music .bar {
    background: #723894;
    width: 90%;
}

.bg_body {
    background: #ea175f;
}

.clr_body .bar {
    background: #ea175f;
    width: 30%;
}

.bg_word {
    background: #2ab1e2;
}

.clr_word .bar {
    background: #2ab1e2;
    width: 90%;
}

.result .chart {
    padding-left: 10px;
}

.result .panel-body {
    padding: 30px;
}

.number {
    color: #404040;
}

.clr_word {
    color: #2ab1e2;
}

.clr_body {
    color: #ea175f;
}

.clr_people {
    color: #f05722;
}

.clr_music {
    color: #723894;
}

.clr_nature {
    color: #7db35f;
}

.clr_picture {
    color: #fbc30f;
}

.clr_self {
    color: #f7991c;
}

.clr_logic {
    color: #4688c7;
}

.result .highcls {
    margin-top: 0 !important;
}
/*.lime .bar {
    background: #CED428 !important;
    width:30%;
}

.teal .bar {
    background: #33BDBF !important;
    width:20%;
}

.orange .bar {
    background: #F7AF1C !important;
    width:90%;
}

.coffee .bar {
    background: #898A7A !important;
    width:68%;
}

.navvy .bar {
    background: #2F606E !important;
    width:75%;
}

.maroon .bar {
    background: #881513 !important;
    width:58%;
}

.green .bar {
    background: #578827 !important;
    width:46%;
}

.yellow .bar {
    background: #DBC155 !important;
    width:54%;
}*/
.clr_red {
    color: #D31F32;
}

.no_effect:hover {
    background: none !important;
    cursor: default;
}

/*************updates css*****************/
.chart {
    margin-bottom: 0;
    padding: 0 !important;
}

    .chart li .bar {
        border-radius: 20px;
    }

    .chart li {
        border-radius: 20px;
        background: #fff;
    }

.bg_white {
    background: #fff;
}

.bg_lightgrey {
    background: #f3f3f3;
}

.skyblue .bar {
    background: #2cb2e2 !important;
}

.blue .bar {
    background: #4788c8 !important;
}

.purple .bar {
    background: #713895 !important;
}

.pink .bar {
    background: #ea195f !important;
}

.orange .bar {
    background: #f05722 !important;
}

.lightyellow .bar {
    background: #f89a1c !important;
}

.yellow .bar {
    background: #fcc30f !important;
}

.green .bar {
    background: #68a643 !important;
}

.info_section {
    border: 1px solid #a7a7a7;
    border-radius: 15px;
}

    .info_section h2 {
        font-size: 26px;
        margin-top: 15px;
        font-weight: normal;
        margin-bottom: 15px;
    }

.childname {
    background: #eee;
    font-size: 20px;
    width: 500px;
    padding: 5px 10px;
    border-radius: 20px;
    margin: auto;
}

.smart-box h3 {
    font-size: 18px;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}

.smart-box p {
    font-size: 14px;
    line-height: 16px;
}

.info_section .panel {
    margin-bottom: 0;
    border: 0;
    border-radius: 20px;
}

.info_section .panel-body {
    border-radius: 0 0 20px 20px;
}

.childname img {
    margin-right: 10px;
    margin-top: -10px;
    height: 25px;
    vertical-align: middle;
}

.MI_table h3 {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0 !important;
}

.linguistic {
    color: #2cb2e2 !important;
}

.logical {
    color: #4788c8 !important;
}

.music {
    color: #f89a1c !important;
}

.Kinesthetic {
    color: #fcc30f !important;
}

.inter {
    color: #ea195f !important;
}

.intra {
    color: #713895 !important;
}

.spatial {
    color: #f05722 !important;
}

.nature {
    color: #68a643 !important;
}

.table_cls {
    background: #eee;
    border-radius: 20px;
    padding: 10px !important;
}

.highcls {
    font-size: 26px !important;
    margin-top: 5px !important;
}
/**************login page******************/
.login {
    margin-top: 20px;
}

    .login .registerlink {
        color: #47c4b7;
    }

.btn-theme {
    background-color: #47c4b7 !important;
    border: 0;
    max-width: 590px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 18px !important;
    border-radius: 20px;
}

    .btn-theme:hover {
        color: #fff;
    }

.btn-social-connect.facebook {
    background-color: #3b5998 !important;
    border: 0;
    max-width: 590px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 20px;
}

    .btn-social-connect.facebook .icon {
        background-position: 0 0;
        width: 30px;
        float: left;
        display: inline-block;
        font-size: 20px;
        margin-top: 3px;
        padding-right: 10px;
        padding-top: 3px;
    }

.divi-new {
    overflow: visible;
    border-bottom: 1px solid #ccc;
    text-align: center;
    height: 10px;
    margin-bottom: 25px;
    margin-top: 15px;
}

    .divi-new span {
        background-color: #fff;
        font-size: 16px;
        line-height: 16px;
        text-transform: lowercase;
        padding: 0 10px;
        font-weight: bold;
    }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {
    background-color: #fff !important;
    color: #848587 !important;
    border: 1px solid #bbbbbb !important;
    border-radius: 20px !important;
    height: 40px !important;
    font-size: 14px;
    padding: 4px 12px !important;
    margin-top: 5px;
    box-shadow: 0px 0px 6px 2px #f1f1f1 inset;
}

.login_box .forgot_txt {
    font-size: 16px;
}

.margin_top_20 {
    margin-top: 20px;
}
.margin_top_40 {
    margin-top: 40px;
}
.login_box {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 20px;
    padding: 40px;
}

.margin_bottom_20 {
    margin-bottom: 20px;
}

.login h4 {
    font-size: 22px;
}

.form-control {
    border: 1px solid #bbbbbb !important;
}

.login label {
    font-size: 16px;
}

    .login label span {
        font-size: 24px;
    }

.text-bold {
    font-weight: bold;
}

.clr_red {
    color: #d41f31;
}

/**************sign page******************/
@media(max-width:767px) {
    .login_box {
        padding: 39px 10px;
    }

    .login h4 {
        text-align: center;
    }
}

/************checkboxes****************************/
input[type=radio],
input[type=checkbox] {
    border: 1px solid #555;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: 0 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    outline-width: 0;
    -webkit-transition: 0.05s border-color ease-in-out;
    transition: 0.05s border-color ease-in-out;
}

    input[type=radio]:checked {
        border-color: #b4b4b4;
    }

    input[type=checkbox]:checked {
        border-color: #b4b4b4;
    }

        input[type=radio]:checked:before,
        input[type=checkbox]:checked:before {
            float: left;
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            font: 400 14px/1 'FontAwesome';
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        input[type=checkbox]:checked:before {
            content: '\f00c';
            margin: 2px 0 0 -1px;
            color: #d41f31;
        }

input[type=radio] {
    border-radius: 50%;
    border-color: #c6c5c5 !important;
}

    input[type=radio]:checked:before {
        content: '\f111';
        margin: 2px 0 0 0px;
        font: 400 15px/1 'FontAwesome';
        color: #646363 !important;
    }

.input-group input {
    border-right: 0 !important;
    border-radius: 20px 0 0 20px !important;
    margin: 0;
}

.input-group .input-group-addon {
    background: #fff;
    /* padding: 0; */
    line-height: 0;
    border-radius: 0 20px 20px 0;
    height: 40px !important;
    box-shadow: -2px 0px 6px 1px #f1f1f1 inset;
}

.margin_right_20 {
    margin-right: 20px !important;
}

.margin_right_10 {
    margin-right: 10px;
}

.margin_left_25 {
    margin-top: 25px;
}

.margin_right_15 {
    margin-right: 15px;
}

.tms_txt {
    float: left;
    width: calc(100% - 45px);
}

.margin_top_15 {
    margin-top: 15px;
}

.login {
    padding-bottom: 40px;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 12;
    background-size: cover;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 0px;
    background: #adeeff;
}

.margin_top10 {
    margin-top: 10px;
}
/*********child name*****************/
.rangeslider--horizontal .rangeslider__handle {
    box-shadow: none;
    background: #fff;
}

.rangeslider, .rangeslider__fill {
    box-shadow: none !important;
}

output {
    font-weight: bold;
}

.padding_bottom_20 {
    padding-bottom: 20px;
}

.padding_top_20 {
    padding-top: 20px;
}

.question_section .bs-wizard-step:nth-child(1) .bs-wizard-dot {
    color: #fbb03b;
    background-color: #ffffff;
    border: 4px solid #fbb03b;
    height: 50px;
    width: 50px;
    line-height: 50px;
    top: 15px;
    margin-left: -25px;
}

.question_section .bs-wizard-step:nth-child(1).active .bs-wizard-dot:after {
    width: 50px;
    height: 50px;
    top: -4px;
    left: -4px;
    background: #fbb03b;
}

.question_section .bs-wizard-step:nth-child(2) .bs-wizard-dot {
    color: #fbb03b;
    background-color: #ffffff;
    border: 4px solid #fbb03b;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-left: -20px;
    top: 20px;
}

.question_section .bs-wizard-step:nth-child(2).active .bs-wizard-dot:after {
    width: 40px;
    height: 40px;
    top: -4px;
    left: -4px;
    background: #fbb03b;
}

.question_section .bs-wizard-step:nth-child(3) .bs-wizard-dot {
    color: #fbb03b;
    background-color: #ffffff;
    border: 4px solid #ccc;
    height: 30px;
    width: 30px;
    line-height: 30px;
    top: 25px;
}

.question_section .bs-wizard-step:nth-child(3).active .bs-wizard-dot:after {
    width: 30px;
    height: 30px;
    top: -4px;
    left: -4px;
    background: #ccc;
}

.question_section .bs-wizard-step:nth-child(4) .bs-wizard-dot {
    color: #fbb03b;
    background-color: #ffffff;
    border: 4px solid #f15a24;
    height: 40px;
    width: 40px;
    line-height: 40px;
    top: 20px;
    margin-left: -20px;
}

.question_section .bs-wizard-step:nth-child(4).active .bs-wizard-dot:after {
    width: 40px;
    height: 40px;
    top: -4px;
    left: -4px;
    background: #f15a24;
}

.question_section .bs-wizard-step:nth-child(5) .bs-wizard-dot {
    color: #fbb03b;
    background-color: #ffffff;
    border: 4px solid #f15a24;
    height: 50px;
    width: 50px;
    line-height: 50px;
    top: 15px;
    margin-left: -25px;
}

.question_section .bs-wizard-step:nth-child(5).active .bs-wizard-dot:after {
    width: 50px;
    height: 50px;
    top: -4px;
    left: -4px;
    background: #f15a24;
}

.bs-wizard > .bs-wizard-step .progress {
    margin-bottom: 30px;
}

.ico_iamge img {
    margin: auto;
}

.question_section {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    padding-top: 15px;
}

.question_box .question_section:last-child {
    border-bottom: 0 !important;
}

.question_box {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}

.icon_image_section h5 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 0;
}

.margin_bottom_0 {
    margin-bottom: 0 !important;
}

.result {
    margin-top: 40px;
}

    .result .panel {
        margin-bottom: 30px;
    }

.margin_top_5 {
    margin-top: 5px;
}

.margin_bottom_40 {
    margin-bottom: 40px;
}

/*.question_box {
    margin-top: 15px;
}*/

.question_section .progress {
    background: #fff !important;
}

.margin_top_30 {
    margin-top: 30px;
}

output {
    color: #fa5655 !important;
}

.rangeslider__fill {
    background: #fa5655 !important;
}

.sticky_section {
    position: fixed;
    top: 80px;
    background: #adeeff !important;
    left: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 3px 5px 9px -5px #333;
}

.relative {
    position: relative;
}

.transition-layer .wait_text {
    word-spacing: 2px;
    font-size: 24px;
}

.loading_text {
    word-spacing: 2px;
    margin-top: 10px;
    font-size: 20px;
}

.transition-layer__inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.transition-layer .animation-wrapper {
    width: 121px;
    height: 150px;
    margin: 0 auto;
    position: relative;
}

body .gwd-gen-1dz3gwdanimation {
    animation: gwd-gen-1dz3gwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-1dz3gwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-1dz3gwdanimation_gwd-keyframes 1s linear 0s infinite normal forwards;
}

.gwd-img-1o6c {
    position: absolute;
    width: 121px;
    height: 121px;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
}

.gwd-img-n8cp {
    position: absolute;
    width: 99px;
    height: 99px;
    left: 11px;
    top: 11px;
}

.gwd-gen-mqk4gwdanimation {
    animation: gwd-gen-mqk4gwdanimation_gwd-keyframes 1.1s linear 0s infinite normal forwards;
    -webkit-animation: gwd-gen-mqk4gwdanimation_gwd-keyframes 1.1s linear 0s infinite normal forwards;
    -moz-animation: gwd-gen-mqk4gwdanimation_gwd-keyframes 1.1s linear 0s infinite normal forwards;
}

.gwd-img-1vgj {
    position: absolute;
    width: 100px;
    left: 12px;
    top: 30px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}


@keyframes gwd-gen-mqk4gwdanimation_gwd-keyframes {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
    }

    27.27% {
        transform: translate3d(0px, -6px, 0px);
        animation-timing-function: linear;
    }

    63.64% {
        transform: translate3d(0px, 5px, 0px);
        animation-timing-function: linear;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
    }
}

@keyframes gwd-gen-1dz3gwdanimation_gwd-keyframes {
    0% {
        transform: rotateZ(0deg);
        animation-timing-function: linear;
    }

    100% {
        transform: rotateZ(360deg);
        animation-timing-function: linear;
    }
}

.transition-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #fff;
    z-index: 1000;
    opacity: .9;
}


@media (max-width:786px) {
    /*.ico_iamge {
        padding:10px 185px !important;
    }*/

    .full_wd_ul_nav li {
        width: 100% !important;
    }

    .sticky {
        padding-top: 0 !important;
        padding-bottom: 0px !important;
    }

        .sticky .container {
        }

    .sticky_section {
        top: 60px !important;
    }

    .sticky h3 {
        margin: 15px 0 !important;
        font-size: 16px !important;
    }

    .beign_sticky {
    }

    .mobile_section {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .mobile_section h4 {
            font-size: 12px;
            line-height: 16px;
        }

    .mobile_title {
        font-size: 16px !important;
        margin: 20px 0 !important;
    }
}

@media (max-width:480px) {
    .intro p {
        font-size: 16px;
    }

    .icon_image_section h4 {
        font-size: 14px;
    }

    .heading-left {
        font-size: 10px !important;
        margin-right: 0 !important;
    }

    .chart li span {
        font-size: 12px;
        padding-left: 5px !important;
    }
}
.float-right{
    float: right;
}
