body.html {
    font-family: Arial;
    box-sizing: border-box;
}

.successMsg {
    color: green;
}

.errorMsg {
    color: red;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

.comm-box {
    border: 1px solid grey;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h1, h2, h3, h4, h5, h5 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    color: #777;
}

p {
    font-size: 1rem;
    margin-bottom: 10px;
}

p, .p, li {
    color: #777;
    font-size: 16px;
}

.chart-cent {
    width: 90%;
    margin: 0 auto;
}

.mut-cent {
    display: block;
    width: 100%;
}

#mut_red {
    float: left;
    background: #e1362d;
    font-size: 16px;
    text-decoration: none;
    padding: 2px 10px;
    transform: skew(-20deg);
    color: #fff;
    margin-left: 10px;
    text-shadow: 0 0 0 0 !important;
}

#mut_blu {
    float: right;
    background: #0182af;
    font-size: 16px;
    text-decoration: none;
    padding: 2px 10px;
    transform: skew(-20deg);
    color: #fff;
    margin-right: 10px;
    text-shadow: 0 0 0 0 !important;
}

#social-sidebar ul li a span.fa-chevron-up {
    height: 30px;
    width: 43px;
    background-color: black;
}

    #social-sidebar ul li a span.fa-chevron-up:hover {
        width: 43px;
    }

#social-sidebar {
    position: fixed;
    margin-top: 7%;
    height: auto;
    z-index: 99999;
}

    #social-sidebar ul li {
        list-style-type: none;
        color: black;
    }

    #social-sidebar ul {
        margin-bottom: 0;
    }

        #social-sidebar ul li a {
            color: white;
            background-color: black;
        }

            #social-sidebar ul li a span {
                color: white;
                width: 43px;
                text-align: center;
                padding: 8px;
                height: auto;
            }

                #social-sidebar ul li a span:hover {
                    width: 70px;
                }

                #social-sidebar ul li a span.twitter {
                    background-color: #00aced;
                }

                #social-sidebar ul li a span.google-plus {
                    background-color: #dd4b39;
                }

                #social-sidebar ul li a span.facebook {
                    background-color: #3b5999;
                }

                #social-sidebar ul li a span.youtube {
                    background-color: #cd201f;
                }

                #social-sidebar ul li a span.facebook {
                    background-color: #cb2027;
                }

                #social-sidebar ul li a span.pinterest {
                    background-color: #cb2027;
                }

                #social-sidebar ul li a span.right:hover {
                    background-color: black;
                }

#social-item-toggle ul li a span {
    border-top-right-radius: 20px;
}

/*08-05-2018*/
.open-online-dmf {
    display: block;
    background: #fff;
    padding: 50px 0;
    text-align: center;
}

.bg-op-block {
    background: url(../img/bg_open_account.png) center center no-repeat;
    height: 213px;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    position: relative
}

    .bg-op-block .dot-line::before {
        content: '';
        width: 58%;
        height: 2px;
        position: absolute;
        top: 90px;
        left: 22%;
        background: url(../img/dot-line.png) center
    }

.htk-box {
    display: block;
    padding: 42px 0 0
}

.box-title {
    color: #1f2938;
    font-size: 20px;
    line-height: 25px;
    padding: 5px 0
}

.dmf_section {
    display: block;
    background: #FFF;
    padding: 50px 0;
}

.nheading_section {
    display: block;
    color: #1f2938;
    margin-bottom: 30px
}

    .nheading_section h1 {
        display: block;
        font-weight: 300;
        font-size: 25px;
        color: #333;
        margin: 0 0 20px;
        padding: 0
    }

    .nheading_section p {
        display: block;
        font-weight: 400;
        font-size: 18px;
        color: #1f2938;
        text-align: center
    }

.magazine_section {
    display: block;
    background: #fff;
    padding: 25px 0;
}

.catalog-magzine {
    display: block;
    height: 280px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.28);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.28);
    margin-bottom: 30px;
}

.product-thumb {
    height: 210px;
    display: block;
    overflow: hidden;
}

.magzineInfo {
    display: block;
    padding: 0 0 0 40px;
    min-height: 40px;
    background: url(../img/view-details.png) no-repeat;
    background-position: 0 2px;
    font-size: 12px;
    font-weight: bold;
    color: #0097cb;
    margin: 16px 8px;
}

    .magzineInfo a {
        color: #333;
        text-decoration: none;
    }

        .magzineInfo a:hover {
            color: #0097cb;
            text-decoration: none;
        }

.product-thumb img {
    width: 100%;
    height: 210px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.o-border {
    border: 1px #dedede solid;
    padding: 10px;
    margin: 0 5px;
    background: #fff;
}

.ne-sliderRight-box {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
}

    .ne-sliderRight-box img {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0;
    }

/*25-1-2018*/
.n_mfs {
    display: block;
    margin: 0;
    padding: 0;
}

    .n_mfs h1 {
        text-align: center;
        color: #0097cc;
        font-size: 24px;
        font-weight: 600;
        text-shadow: 0 1px 2px rgba(255,255,255,0);
    }

.n_green {
    background: #449d44;
    margin: 0px;
    font-size: 14px !important;
}

.n_red {
    background: #c9302c;
    margin: 0px;
    font-size: 14px !important;
}

.benifit_mf {
    display: block;
}

    .benifit_mf h2 {
        text-align: left;
        color: #0097cc;
        font-size: 35px;
        font-weight: 600;
        padding: 5px;
        text-shadow: 0 1px 2px rgba(255,255,255,0);
    }

.n_benifit_scheme {
    display: block;
    margin: 0;
    padding: 0;
}

    .n_benifit_scheme p {
        text-align: center;
        font-style: italic;
        text-align: left;
        text-shadow: 0 1px 2px rgba(255,255,255,0) !important;
        padding: 5px 0;
        color: #d9534f;
        margin: 0;
        font-size: 17px;
    }

.main-body {
    margin-top: 0%;
    margin-left: 0px;
}

.sebi_say {
    display: block;
    margin: 15px 0px;
    padding: 0;
}

    .sebi_say h3 {
        font-size: 2.5rem;
        color: #000;
        text-align: center;
    }

.sebi_say_c {
    background: #c9302c;
    font-size: 13px !important;
}

.banner_space {
    padding-bottom: 10px;
    height: auto !important;
    margin-top: 9px;
}

.banner_comp {
    text-align: center;
    padding: 0;
    max-width: 720px;
    margin: 20px auto 15px auto;
    border: 1px solid #000;
}

.n_b_color {
    color: #000;
}

.new-tab.activ {
    background: #0097cc;
    color: #fff;
}

.tr1 {
    background: #0097cc;
    color: #FFF;
    border-bottom: #652c2c 2px solid !important;
}

.td1 {
    background: #fcdbc0 !important;
    border-bottom: 2px #652c2c solid !important;
}

    .td1 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #e84e40;
    }

.td2 {
    border-bottom: 2px #8c4b4b solid !important;
    border-left: 0px #000 solid;
    border-right: 0px #000 solid;
}

    .td2 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #579f02;
    }

.td3 {
    background: #fcdbc0 !important;
    border-bottom: 2px #652c2c solid !important;
    border-left: 0px #000 solid;
    border-right: 1px #dbb5b5 solid;
}

    .td3 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #e84e40;
    }

.td4 {
    border-bottom: 2px #8c4b4b solid !important;
    border-left: 0px #000 solid;
    border-right: 0px #000 solid;
}

    .td4 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #579f02;
    }

.td5 {
    background: #fcdbc0 !important;
    border-bottom: 2px #652c2c solid !important;
    border: none;
    border-right: 1px #dbb5b5 solid;
}

    .td5 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #e84e40;
    }

.td6 {
    border-bottom: 2px #8c4b4b solid !important;
    border-left: 0px #000 solid;
    border-right: 0px #000 solid;
}

    .td6 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #579f02;
    }

.td7 {
    background: #fcdbc0 !important;
    border-bottom: 2px #652c2c solid !important;
    border-left: 0px #000 solid;
    border-right: 1px #dbb5b5 solid;
}

    .td7 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #e84e40;
    }

.td8 {
    border-bottom: 2px #652c2c solid !important;
    border-left: 0px #000 solid;
    border-right: 1px #dbb5b5 solid;
}

    .td8 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #579f02;
    }

.td9 {
    background: #fcdbc0 !important;
}

    .td9 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #e84e40;
    }

.td10 {
    border-bottom: 2px #652c2c solid !important;
    border-left: 0px #000 solid;
    border-right: 1px #dbb5b5 solid;
}

    .td10 span {
        display: block;
        padding: 5px;
        font-weight: 700;
        text-align: center;
        color: #579f02;
    }

.tdc {
    border-bottom: #652c2c 2px solid;
}

.t1_font {
    font-size: 12px;
    font-weight: normal;
    border-top: none;
}

.t1 {
    width: 39%;
}

.t2 {
    width: 7%;
}

.t3 {
    width: 8%;
}

.t4 {
    width: 9%;
}

.t5 {
    width: 8%;
}

.t6 {
    width: 8%;
}

.t7 {
    width: 6%;
}

.t8 {
    width: 8%;
}

.t9 {
    width: 7%;
}

.py_logo {
    width: 265px !important;
    height: 56px !important;
    box-shadow: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

.py_annoncement {
    width: 222px !important;
    height: 40px !important;
    box-shadow: 0 0 0 0 !important;
    margin: 10px 0 0 0 !important;
}

.nhead-top ul li.pu_no {
    color: #d8302d;
    padding: 5px;
    font-weight: 600;
    font-size: 16px;
}

.body {
    margin: 2%;
    margin-top: 5px;
    margin-bottom: 0px;
}

.src-top {
    margin-top: 130px;
}

@media screen and (max-width:768px) {
    .src-top {
        margin-top: 170px;
    }

    .wowslider-container1 {
        float: none;
        width: 100%;
    }

    .iframe {
        float: none;
        width: 100%;
    }
}

.second-col {
    margin-top: 5%;
}

.top-footer .box {
    float: left;
}

.cp {
    width: 100%;
    margin-left: 18%;
}

.btn {
    position: relative;
    background-color: #FF420E;
    margin: 8px;
}

.clear {
    clear: both;
}

.tag {
    margin-top: 2%;
}

left-side-bar {
    float: left;
    width: 85%;
}

.second-col {
    margin-top: 20px;
}

.section-data img {
    width: 100%;
}

.section-data p {
    text-align: center;
    padding: 8px;
    color: black;
    font-size: 12px;
    line-height: 20px;
    padding-top: 0px;
    font-family: 'Arial';
}

.aboutus {
    height: auto;
}

    .aboutus .panel {
        float: left;
    }

        .aboutus .panel img {
            margin-right: auto;
            width: 100%;
            height: 200px;
        }

    .aboutus .second {
        float: left;
        width: 100%;
    }

footer {
    min-height: 580px;
    background-color: #1c1f23;
    height: auto;
    min-width: 100%;
}

.top-footer h4 {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 1px;
    margin-left: 1%;
    max-width: 100%;
}

.top-footer ul li a {
    color: grey;
}

    .top-footer ul li a:hover {
        color: whitesmoke;
        text-decoration: none;
    }

.line {
    background-color: white;
    height: 3px;
    margin-left: 2%;
    margin-right: 2%;
}

.footer-social {
    height: 50px;
}

.name {
    color: grey;
}

.comments {
    margin-left: 5%;
}

    .comments .input-control {
        height: 30px;
    }

    .comments .btn {
        width: 95%;
    }

.top-footer p {
    color: grey;
}

.slide {
    color: grey;
}

.myFooter {
    margin-left: 10%;
    margin-right: 10%;
}

.footer-social ul li {
    list-style-type: none;
    display: inline;
}

.area {
    color: black;
    font-style: italic;
    background-color: whitesmoke;
    width: 100%;
    padding: 0px 5px 2px 10px;
    font-family: 'arial';
    margin-top: 2%;
    font-size: 12px;
}

    .area .data {
        font-weight: 700;
    }

.content {
    margin: 40px;
    margin-right: 0;
    margin-left: 0;
}

.clearfix::after {
    content: " ";
    clear: both;
    display: table;
}

.clearfix p {
    text-align: justify;
    margin-right: 20px;
}

footer {
    min-height: 580px;
    background-color: #1c1f23;
    height: auto;
}

.top-footer h4 {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 100;
    margin-left: 1%;
    max-width: 100%;
}

.top-footer ul li a {
    color: grey;
}

    .top-footer ul li a:hover {
        color: whitesmoke;
        text-decoration: none;
    }

.line {
    background-color: white;
    height: 3px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: auto;
}

.footer-social {
    height: 50px;
}

.name {
    color: grey;
}

.comments {
    margin-left: 5%;
}

    .comments .btn {
        width: 95%;
    }

.top-footer p {
    color: grey;
}

.slide {
    color: grey;
}

.myFooter {
    margin-left: 10%;
    margin-right: 10%;
}

.footer-social ul li {
    list-style-type: none;
    display: inline;
}

#news {
    margin-left: 10%;
    margin-right: 10%;
}

.news .content-panel {
    width: 100%;
    min-height: 200px;
    height: auto;
    background-color: orange;
    margin-left: 10%;
    margin-right: 10%;
}

.col-item {
    position: relative;
}

.team {
    margin-top: 60px;
}

    .team .photo img {
        width: 100%;
        vertical-align: middle;
        position: relative;
    }

.social-connect {
    margin-top: 13px;
}

.info {
    margin-top: 22px;
}

    .info .name {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .info .degination {
        font-size: 16px;
        font-weight: 300;
        font-style: italic;
        color: #8B8B8B;
    }

.social-connect a {
    display: inline-block;
    border: 1px solid #E3E3E3;
    font-size: 14px;
    color: #919191;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-right: 4px;
}

    .social-connect a .fa {
        margin: 0;
    }

    .social-connect a:hover {
        background-color: #4EBEE9;
        color: #fff;
    }

.carousel-line {
    border: 1px solid #ddd;
    height: 320px;
    position: absolute;
    bottom: -90px;
    width: 110%;
    left: -5.5%;
}

    .carousel-line > .controls {
        position: absolute;
        bottom: -16px;
        left: 50%;
        margin-left: -50px;
        background: #fff;
        padding: 0px 20px;
        color: #000;
    }

        .carousel-line > .controls > a {
            color: #868686;
            font-size: 24px;
            font-weight: 300;
        }

li {
    color: black;
    font-size: 16px;
}

.main-header2 div {
    line-height: 0.1;
}

.data-header {
    line-height: 1px;
}

.clear {
    clear: both;
}

@media screen and (max-width:768px) {
    .circle {
        display: none;
    }

    .image-left-panel ul li {
        display: none;
    }

    .image-left-panel {
        min-height: 100px;
    }
}

.artical-section .link a:hover {
    text-decoration: underline;
}

.artical-section .area {
    font-size: 12px;
    font-style: italic;
    background-color: whitesmoke;
    color: black;
    line-height: 1;
    padding: 4px;
    z-index: 10;
    border-radius: 2%;
}

.main-right-panel {
    width: 15%;
    float: left;
    min-height: 600px;
    margin-top: 8px;
}

.text-right {
    margin-right: 5%;
}

.comments-input {
    width: 92%;
}

.img2 {
    float: right;
    min-width: 200px;
    max-width: 100%;
    min-height: 200px;
    max-height: 200px;
    margin-right: 20px;
    margin-left: 10px;
    display: table;
    margin-top: 2%;
}

.clearfix p {
    text-align: justify;
    margin-right: 20px;
}

.comments h2 {
    color: #2d5487;
}

.comments h4 span {
    color: black;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#commentForm table {
    padding: 0;
    margin: 0;
    height: 100px;
}

#commentForm .comments-inner {
    width: 130px;
    height: 14px;
}

#commentForm .comments-inner-web {
    height: 20px;
    width: 130px;
}

#commentForm #comments {
    height: 40px;
    width: 100px;
}

#btn {
    width: 50px;
    height: 25px;
    text-align: center;
    font-size: 10px;
}

.form-control {
    height: 25px;
}

.form-group #comment {
    height: 100px;
}

.form-group label {
    font-size: 12px;
    color: black;
}

.comments-main-area {
    height: 200px;
}

.comments .comments-main-area .form-group {
    height: 30px;
}

.form-group {
    height: 50px;
    font-family: inherit;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

footer {
    background: #0c1a1e url(../img/ne-footer-bg.png) bottom no-repeat;
    min-height: 150px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px;
}

.footerleft {
    margin-top: 50px;
    padding: 0 36px;
}

.logofooter {
    margin-bottom: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

.footerleft p {
    color: #fff;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

    .footerleft p i {
        width: 20px;
        color: #999;
    }

.paddingtop-bottom {
    margin-top: 50px;
}

.footer-ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 2px;
}

    .footer-ul li {
        line-height: 29px;
        font-size: 12px;
    }

        .footer-ul li a {
            color: #a0a3a4;
            transition: color 0.2s linear 0s, background 0.2s linear 0s;
            font-size: 12px;
        }

    .footer-ul i {
        margin-right: 10px;
    }

    .footer-ul li a:hover {
        transition: color 0.2s linear 0s, background 0.2s linear 0s;
        color: #ff670f;
    }

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.icon-ul {
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}

    .icon-ul li {
        line-height: 75px;
        width: 100%;
        float: left;
    }

.icon {
    float: left;
    margin-right: 5px;
}
/*.copyright{min-height:40px;background-color:#842484;}
.copyright p{text-align:left;color:#FFF;padding:10px 0;margin-bottom:0px;}*/
.heading7 {
    font-size: 21px;
    font-weight: 700;
    color: #d9d6d6;
    margin-bottom: 22px;
}

.post p {
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
}

    .post p span {
        display: block;
        color: #8f8f8f;
    }

.bottom_ul {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
}

    .bottom_ul li {
        float: left;
        line-height: 40px;
        list-style-type: none;
        margin: 0;
        margin-left: 5px;
    }

        .bottom_ul li:after {
            content: "/";
            color: #FFF;
        }

        .bottom_ul li a {
            color: #FFF;
            font-size: 12px;
        }

.login, .reg {
    width: 50px;
    height: 25px;
}

.login, .reg {
    background-color: #093145;
    color: white;
    border: 1px solid #3F51B5;
    font-family: 'times new roman';
    border-radius: 5px;
}

.active {
}

.login, .reg:hover {
    color: orange;
}

.input-group-addon {
    height: 25px;
    font-size: 13px;
    background-color: #2291dc;
    color: white;
    font-family: 'times new roman';
}

    .input-group-addon span {
        color: white;
    }

.form-group {
    height: 40px;
    color: black;
    font-family: 'sans serif';
}

.button .btn {
    padding: 4px;
    font-size: 12px;
    display: inline;
}

.form-control {
    font-size: 13px;
    margin: 0;
    text-align: right;
    color: black;
    height: 25px;
}

.calculator form h3 {
    font-size: 25px;
    color: black;
    height: 10px;
    margin-top: 20px;
    font-weight: 300;
}

.calculator {
    margin-left: 5%;
    margin-right: 5%;
}

.calculete-inner-box .p {
    color: white;
    background-color: black;
    font-size: 14px;
    font-family: 'times new roman';
    text-align: center;
}

.calculete-inner-box p {
    text-align: center;
    color: black;
    font-size: 13px;
}

.calculete-inner-box {
    min-height: 100px;
    height: auto;
    width: 90%;
    background-color: whitesmoke;
    border: 1px solid black;
}

.spinner > div {
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.button .one {
    background-color: #008080;
    color: white;
}

.button .two {
    background-color: #f8551f;
    color: white;
}

.calculate-form-value-data {
    border-top: 2px solid black;
}

@media screen and (max-width:768px) {
    .calculator {
        margin-left: 5%;
    }

    .calculate-form-value-data {
        height: auto;
    }

    .image-left-panel {
        min-height: 50px;
    }

    .amount-show label {
        float: none;
    }

    .inner-show-data {
        height: 300px;
    }
}

.clear {
    clear: both;
}

.calculator-petrol {
    margin-left: 10%;
}

    .calculator-petrol h3 {
        margin-top: 20px;
    }

.cng-panel .cng-cal-right h2 {
}

.cng-cal-left li {
    z-index: 12;
}

.cng-panel .cng-cal-left h2 {
    /*color: white;
    text-align: left;
    margin-left: 20px;
    margin-top: 8%;
    margin-bottom: 0%;
    font-family: 'Arial';*/
    z-index: 10;
    color: black;
    margin-top: 3%;
    margin-bottom: 6%;
    font-family: 'Arial';
    font-size: 31px;
    font-weight: 700;
}

.cng-panel .cng-cal-left p {
    color: white;
    text-align: left;
    margin-top: 5px;
    font-style: italic;
    font-family: 'Arial';
    z-index: 15;
    margin-left: 20px;
}

.cng-panel .cng-cal-left ul li {
    /*color: white;
    margin-left: 7%;
    font-size: 14px;*/
    color: white;
    margin-left: 12%;
    font-size: 22px;
    font-weight: 700;
    line-height: 39px;
}

.cng-panel span {
    font-weight: bold;
}

@media screen and (max-width:768px) {
    .circle {
        display: none;
    }

    .cng-cal-left ul li {
        display: none;
    }

    .cng-cal-left {
        min-height: 100px;
    }
}

.form-control {
    font-size: 13px;
    margin: 0;
    text-align: right;
    color: black;
    height: 35px;
}

.calculator form h3 {
    font-size: 25px;
    color: black;
    height: 10px;
    margin-top: 20px;
    font-weight: 300;
}

.image-left-panel {
    min-height: 370px;
    background-color: #f8551f;
    box-shadow: 0px 2px 21px #a4a8de;
}

.calculete-inner-box .p {
    color: white;
    background-color: black;
    font-size: 14px;
    font-family: 'times new roman';
    text-align: center;
}

.calculete-inner-box p {
    text-align: center;
    color: black;
    font-size: 13px;
}

.calculete-inner-box {
    min-height: 100px;
    height: auto;
    background-color: whitesmoke;
    border: 1px solid black;
}

.spinner {
    width: 70px;
    text-align: center;
    float: right;
}

    .spinner > div {
        width: 10px;
        height: 10px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.button .one {
    background-color: #008080;
    color: white;
}

.button .two {
    background-color: #f8551f;
    color: white;
}

.calculate-form-value-data {
    border-top: 2px solid black;
}

.min-required-cal .calculator .form-group label {
    font-weight: normal;
}

.data-item-cal-cng {
    border-left: 0;
}

@media screen and (max-width:768px) {
    .calculator {
        margin-left: 5%;
    }

    .calculate-form-value-data {
        height: auto;
    }

    .image-left-panel {
        min-height: 50px;
    }

    .amount-show label {
        float: none;
    }

    .inner-show-data {
        height: 300px;
    }
}

.clear {
    clear: both;
}

a:hover {
    text-decoration: none;
}

.service-content {
    height: auto;
    padding: 0;
    margin: 0;
}

.calculator-smoking h3 {
    color: #0d325d;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
}

.one h3 {
    font-family: 'Arial';
    font-size: 20px;
    width: 200px;
    color: white;
    background-color: #bf430b;
    padding: 6px;
    font-weight: 700;
    margin-top: 0;
    border-top-right-radius: 2em;
    margin-top: 100px;
}

.top-arow {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 9999999;
    border: none;
    outline: none;
    background-color: #23508a;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    title ="go to top";
}

.three p.p {
    color: white;
    padding-bottom: 16px;
}

@media screen and (max-width:768px) {
    .threeof a#service span.fa {
        margin-left: 18px;
    }

    table {
        margin-bottom: 20px;
    }

    .support-right-col h5 {
        margin-left: 24%;
    }

    .support-left-col {
        min-height: 100px;
    }
}

.top-border {
    border-top: 1px solid grey;
    margin-top: 10px;
}

.price {
    width: 96%;
    min-height: 100px;
    height: auto;
    background-color: whitesmoke;
    margin-top: 60px;
    margin-left: 2%;
    margin-right: 2%;
    border: 1px solid black;
}

    .price .price-col {
        background-color: orange;
        border-right: 2px solid black;
        height: 100px;
        padding: 0;
        margin: 0;
    }

    .price .price-col-third {
        border-right: 0;
        background-color: orange;
        height: 100px;
        padding: 0;
    }

.service-content h4 {
    margin-top: 25px;
    margin-bottom: 20px;
    line-height: 23px;
    margin: 2%;
}

.price .price-col-third h3 {
    color: black;
    margin-top: 10%;
    text-align: center;
    font-family: 'Arial';
    font-size: 20px;
    font-weight: 700;
}

.price .price-col h3 {
    color: black;
    margin-top: 10%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.support-right-col p {
    margin: 0;
    text-align: left;
}

.support-right-col h5 {
    margin: 0;
    text-align: left;
    color: black;
}

.service-content h4 {
    margin-top: 10px;
    font-size: 1.5em;
}

.service-content {
    padding: 8px;
}

#two p.para {
    color: black;
}

#third h5 {
    font-size: 16px;
    font-weight: 700;
}

#third hr {
    background-color: black;
}

.three .heading-2 {
    text-align: center;
    margin-top: 10%;
}

.support-no {
    font-size: 12px;
    font-weight: 600;
    color: black;
}

.support-email {
    font-size: 12px;
    font-weight: 600;
    color: black;
}

.support-skype {
    font-size: 12px;
    font-weight: 600;
    color: black;
}

.toggle {
    width: 80px;
    height: 330px;
    top: 30%;
    position: fixed;
    border: 2px solid black;
    right: 8%;
    box-shadow: 2px 2px 2px grey;
    z-index: 10;
    display: none;
}

    .toggle .box-panel .box {
        background-color: black;
        height: 110px;
        border-bottom: 1px solid white;
        cursor: pointer;
    }

        .toggle .box-panel .box a.data span.tag-data {
            color: white;
            font-size: 10px;
            text-align: center;
            margin-left: 25%;
        }

        .toggle .box-panel .box:hover {
            background-color: white;
        }

            .toggle .box-panel .box:hover span.fa {
                color: black;
            }

.main-content-box-area {
    width: 90%;
}

.toggle .box-panel .box span.fa {
    font-size: 36px;
    color: white;
    margin-top: 50%;
    margin-left: 35%;
}

input[type='text'], input[type='email'], input[type='date'], input[type='url'], input[type='number'] {
    height: 32px;
    border-radius: 5px;
    padding: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #0d325d;
    border-left: 10px solid #0d325d;
    text-align: left;
    margin-bottom: 40px;
    font-size: 12px;
    margin-top: 0;
    width: auto;
    position: relative;
    font-family: Arial;
    z-index: 0;
}

.form-group {
    min-height: 45px;
    color: black;
}

.input-group-addon {
    height: 30px;
    font-size: 13px;
    color: white;
}

.gender-heading {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px;
    color: #0d325d;
}

.input-group .select {
    height: 35px;
}

label {
    font-family: 'Arial';
    font-size: 12px;
    height: 10px;
    color: #0d325d;
    line-height: 0.1;
}

.button .one, .button .two {
    background-color: white;
    color: white;
    padding: 8px;
    border: 1px solid #0d325d;
    color: #0d325d;
    font-weight: 600;
    cursor: pointer;
}

.supprt-tag1 h4 {
    margin-left: 2em;
}

.supprt-tag2 h4 {
    margin-left: 10px;
}

.supprt-tag3 h4 {
}

.two h3.heading {
    font-family: 'Arial';
    font-size: 20px;
    width: 200px;
    color: white;
    background-color: #bf430b;
    padding: 6px;
    font-weight: 700;
    border-top-right-radius: 2em;
    margin-top: 20px;
}

.button .two {
    color: white;
    background-color: #0d325d;
}

.button .one:hover {
    background-color: #0d325d;
    color: white;
}

.calculator-reg h3 {
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Arial';
    font-size: 18px;
    color: #0d325d;
    text-align: center;
}

.calculator-reg .form-group .input-group input[type='radio'] {
    margin-top: 11px;
    color: #0d325d;
}

.calculator-reg .form-group {
    height: 30px;
    margin-bottom: 10px;
}

.reg-left-panel {
    min-height: 370px;
    background-color: #f8551f;
    box-shadow: 10px 10px 10px grey;
}

.reg-bunnon-margin {
    margin-right: 5%;
}

@media screen and (max-width:768px) {
    .toggle {
        right: 2%;
        bottom: 15%;
    }

    .service-content p.para {
        font-size: 18px;
        text-align: justify;
        color: black;
    }

    .reg-cal-left ul li {
        display: none;
    }
}

@media screen and (min-width:768px) {
    section.one {
        min-height: 330px;
    }
}

.cng-panel {
    border-top: 2px solid #0d325d;
}

.calculator-petrol .form-group .input-group input[type='text'] {
    border: 1px solid #0d325d;
    font-size: 12px;
    color: black;
    height: 35px;
}

.calculator-petrol .form-group .input-group .input-group-addon {
    background-color: #0d325d;
}

.calculator-petrol h3 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
    color: #2291dc;
    margin-top: 10px;
}

.calculator-smoking .form-group .input-group input[type='text'] {
    height: 35px;
}

.calculate-smoking-form-value-data .form-group .input-group .input-group-addon {
    height: 35px;
    border: 1px solid #0d325d;
    border-left: 0;
}

.test-right-panel {
    min-height: 449px;
    background-color: grey;
}

    .test-right-panel:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 0;
        border-right: 0;
    }

.test-radio {
    margin-top: 11px;
}

.test-btn {
    padding: 4px 8px;
    font-size: 11px;
    font-family: 'Arial';
    font-weight: 600;
    background-color: silver;
    cursor: pointer;
}

.test-inner-box {
    margin-left: 20%;
    margin-right: 20%;
}

    .test-inner-box .form-group label {
        font-size: 11px;
    }

    .test-inner-box .form-group {
        height: 35px;
    }

.calculator-test .row {
    margin: 0;
    padding: 0;
}

@media screen and (max-width:768px) {
    .test-panel img {
        display: none;
    }

    .test-btn {
        margin-bottom: 10px;
    }

    .calculator form h3 {
        margin-left: 20%;
    }

    .amount-show label {
        display: none;
    }

    .calculate-form-value-data .inner-show-data .input-group input[type='text']:before {
        content: 'Total Amount';
    }

    .amount-show label:first-child {
        display: block;
        margin-top: 5%;
    }
}

.calculator .form-group .input-group input[type='text'] {
    border: 1px solid #0d325d;
    height: 35px;
    font-weight: 600;
}

.calculator form h3 {
    font-size: 18px;
    color: #0d325d;
    font-family: 'Arial';
}

.second-panel {
    margin-top: 0;
    box-shadow: 2px 2px 2px whitesmoke;
    z-index: 10;
    border: 1px solid whitesmoke;
    margin-bottom: 50px;
    padding: 4px 8px;
    border-top: 3px solid #36688D;
}

.headline {
    background-color: #03353E;
    padding: 8px;
    border-top-right-radius: 2em;
    width: 300px;
    border-bottom: 2px solid black;
    color: white;
    z-index: 90;
    margin-top: 52px;
}

.second-panel h3 {
    font-weight: 400;
    font-family: 'forte';
    color: #2291dc;
    margin-top: 10px;
}

.second-panel p {
    color: grey;
    font-family: 'Arial',sans serif;
    padding: 16px;
    z-index: 5;
    font-weight: 100;
    font-size: 16px;
    text-align: justify;
    color: #3977b5;
}

.sub-heading {
    color: #132226;
    font-weight: 700;
    margin-top: 0;
}

.paragraph::first-letter {
    font-size: 2em;
    font-weight: 700;
    font-family: 'Open Sans';
}

.terms-planing-box {
    margin-left: 10%;
    padding: 16px;
    border: 2px solid whitesmoke;
    width: 50%;
    cursor: pointer;
    margin-top: 4em;
}

    .terms-planing-box img {
        cursor: pointer;
        width: auto;
    }

@media screen and (max-width:768px) {
    .terms-planing-box {
        margin-left: 0;
        width: 100%;
    }

        .terms-planing-box img {
            box-sizing: content-box;
            width: 100%;
        }

    .image-right img {
        width: 100%;
        height: 200px;
    }

    .calculator-petrol h3 {
        font-size: 16px;
    }
}

.second-panel div .paragraph {
    font-size: 13px;
    color: black;
}

.root-head {
    font-size: 18px;
}

.second-panel div img {
    height: 180px;
    cursor: pointer;
}

.sub-heading {
    font-size: 16px;
    margin-left: 2%;
}

.second-panel .paragraph2 {
    font-size: 13px;
    color: black;
    font-family: 'Arial';
    margin-left: 2%;
    margin-right: 2%;
}

.second-panel .benefit-heading {
    font-size: 15px;
    font-family: 'Arial';
    font-weight: 700;
    margin-left: 2%;
}

.second-panel .order-list {
    font-size: 13px;
    margin-left: 2%;
}

.calculator form .form-group label {
    font-size: 12px;
}

.input-group #tax {
    height: 35px;
    width: 100%;
    border: 1px solid #0d325d;
    font-size: 13px;
}

.tax-panel-left {
    background-color: #136cc5;
}

.tax-right-panel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #aeb3c1;
    border-right: 100px solid transparent;
}

.row {
    padding: 4px;
}

.submenu {
    margin: 0;
    margin-top: 0;
    padding: 0;
    padding-top: 8px;
    background-color: #eee;
}

    .submenu ul {
        margin: 1%;
        padding: 4px;
        min-height: 100%;
    }

        .submenu ul li {
            list-style-type: none;
            padding: 4px;
            cursor: pointer;
        }

            .submenu ul li:hover {
                background-color: white;
                color: black;
            }

            .submenu ul li a.articleclass {
                font-size: 12px;
                font-family: Arial;
                color: black;
                margin-top: 10px;
                min-width: 50%;
                height: 100%;
                margin-left: 10px;
                z-index: 10;
            }

                .submenu ul li a.articleclass:hover {
                    color: black;
                    text-decoration: none;
                    background-color: white;
                }

.ubermenu-nav li {
    cursor: default;
}

@media screen and (max-width:768px) {
    .main-header2 {
        height: auto;
    }
}

.our-mission-section div p {
    color: black;
}

.login, .reg {
    background-color: #0d325d;
    color: white;
    font-family: Arial;
}

    .reg:hover {
        color: white;
    }

.calculator-smoking h3 {
    margin-left: 20%;
}

.calculator-smoking div .form-group label {
    font-weight: normal;
}

.calculator h3.heading {
    margin-top: 20px;
    font-size: 24px;
    margin-left: 10%;
    height: 10px;
    font-weight: 700;
    color: black;
}

.sip .form-group .input-group .input-group-addon {
    border: 1px solid #0d325d;
}

.sip-right-col .input-group {
    width: 96%;
}

#lblMessage, #lblsurveymsg {
    color: red;
    font-size: 12px;
    text-align: center;
}

.erormess {
    margin: 0;
}

.calculete-inner-box h3 {
    font-size: 18px;
    text-align: center;
    height: 10px;
    font-weight: 700;
    top: 10px;
}

.calculete-inner-box div p {
    margin-top: 20px;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

footer {
    background-color: #0c1a1e;
    min-height: 150px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px;
}

.footerleft {
    margin-top: 20px;
    padding: 0 36px;
}

.logofooter {
    margin-bottom: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

.footerleft p {
    color: #fff;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
}

    .footerleft p i {
        width: 20px;
        color: #999;
    }

.paddingtop-bottom {
    margin-top: 20px;
}

.footer-ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 2px;
}

    .footer-ul li {
        line-height: 29px;
        font-size: 12px;
    }

        .footer-ul li a {
            color: #a0a3a4;
            transition: color 0.2s linear 0s, background 0.2s linear 0s;
            font-size: 12px;
        }

    .footer-ul i {
        margin-right: 10px;
    }

    .footer-ul li a:hover {
        transition: color 0.2s linear 0s, background 0.2s linear 0s;
        color: #ff670f;
    }

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.icon-ul {
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}

    .icon-ul li {
        line-height: 75px;
        width: 100%;
        float: left;
    }

.icon {
    float: left;
    margin-right: 5px;
}

.copyright {
    min-height: 40px;
    background-color: #091316;
    border-top: #12252a 2px solid;
}

    .copyright p {
        text-align: left;
        color: #FFF;
        padding: 10px 0;
        margin-bottom: 0px;
    }


.heading7 {
    font-size: 21px;
    font-weight: 700;
    color: #d9d6d6;
    margin-bottom: 22px;
}

.post p {
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
}

    .post p span {
        display: block;
        color: #8f8f8f;
    }

.bottom_ul {
    list-style-type: none;
    float: right;
    margin-bottom: 0px;
}

    .bottom_ul li {
        float: left;
        line-height: 40px;
        list-style-type: none;
    }

        .bottom_ul li:after {
            content: "/";
            color: #FFF;
            margin-right: 0px;
            margin-left: 4px;
        }

        .bottom_ul li a {
            color: #FFF;
            font-size: 12px;
        }

.calculator-petrol .form-group label {
    height: auto;
    line-height: normal;
    font-weight: normal;
}

.calculate-form-value-data-cng-petrol .form-group {
    margin: 0;
}

.aboutus-2 {
    min-height: 250px;
    margin-top: 130px;
}

    .aboutus-2 p {
        color: black;
        font-size: 14px;
    }

    .aboutus-2 h2 {
        margin-top: 10px;
        color: #0d325d;
        font-family: Arial;
        font-size: 20px;
    }

.contect-page p {
    color: black;
    font-size: 14px;
}

.contect-page h2 {
    margin-top: 10px;
    color: #0d325d;
    font-family: Arial;
    font-size: 20px;
}

.contect-page {
    line-height: 20px;
}

    .contect-page:after {
        content: '';
        display: table;
    }

    .contect-page h3 {
        font-weight: 700;
    }

.career-link h1 {
    font-size: 18px;
    margin-top: 10px;
    color: #0d325d;
}

.career-link h3 {
    color: red;
}

.policy-section {
    min-height: 200px;
    margin-top: 122px;
}

    .policy-section h1 {
        margin-top: 30px;
        color: #0d325d;
        font-family: Arial;
        font-size: 20px;
        margin: 0;
        padding: 0px 10px;
    }

    .policy-section p {
        color: black;
        font-family: Arial;
        font-size: 14px;
        margin-top: 10px;
        line-height: 28px;
        padding: 10px;
    }

.terms-condition-section h1, .terms-condition-section h2, .terms-condition-section h4, .terms-condition-section h3 {
    margin-top: 10px;
    color: #0d325d;
    font-family: Arial;
    margin: 0;
    margin-bottom: 10px;
}

.terms-condition-section p {
    color: black;
    font-family: Arial;
    font-size: 13px;
}

.terms-condition-section ul li {
    color: black;
    font-family: Arial;
    font-size: 13px;
    list-style-type: square;
}

.terms-condition-section .heading {
    margin-top: 20px;
}

.faq h1 {
    margin-top: 10px;
    color: #0d325d;
    font-family: Arial;
    font-size: 20px;
}

.faq h3 {
    color: black;
    font-family: Arial;
    font-size: 13px;
}

.service-section h1 {
    margin-top: 10px;
    color: #0d325d;
    font-family: Arial;
    font-size: 20px;
}

.aboutus {
    background-color: white;
}

.mutual-heading {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: right;
    font-weight: 500;
    color: #0d325d;
}

@media screen and (max-width:768px) {
    .mutual-heading {
        text-align: left;
        margin-bottom: 58px;
        margin-top: -78px;
        height: 10px;
        font-size: 12px;
    }
}

.account-opening {
    margin: 0% 2% 2% 2%;
    border: 2px solid #000;
    cursor: pointer;
}

    .account-opening img {
        opacity: 1;
        z-index: 30;
        width: 100%;
        cursor: pointer;
    }

    .account-opening img {
        opacity: 1;
        z-index: 30;
        cursor: pointer;
    }

input[type='number'] {
    height: 32px;
    border-radius: 5px;
    padding: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #0d325d;
    border-left: 10px solid #0d325d;
    text-align: left;
}

.min-required-heading {
    /* margin-top: 10px;
    text-align: center;
    font-weight: 700;
    color: black;
    font-size: 18px;*/
    font-size: 18px;
    text-align: center;
    color: #253972;
    padding: 0;
    margin: 32px;
    margin-top: 6%;
    font-weight:700;
}

.input-group-addo {
    border: 1px solid #0d325d;
}

.text-heading {
    font-size: 16px;
    color: #4b18ad;
    height: 10px;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.calculator-test li {
    font-family: 'arial';
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    color: #193861;
}

.image-left-panel li {
    margin-left: 20px;
    color: black;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: 700;
}

.calculator-test form h3 {
    font-size: 16px;
    color: #4b18ad;
    height: 10px;
    margin-top: 20px;
    font-weight: 700;
}

.calculator-test li {
    font-family: 'arial';
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    color: #193861;
}

.row {
    padding: 4px;
}

.calculator-test {
    padding: 0;
}

.test-btn {
    padding: 4px 8px;
    font-size: 11px;
    font-family: 'Arial';
    font-weight: 600;
    background-color: silver;
    cursor: pointer;
}

.test-inner-box {
    margin-left: 20%;
    margin-right: 20%;
}

    .test-inner-box .form-group label {
        font-size: 11px;
    }

    .test-inner-box .form-group {
        height: 35px;
    }

hr {
    margin: 0;
}

.form-group {
    margin-bottom: 30px;
}

    .form-group input[type=text], .form-group input[type=email] {
        font-size: 14px !important;
        text-align: left !important;
    }

.span {
    font-size: 13px;
    margin-top: -10px;
}

@media screen and (max-width:768px) {
    #wowslider-container1 {
        float: none;
        min-width: 100%;
        height: auto;
    }

    #iframe {
        float: none;
        min-width: 100%;
        height: auto;
    }
}

.content_wrapper nav ul li a:hover {
    /*background-color:#e8e6f5;*/
}

.ubermenu a.ubermenu-target, .ubermenu-trigger-click .ubermenu-has-submenu-drop > .ubermenu-target {
    cursor: default;
}

#header_wrapper {
    background-color: #800080;
    height: auto;
    padding: 0;
    margin: 0;
    background-size: cover;
    border-bottom: 0px;
    box-shadow: inset 0 0 0px rgba(0,0,0,0);
}

#header_wrapper {
    color: white;
}

#header_wrapper {
}

#header_wrapper {
    width: 100%;
}

#header_wrapper {
    background-image: url();
    background-color: white;
    height: auto;
}

.section-data img {
    width: 100%;
    height: 220px;
}

.right-side {
    margin-right: 5%;
}

.second-nav span {
    display: block;
    width: 35px;
    white-space: nowrap;
}

.second-nav {
    text-align: right;
    margin-left: 70%;
    position: absolute;
    display: none;
}

.second .para, .second h4 {
    z-index: 10;
}

@media screen and (max-width:768px) {
}

.news-tricker {
    width: 95%;
    margin: auto;
    position: relative;
    height: 400px;
    overflow: auto;
    border: 1px solid #aaa;
    border-bottom: 3px solid #aaa;
    overflow-x: hidden;
}

.right-side {
    margin-right: 0;
}

.right-side-bar {
    width: 15%;
    float: left;
}

.grid-header-one {
    width: 50%;
    float: left;
}

.data-show {
    display: none;
}

.news-tricker ul {
    padding: 4px 0px;
}

    .news-tricker ul li {
        list-style-type: none;
        line-height: 14px;
        border-bottom: 1px solid whitesmoke;
        margin: 4px 8px;
    }

.news-tricker .news-header span.heading {
    text-align: center;
    color: black;
}

.news-header {
    background-color: grey;
    margin-right: 5%;
    width: 95.5%;
    padding: 0;
    margin-left: 4px;
}

.second h3 {
    color: black;
}

.news-tricker ul li a {
    color: #000;
    font-size: 12px;
    font-family: 'Arial';
    z-index: 10;
    line-height: 1px;
    text-decoration: underline;
}

.news-content {
    border-bottom: 1px solid whitesmoke;
    margin: 16px;
}

    .news-content img {
        width: 100%;
        height: 100px;
        margin: 0;
        margin-top: 5px;
    }

    .news-content .a {
        text-decoration: none;
    }

    .news-content .twitte {
        text-decoration: none;
        color: #00b6ff;
    }

.news-header span {
    color: white;
}

#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar {
    width: 4px;
    height: 5px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.comments-btn {
    background-color: #0d325d;
    margin-top: 70px;
    width: 100px;
    padding: 4px;
    border: 1px solid black;
    color: white;
}

.content li {
    color: black;
    font-size: 14px;
    line-height: 23px;
}

.calculator-petrol div .form-group {
    height: 30px;
}

#wowslider-container1 {
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    text-align: left;
    box-sizing: content-box;
    position: absolute;
    top: 0;
}

    #wowslider-container1 .ws_images ul {
        position: relative;
        width: 10000%;
        height: 100%;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        border-spacing: 0;
        overflow: visible;
    }

        #wowslider-container1 .ws_images ul li {
            position: relative;
            width: 1%;
            height: 100%;
            line-height: 0;
            overflow: hidden;
            float: left;
            padding: 0 0 0 0 !important;
            margin: 0 0 0 0 !important;
        }

    #wowslider-container1 .ws_images {
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        max-height: 300px;
        max-width: 640px;
        vertical-align: top;
        border: none;
        overflow: hidden;
    }

        #wowslider-container1 .ws_images ul a {
            width: 100%;
            height: 100%;
            max-height: 300px;
            display: block;
            color: transparent;
        }

    #wowslider-container1 img {
        max-width: none !important;
    }

    #wowslider-container1 .ws_images .ws_list img,
    #wowslider-container1 .ws_images > div > img {
        width: 100%;
        border: none 0;
        max-width: none;
        padding: 0;
        margin: 0;
    }

    #wowslider-container1 .ws_images > div > img {
        max-height: 300px;
    }

    #wowslider-container1 .ws_images iframe {
        position: absolute;
    }

    #wowslider-container1 .ws-title > div {
        display: inline-block !important;
    }

    #wowslider-container1 a {
        text-decoration: none;
        outline: none;
        border: none;
    }

    #wowslider-container1 .ws_bullets div {
        position: relative;
        float: left;
        font-size: 0px;
    }

    #wowslider-container1 .ws_script {
        display: none;
    }

    #wowslider-container1 sound,
    #wowslider-container1 object {
        position: absolute;
    }

    #wowslider-container1 .ws_effect {
        position: static;
        width: 100%;
        height: 100%;
    }

    #wowslider-container1 .ws_photoItem {
        border: 2em solid #fff;
        margin-left: -2em;
        margin-top: -2em;
    }

    #wowslider-container1 .ws_cube_side {
        background: #A6A5A9;
    }

    #wowslider-container1.ws_gestures {
        cursor: -webkit-grab;
        cursor: -moz-grab;
    }

        #wowslider-container1.ws_gestures.ws_grabbing {
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
        }

    #wowslider-container1 .ws-title {
        font: 14px 'Gurajada', serif;
        position: absolute;
        left: 2em;
        margin-right: 10em;
        color: #fff;
        padding: 1em;
        bottom: 30px;
        top: auto;
        opacity: 1;
    }

        #wowslider-container1 .ws-title div, #wowslider-container1 .ws-title span {
            display: inline-block;
            padding: 0.1em 0.6em;
            background-color: white;
            color: black;
        }

        #wowslider-container1 .ws-title div {
            display: block;
            margin-top: 0.5em;
            font-size: 14px;
        }

        #wowslider-container1 .ws-title span {
            text-transform: uppercase;
            font-size: 14px;
        }

    #wowslider-container1 .ws_images > ul {
        animation: wsBasic 20s infinite;
        -moz-animation: wsBasic 20s infinite;
        -webkit-animation: wsBasic 20s infinite;
    }

@keyframes wsBasic {
    0% {
        left: -0%;
    }

    10% {
        left: -0%;
    }

    20% {
        left: -100%;
    }

    30% {
        left: -100%;
    }

    40% {
        left: -200%;
    }

    50% {
        left: -200%;
    }

    60% {
        left: -300%;
    }

    70% {
        left: -300%;
    }

    80% {
        left: -400%;
    }

    90% {
        left: -400%;
    }
}

@-moz-keyframes wsBasic {
    0% {
        left: -0%;
    }

    10% {
        left: -0%;
    }

    20% {
        left: -100%;
    }

    30% {
        left: -100%;
    }

    40% {
        left: -200%;
    }

    50% {
        left: -200%;
    }

    60% {
        left: -300%;
    }

    70% {
        left: -300%;
    }

    80% {
        left: -400%;
    }

    90% {
        left: -400%;
    }
}

@-webkit-keyframes wsBasic {
    0% {
        left: -0%;
    }

    10% {
        left: -0%;
    }

    20% {
        left: -100%;
    }

    30% {
        left: -100%;
    }

    40% {
        left: -200%;
    }

    50% {
        left: -200%;
    }

    60% {
        left: -300%;
    }

    70% {
        left: -300%;
    }

    80% {
        left: -400%;
    }

    90% {
        left: -400%;
    }
}

#wowslider-container1 .ws_bulframe div div {
    height: 48px;
    overflow: visible;
    position: relative;
}

#wowslider-container1 .ws_bulframe div {
    left: 0;
    overflow: hidden;
    position: relative;
    width: 85px;
}

#wowslider-container1 .ws_bullets .ws_bulframe {
    position: absolute;
    display: none;
    bottom: 25px;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

#wowslider-container1 .ws_bulframe div div {
    height: auto;
}

@media all and (max-width:760px) {
    #wowslider-container1 .ws_fullscreen {
        display: block;
    }
}

@media all and (max-width:400px) {
    #wowslider-container1 .ws_controls,
    #wowslider-container1 .ws_bullets,
    #wowslider-container1 .ws_thumbs {
        display: none;
    }
}

.button .one, .button .two {
    background-color: white;
    color: white;
    padding: 8px;
    border: 1px solid #0d325d;
    color: #0d325d;
    font-weight: 600;
    cursor: pointer;
}

.button .two {
    color: white;
    background-color: #0d325d;
}

.button .one:hover {
    background-color: #0d325d;
    color: white;
}

.calculator-reg h3 {
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Arial';
    font-size: 18px;
    color: #bf430b;
    text-align: center;
}

.calculator-reg .form-group .input-group input[type='radio'] {
    color: #0d325d;
}

.select {
    border-radius: 5px;
    border: 1px solid #0d325d;
    border-left: 10px solid #0d325d;
}

.reg-left-panel {
    min-height: 370px;
    background-color: #f8551f;
    box-shadow: 10px 10px 10px grey;
}

.reg-panel .reg-cal-left p {
    color: white;
    text-align: left;
    margin-top: 5px;
    font-style: italic;
    font-family: 'Arial';
    z-index: 15;
    margin-left: 20px;
}

.reg-panel .reg-cal-left ul li {
    color: white;
    margin-left: 7%;
    font-size: 14px;
}

.calculete-inner-box .p {
    color: white;
    background-color: black;
    font-size: 14px;
    font-family: 'Arial';
    text-align: center;
}

.reg-cal-left {
    min-height: 370px;
    background-color: #223463;
    box-shadow: 10px 10px 10px grey;
    float: left;
}

.reg-panel .reg-left-panel h2 {
    color: white;
    text-align: left;
    margin-left: 20px;
    margin-top: 8%;
    margin-bottom: 0%;
    z-index: 10;
    line-height: 0.1;
}

.calculator-reg {
    margin-left: 5%;
    margin-right: 5%;
}

.reg-cal-left h2 {
    margin-top: 50px;
    color: white;
    font-size: 2em;
    margin-left: 5%;
}

.reg-cal-left ul li {
    list-style-type: disc;
}

.reg-cal-left ul {
    margin-left: 5%;
}

.calculator-reg .form-group .input-group-addon {
    background-color: #bf430b;
}

.form-group {
    height: 30px;
}

input[type="text"], input[type="select"], input[type="email"] {
    text-align: left;
}

.footer-heading {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 10px;
    margin-right: 1%;
}

a:hover {
    text-decoration: none;
}

.service-content {
    height: auto;
    padding: 0;
    margin: 0;
}

#service {
    cursor: pointer;
}

.service-col-1 a:hover span.fa {
    color: white;
    text-decoration: none;
    background-color: black;
    border: 2px solid white;
    z-index: 10;
}

.one .service-content-one {
    line-height: normal;
}

.service-col-1 div.col-md-9 h4 {
    text-align: left;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.service-box {
    width: 85.5%;
    background-color: #0d325d;
    position: absolute;
    height: 80px;
}

.service-col-1 div.col-md-9 {
    margin-left: 3em;
    margin-top: -40px;
}

.service-box .service-col-1 {
    margin-left: 1em;
}

.service-box .service-col-1 {
    float: left;
    width: 15%;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100px;
    margin-left: 10%;
}

    .service-box .service-col-1 span.fa {
        text-align: center;
        font-size: 2em;
        background-color: white;
        border-radius: 100%;
        padding: 8px;
        color: black;
        border: 2px solid black;
        cursor: pointer;
    }

.service-content p.para {
    font-size: 16px;
    font-family: 'Arial',sans-serif;
    color: black;
    font-weight: 400;
    text-align: justify;
    line-height: 23px;
    padding: 2%;
}

.service-content ul {
    margin-bottom: 10px;
}

.service-content li {
    font-size: 16px;
    color: black;
    line-height: 23px;
}

.three h3.heading {
    font-family: 'Arial';
    font-size: 20px;
    width: 200px;
    color: white;
    background-color: #bf430b;
    padding: 6px;
    font-weight: 700;
    margin-top: 0;
    border-top-right-radius: 2em;
    margin-top: 100px;
}

input[type='text'], input[type='email'], input[type='date'], input[type='url'] {
    height: 32px;
    border-radius: 5px;
    padding: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #0d325d;
    border-left: 10px solid #0d325d;
    text-align: left;
    margin-bottom: 40px;
    font-size: 12px;
    margin-top: 0;
}

.fixed {
    position: fixed;
    background-color: white;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
    height: auto;
    box-sizing: content-box;
    padding: 0;
}

.main-header2 {
    min-height: 50px;
}

.fixed2 {
    position: relative;
    z-index: 999999;
    box-shadow: 5px 5px 5px grey;
}

.img-res {
    width: 20px;
    height: 20px;
}

.heading-res {
    font-size: 15px;
}

.main-header2 div div.col-md-9, .main-header2 div div.col-md-3 {
    margin: 0;
    padding: 0;
}

.left-2 {
    float: left;
    line-height: 0.1;
}

.div-border {
    height: 2px;
    color: black;
    background-color: grey;
    margin-top: 2%;
    margin-bottom: 2%;
}

.com-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

.main-header2 div div h1 {
    color: #0d325d;
    margin: 0;
    margin-left: 0;
    margin-top: 5%;
    font-size: 2em;
    height: 35px;
    text-transform: lowercase;
    font-family: 'Century Schoolbook';
    margin-left: 1%;
}

.main-header2 div div p {
    font-size: 14px;
    color: #bf430b;
    font-style: italic;
    letter-spacing: 10px;
    font-family: turbo;
    font-weight: 600;
    white-space: nowrap;
    margin-top: 5%;
}

.second-para-heading {
    font-size: 14px;
    color: #bf430b;
    font-style: italic;
    letter-spacing: 10px;
    margin-left: 1%;
    font-family: turbo;
    font-weight: 600;
}

.main-header2 div div a img {
    width: 100%;
    margin: 0;
}

.my-header-dic {
    margin: 0;
    padding-left: 0;
}

.main-header2 div p a input[type='button'] {
    font-size: 12px;
    height: 30px;
    width: 80px;
    padding: 4px;
}

.cal-form-group {
    margin-bottom: 10px;
}

.cal-form-group2 {
    margin-bottom: 20px;
}

.calculator-petrol .row .form-group label {
    font-weight: normal;
}

.calculate-form-value-data-cng-petrol .form-group .input-group input[type='text'] {
    height: 25px;
}

.calculate-form-value-data-cng-petrol .form-group {
    margin: 0;
}

    .calculate-form-value-data-cng-petrol .form-group label {
        font-weight: normal;
    }

.calculator-smoking .button {
    margin-top: 20px;
}

.calculate-smoking-form-value-data .row .form-group label {
    font-weight: normal;
}

.calculate-smoking-form-value-data .row .form-group {
    margin-bottom: 10px;
}

.calculator-smoking .row .form-group .input-group input {
    width: 1200px;
}

.input-group {
    width: 90%;
}

.sip h3.heading {
    font-size: 18px;
    text-align: center;
    color: #253972;
    padding: 0;
    margin: 32px;
    margin-top: 6%;
}

.sip .form-group {
    margin-bottom: 25px;
    margin-top: -7px;
}

    .sip .form-group .input-group input {
        border-left: 0;
    }

    .sip .form-group label {
        font-weight: normal;
        color: #010006
    }

.sip {
    padding-left: 10px;
}

.sip-left-col .second-content h1 {
    color: #102673;
    text-align: left;
    font-size: 2;
    font-weight: 700;
    margin-left: 10%;
    margin-top: 5%;
    text-decoration: underline;
    margin-bottom: 2%;
}

.sip-left-col .second-content p {
    color: white;
    text-align: center;
    font-size: 14px;
}

.min-required-cal .form-group {
    margin-bottom: 25px;
    margin-top: -7px;
}

.min-required-cal .calculator .form-group .input-group input[type='number'] {
    border-left: 2px solid black;
}

.calculate-smoking-form-value-data .row .form-group {
    height: auto;
    margin: 0;
}

    .calculate-smoking-form-value-data .row .form-group p {
        font-size: 12px;
        margin: 0;
        color: black;
    }

.comments-main-area .form-group .input-group input {
    width: 100%;
}

.comments-main-area .form-group .input-group textarea {
    width: 100%;
    padding: 0;
}

.test-panel {
    background-color: cadetblue;
    min-height: 416px;
    float: left;
    top: 0;
    box-shadow: 10px 10px 10px grey;
    left: 0px;
}

.calculator-reg .row .form-group label {
    font-weight: normal;
}

.reg-cal-right .calculator-reg input[type='text'], .reg-cal-right .calculator-reg input[type='email'], .reg-cal-right .calculator-reg input[type='date'] {
    height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #0d325d;
    border-left: 10px solid #0d325d;
    text-align: left;
    font-size: 12px;
    margin-top: 0;
    width: 100%;
}

.reg-cal-right .calculator-reg input[type='date'] {
    width: 90%;
}

.range-slider {
    margin: 2%;
}

.main-header2 div div a {
    display: none;
}

.infor-panel .form-group .input-group input[type='text'] {
    width: 95%;
    min-height: 10px;
}

.infor-panel {
    display: none;
}

main-header2 {
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    min-height: 85px;
    height: auto;
    border-bottom: 2px solid grey;
    min-height: 100px;
}

.test-panel {
    background-image: url('../img/test2.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.sip-left-col-new h1 {
    margin-top: 2.5em;
    font-weight: 600;
}

.sip-left-col-new .second-content ul li {
    color: white;
    font-size: 24px;
    margin-left: 10%;
}

.sip-left-col-new .second-content ul {
    margin-top: 50px;
}

.sip-left-col-new {
    background-color: #51519b;
}

.sip-right-col-new {
    background-color: #ddddec;
}

    .sip-right-col-new:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 0px solid #bf430b;
        border-right: 0px solid transparent;
    }

.mf-content {
    margin-top: 4em;
    border-top: 10px solid whitesmoke;
}

    .mf-content .container h1 {
        font-size: 2em;
        color: black;
        font-weight: normal;
        margin-bottom: 16px;
    }

    .mf-content .data-panal {
        margin-top: 4em;
    }

        .mf-content .data-panal img {
            width: 150px;
            height: 150px;
            margin-left: 15%;
        }

            .mf-content .data-panal img.img {
                width: 150px;
                height: 150px;
                margin-left: 25%;
            }

        .mf-content .data-panal .img-s {
            width: 150px;
            height: 150px;
            margin-left: 30%;
        }

        .mf-content .data-panal h2 {
            color: #233e5c;
            font-size: 14px;
            text-align: center;
            margin-right: 30%;
        }

            .mf-content .data-panal h2.hd {
                color: #233e5c;
                text-align: center;
                margin-left: 20%;
                white-space: nowrap;
            }

            .mf-content .data-panal h2.hd2 {
                color: #233e5c;
                text-align: center;
                margin-left: 30%;
            }

.data-content-mf {
    margin-top: 5em;
}

    .data-content-mf p {
        font-size: 16px;
        line-height: 27px;
        margin: 2%;
        text-align: center;
        color: black;
        margin-bottom: 2em;
        font-weight: normal;
    }

.cutting-text {
    font-size: 2em;
    font-weight: 700;
    margin-left: 0%;
}

.cutting-1 {
    margin-left: 35%;
}

.cuting-2 {
    color: cadetblue
}

.infor-panel .row .form-group .input-group input {
    font-weight: normal;
}

.tag-data-2 {
    margin-left: 25%;
}

.reg-panel {
    margin-top: 10px;
}

.service-content ul li {
    list-style-type: disc;
    margin-left: 5%;
}

.artical-section table {
    border: 1px solid;
    padding: 16px;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
    display: table;
}

    .artical-section table tbody tr td {
        width: 150px;
        height: 25px;
        color: #020712;
        padding: 4px;
        border: 1px solid #101133;
        text-align: center;
    }

.main-content-box-area h4 {
    color: black;
}

.submenu {
    margin: 0;
    margin-top: 0;
    padding: 0;
    padding-top: 8px;
    background-color: #eee;
    height: 334px;
}

    .submenu ul {
        margin: 1%;
        padding: 4px;
        min-height: 100%;
    }

        .submenu ul li {
            list-style-type: none;
            padding: 4px;
            cursor: pointer;
        }

            .submenu ul li:hover {
                background-color: white;
                color: black;
            }

            .submenu ul li a.articleclass {
                font-size: 12px;
                font-family: Arial;
                color: black;
                margin-top: 10px;
                min-width: 50%;
                height: 100%;
                margin-left: 10px;
                z-index: 10;
            }

                .submenu ul li a.articleclass:hover {
                    color: black;
                    text-decoration: none;
                    background-color: white;
                }

.site-convertor {
    width: 90%;
    height: 30px;
    background-color: whitesmoke;
    border: 1px solid grey;
    margin-bottom: 2%;
    background-color: grey;
    margin: 5%;
    border: 1px solid black;
    display: none;
    box-shadow: 5px 5px 5px whitesmoke;
}

    .site-convertor p {
        font-size: 12px;
        color: white;
        padding: 4px;
        text-align: center;
        font-weight: 700;
    }

        .site-convertor p a {
            color: white;
            text-decoration: underline;
        }

            .site-convertor p a:hover {
                color: red;
                text-decoration: none
            }

.close {
    position: absolute;
    right: 6%;
    color: black;
    padding: 2px;
}

.share_area ul li {
    display: inline;
    font-size: 12px;
    margin-top: 10px;
}

    .share_area ul li a {
        font-size: 12px;
        background-color: #cb2027;
        padding: 8px 16px;
        color: white;
    }

        .share_area ul li a.pin {
        }

        .share_area ul li a.twi {
            background-color: #00aced;
        }

        .share_area ul li a.fac {
            background-color: #3b5998;
        }

.terms-condition-section ul li {
    margin-left: 25px;
}

.terms-condition-section {
    margin-top: 138px;
    padding: 20px;
}

.comments-inner-box-post {
    margin-left: 20px;
    border-bottom: 2px solid whitesmoke;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.comments-inner-box-reply {
    margin-left: 50px;
    border-bottom: 2px solid whitesmoke;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.count-line {
    font-family: 'Fira Sans',sans-serif;
    color: black;
    font-weight: 700;
}

.comments-inner-box-post .main-post {
    margin-left: 30px;
    line-height: 0.1;
    border-bottom: 1px solid #b9b8cb;
}

.comments-inner-box-reply .main-post {
    margin-left: 30px;
    line-height: 0.1;
    border-bottom: 1px solid #b9b8cb;
}

.comments-inner-box-post .main-post .name {
    font-family: 'Fira Sans',sans-serif;
    color: black;
    font-weight: 700;
    line-height: 0.1;
    font-size: 14px;
    line-height: 20px;
}

.comments-inner-box-reply .main-post .name {
    font-family: 'Fira Sans',sans-serif;
    color: black;
    font-weight: 700;
    line-height: 0.1;
    font-size: 14px;
    line-height: 20px;
}

.comments-inner-box-post .main-post .name a {
    font-family: 'times new roman';
    color: black;
    font-size: 12px;
    height: 1px;
    line-height: 0.1;
    padding: 0;
    margin: 0;
    font-weight: 100;
}

.comments-inner-box-reply .main-post .name a {
    font-family: 'times new roman';
    color: black;
    font-size: 12px;
    height: 1px;
    line-height: 0.1;
    padding: 0;
    margin: 0;
    font-weight: 100;
}

.comments-inner-box-post .main-post .reply-class {
    font-size: 13px;
    line-height: 2px;
    margin-top: 0px;
    text-decoration: underline;
    color: #008080;
    cursor: pointer;
    margin-bottom: 20px;
}

.comments-inner-box-reply .main-post .reply-class {
    font-size: 13px;
    line-height: 2px;
    margin-top: 0px;
    text-decoration: underline;
    color: #008080;
    cursor: pointer;
    margin-bottom: 20px;
}

.clear {
    clear: both;
}

.comments-area {
    margin-bottom: 100px;
    margin-top: 0;
}

.support-right-col hr {
    margin-bottom: 10px;
    margin-top: 5px;
    border-color: red;
}

.support-right-col h5 {
    color: red;
}

.support-right-col span {
    font-weight: normal;
}

.three h3.heading-2 {
    font-size: 32px;
    margin: 0%;
    margin-right: 10%;
}

.reg-cal-right {
    background-color: white;
    margin: 0;
    min-height: 261px;
    border: 0;
    z-index: 30;
    box-shadow: 10px 10px 10px grey;
    float: left;
    opacity: 10;
    padding-left: 5%;
}

.reg-cal-left {
    background-color: #2291dc;
    min-height: 261px;
}

.reg-panel {
    width: 100%;
    height: auto;
    border-top: 3px solid #0d325d;
}

.main-service-area {
    border-top: 2px solid black;
    padding: 4px;
    background-color: whitesmoke;
    margin-top: 30px;
}

.reg-cal-right .form-group {
    margin: 0%;
    padding: 0%;
    margin-bottom: 10px;
}

.reg-cal-right .input-group {
    margin: 0%;
    padding: 0%;
    width: 96%;
}

    .reg-cal-right .input-group input[type='text'] {
        border: 1px solid orange;
    }

.reg-cal-right .form-group label {
    color: grey;
    font-weight: 700;
}

.spnSendText {
    font-weight: normal;
}

.main-header2 img {
    margin-top: 0%;
    -webkit-box-shadow: 1px 1px 1px 1px grey;
    -moz-box-shadow: 1px 1px 1px 1px grey;
    box-shadow: 1px 1px 1px 1px grey;
    float: left;
    width: 15%;
    margin: 2%;
    margin-top: 0%;
    height: 50%;
}

.five-panel-area div p.para {
    margin: 0%;
    text-align: center;
}

.five-panel-area h3.heading-3 {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-top: 10px;
}

.image-calculator-new {
    height: 600px;
    background-color: grey;
    background-image: url('/../img/aaa2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.plan-cal-panel {
    width: 100%;
    max-width: 100%;
    height: 350px;
    border-top: 2px solid #a1a0aeb3;
    margin-top: 10px;
    background-image: url('../img/699.jpg');
    background-repeat: no-repeat;
    background-color: #f3eeee;
    background-position: right;
    background-size: 30% 100%;
    z-index: 9999;
    box-shadow: 0px 1px 0px 1px #adabbfb3;
}

    .plan-cal-panel .left-box {
        width: 69%;
        float: left;
        border-right: 1px solid #b0add1b3;
        height: 348px;
    }

        .plan-cal-panel .left-box ul {
            padding-left: 5%;
            background-color: #cdcde6;
            margin: 0% 5%;
        }

.plan-cal-panel2 .left-box ul {
    padding-left: 5%;
}

.plan-cal-panel .left-box ul li {
    list-style-type: square;
    display: inline;
    margin-left: 5px;
    color: #461768;
}

    .plan-cal-panel .left-box ul li span {
        margin-right: 10px;
        color: purple;
    }

.plan-cal-panel .left-box p.heading-two {
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: 5%;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 14px;
    color: #232750;
}

.plan-cal-panel2 .left-box p.heading-two {
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: 5%;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 14px;
}

.right-box-3, .right-box2 {
    display: none;
}

    .right-box-3 .form-group {
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

        .right-box-3 .form-group .input-group {
            width: 100%;
            max-width: 100%;
            margin: 0;
        }

            .right-box-3 .form-group .input-group input[type='text'] {
                width: 90%;
                max-width: 90%;
                border: 1px solid grey;
                margin: 0% 5%;
                height: 25px;
                border-radius: 0;
            }

        .right-box-3 .form-group label {
            margin: 0% 5%;
        }

    .right-box-3 .first {
        margin-top: 3%;
    }

.plan-cal-panel .right-box {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
}

.plan-cal-panel .right-box-4 {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
    display: none;
}

.plan-cal-panel2 .right-box {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
}

.plan-cal-panel .right-box2 {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
    display: none;
    background-color: whitesmoke;
}

.plan-cal-panel .right-box-3, .plan-cal-panel2 .right-box-3 {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
    background-color: whitesmoke;
    display: none;
}

.right-box-3 h3 {
    margin-left: 5%;
    color: black;
}

.right-box-3 input[type='button'] {
    color: white;
    width: 150px;
    height: 25px;
    background-color: purple;
    border: 0;
    margin-top: 10px;
    font-size: 12px;
    border-radius: 10px;
}

.five-panel-area ul li {
    font-size: 16px;
    color: black;
    list-style-type: square;
    margin-left: 3%;
    line-height: 27px;
}

.five-panel-area ul {
}

.plan-cal-panel .content h1.heading {
    color: #e17c31;
    text-align: center;
    font-size: 2.5em;
    z-index: 10000;
    font-weight: normal;
}

.plan-cal-panel .content p {
    padding: 23px 50px;
    color: #10252f;
    font-size: 17px;
    text-align: center;
    padding-bottom: 5px;
    text-align: justify;
    margin-top: 0;
}

.plan-cal-panel .right-box h3 {
    text-align: center;
    margin-top: 1%;
    color: #8627a4;
    padding-top: 10px;
    font-weight: 500;
    font-family: 'Times New Roman';
}

.plan-cal-panel .right-box p {
    text-align: center;
    margin-right: 8%;
    color: #8030a4;
    font-size: 14px;
    font-weight: 400;
    font-weight: 700;
}

.plan-cal-panel .right-box .test-btn {
    box-sizing: border-box;
    margin-top: 70%;
    margin-left: 0%;
    border: 1px solid white;
    background-color: white;
    width: 120px;
    border-radius: 10px;
    color: black;
    border: 1px solid purple;
}

    .plan-cal-panel .right-box .test-btn:hover {
        background-color: purple;
        color: white;
    }

.plan-cal-panel .left-box .open-acc-btn {
    padding: 4px 8px;
    border: 1px solid white;
    background-color: #822b8c;
    color: white;
    width: 150px;
    font-weight: 700;
}

.plan-cal-panel .left-box .know-more-btn {
    padding: 4px 8px;
    border: 1px solid #822b8c;
    background-color: white;
    width: 150px;
    font-weight: 700;
    color: #822b8c;
}

    .plan-cal-panel .left-box .know-more-btn:hover {
        background-color: #822b8c;
        color: white;
    }

.second-panel-area {
    width: 100%;
    max-width: 100%;
    background-color: #44589e;
    border: 1px solid #4c7aa7;
    min-height: 2px;
    height: auto;
    margin-top: 0.5%;
    z-index: 9999;
}

.third-panel-area h1 span {
    color: #1b5077;
    font-weight: 700;
}

.third-panel-area h3 {
    text-align: center;
    color: black;
    margin-top: 2%;
    margin-bottom: 3%;
}

.third-panel-area {
    width: 100%;
    min-height: 1100px;
    background-color: #e5e7d4;
    margin-top: -1.5%;
    z-index: 9999;
}

    .third-panel-area h1 {
        text-align: center;
        font-size: 2.5em;
        margin-left: 3%;
        margin-right: 3%;
        color: #7f2884;
        padding-top: 3%;
    }

    .third-panel-area p {
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 20px;
        color: black;
        line-height: 27px;
        font-size: 17px;
    }

    .third-panel-area .tabel-two {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 3%;
        border: 1px solid grey;
        margin-bottom: 5%;
        color: black;
    }

        .third-panel-area .tabel-two thead th {
            text-align: center;
            background-color: orange;
            padding: 6px;
            border: 1px solid black;
        }

        .third-panel-area .tabel-two tbody tr td {
            text-align: center;
            padding: 6px;
            border: 1px solid grey;
        }

.four-panel-area .div-box:last-child {
    border-right: 0;
}

.four-panel-area .div-box h2 {
    text-align: center;
    font-size: 14px;
    margin-top: 5%;
    color: black;
    font-weight: 700;
    z-index: 9999;
}

.four-panel-area .div-box span.fa {
    font-size: 50px;
    margin-top: 20%;
    color: #351145e6;
}

.five-panel-area {
    width: 100%;
    min-height: 380px;
    height: auto;
    background-color: #d8dad3;
    padding: 8px;
    margin-top: 0%;
    z-index: 9999;
}

    .five-panel-area h1 {
        text-align: center;
        color: #33193ccc;
        margin-top: 5%;
        font-size: 28px;
        font-weight: 700;
    }

    .five-panel-area p {
        text-align: center;
        color: black;
        margin-top: 3%;
        padding-left: 50px;
        padding-right: 50px;
        line-height: 27px;
    }

    .five-panel-area span.fa {
        display: inline;
        margin-left: 5px;
        padding: 8px;
        color: white;
        background-color: purple;
        margin-top: 3%;
        min-width: 50px;
    }

    .five-panel-area span.fa-twitter {
        margin-left: 0;
    }

.share-on {
    color: black;
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    font-style: italic;
}

.five-panel-area span.arr {
    display: inline;
    margin-left: 10px;
    padding: 8px;
    color: white;
    background-color: #4f74ab;
    margin-top: 3%;
    min-width: 50px;
    cursor: pointer;
}

.five-panel-area h3 {
    color: black;
    margin-top: 8%;
    margin-bottom: 3%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.five-panel-area div .form-group {
    height: 25px;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}

    .five-panel-area div .form-group .input-group {
        height: 25px;
        width: 100%;
    }

        .five-panel-area div .form-group .input-group input[type='text'] {
            height: 25px;
            width: 80%;
            border: 1px solid grey;
            border-radius: 0;
            margin-left: 10%;
        }

    .five-panel-area div .form-group label {
        font-weight: normal;
        white-space: nowrap;
        margin-left: 10%;
    }

.five-panel-area hr {
    margin-bottom: 5px;
    width: 100%;
    border-color: purple;
}

.five-panel-area #btn-cal {
    color: black;
    font-size: 14px;
    border-radius: 10px;
    padding: 0px 8px;
    font-weight: 700;
    background-color: white;
    color: black;
    margin-left: 40%;
    margin-bottom: 20px;
    box-shadow: 0px;
}

.five-panel-area .calculate:hover {
    cursor: pointer;
}

.five-panel-area .second-content-cal {
    background-color: #edaced;
    height: 100%;
}

.five-panel-area .second-content-cal2 {
    background-color: #edaced;
    height: 100%;
    display: none;
    margin-top: 5%;
}

    .five-panel-area .second-content-cal2 .details-btn {
        margin-bottom: 30px;
        padding: 2px 16px;
        color: black;
        border: 1px solid purple;
        background-color: white;
        cursor: pointer;
    }

        .five-panel-area .second-content-cal2 .details-btn:hover {
            background-color: purple;
            color: white;
        }

.five-panel-area .second-content-cal3 {
    background-color: #edaced;
    height: 100%;
    display: none;
    min-height: 300px;
    margin-top: 2%;
}

.five-panel-area .first-content-cal {
    height: auto;
}

.result-display-area {
    height: 220px;
    width: 100%;
    max-width: 100%;
    background-color: #f2edee;
    margin-top: 1%;
    border-bottom: 3px solid purple;
    position: relative;
    display: none;
    z-index: 9999;
}

    .result-display-area h1 {
        padding-left: 6%;
        padding-top: 2%;
        margin: 0;
        color: black;
        font-size: 30px;
    }

    .result-display-area h3 {
        color: black;
        text-align: left;
    }

    .result-display-area div span.fa {
        color: black;
        text-align: center;
        padding-left: 16%;
        font-size: 24px;
    }

    .result-display-area div span {
        color: black;
        text-align: center;
        padding-left: 2%;
        font-size: 24px;
    }

    .result-display-area .close-area {
        position: absolute;
        top: 0px;
        right: 0;
    }

        .result-display-area .close-area span {
            padding: 2px 6px;
            background-color: black;
            color: white;
            cursor: pointer;
        }

.third-panel-area img {
    width: 100%;
    height: 410px;
}

.plan-cal-panel .right-box2 p {
    text-align: center;
    color: black;
    margin-top: 10px;
}

.plan-cal-panel .right-box2 ol {
    padding-left: 10%;
}

    .plan-cal-panel .right-box2 ol li {
        font-size: 13px;
        line-height: 12px;
        color: black;
    }

.plan-cal-panel .right-box2 span {
    font-size: 13px;
    line-height: 12px;
    color: black;
}

.plan-cal-panel .right-box2 input[type='button'] {
    margin-left: 10%;
    font-size: 12px;
    padding: 2px 8px;
    background-color: purple;
    color: white;
    border: 0;
    width: 100px;
}

.test-radio {
    margin: 0;
}

.new-panel h1 {
    color: black;
    text-align: center;
    padding: 5% 0%;
    font-family: Noto Serif;
    font-weight: 700;
}

.new-panel {
    background-color: #b4c7d8;
    border-bottom: 2px solid purple;
    border-top: 1px solid #f0e7da;
    z-index: 9999;
}

.per-line {
    margin-top: 2%;
    text-align: left;
    font-style: italic;
    color: #242424;
}

.plan-cal-panel .left-box .content .heading span {
    color: #1b5077;
    font-weight: 900;
    font-family: 'Times New Roman';
}

.second-content-cal3 input[type='button'] {
    border: 1px solid purple;
    padding: 2px 16px;
    background-color: white;
    color: black;
}

    .second-content-cal3 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.second-content-cal3 input[type='text'] {
    border: 1px solid grey;
    border-radius: 0;
    height: 27px;
    width: 100%;
}

.second-content-cal3 h4 {
    color: black;
}

.second-content-cal3 span#spnSendText {
    margin-bottom: 20px;
}

.plan-cal-panel2 {
    width: 100%;
    max-width: 100%;
    height: 360px;
    border-top: 2px solid #281b3fb3;
    margin-top: 10px;
    background-color: #f3eeee;
    z-index: 9999;
    border: 1px solid #cecece;
    border-bottom: 2px solid black;
    margin-top: 125px;
}

    .plan-cal-panel2 .left-box ul {
        background-color: #7396e0;
        margin: 0% 5%;
    }

        .plan-cal-panel2 .left-box ul li span {
            margin-right: 10px;
            color: #071b29;
        }

        .plan-cal-panel2 .left-box ul li {
            list-style-type: square;
            display: inline;
            margin-left: 5px;
            color: white;
        }

    .plan-cal-panel2 .left-box {
        width: 69%;
        float: left;
        border-right: 1px solid #b6b5c2b3;
        height: 348px;
    }

    .plan-cal-panel2 h1 {
        text-align: center;
        color: #cf2222;
        font-size: 2.4em;
        margin: 0% 2%;
    }

    .plan-cal-panel2 p {
        text-align: center;
        padding: 20px 50px;
        font-size: 17px;
        color: #161e5de6;
    }

    .plan-cal-panel2 .right-box h3 {
        text-align: center;
        color: #ab4786;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .plan-cal-panel2 .right-box .form-group label {
        font-weight: normal;
        margin-left: 10%;
        white-space: nowrap;
        color: black;
        ;
    }

    .plan-cal-panel2 .right-box .form-group {
        width: 100%;
        margin: 0%;
        margin-bottom: 10px;
    }

        .plan-cal-panel2 .right-box .form-group .input-group {
            width: 100%;
            margin: 0%;
        }

            .plan-cal-panel2 .right-box .form-group .input-group input[type='text'] {
                width: 80%;
                margin: 0% 10%;
                border: 1px solid grey;
                border-radius: 0;
                height: 25px;
            }

    .plan-cal-panel2 .right-box input[type='button'] {
        width: 80px;
        padding: 5px 12px;
        height: 28px;
        font-size: 12px;
        background-color: white;
        color: black;
        border: 0;
        margin-top: 15px;
        border: 1px solid #c25c5c;
    }

        .plan-cal-panel2 .right-box input[type='button']:hover {
            background-color: #c25c5c;
            color: white;
        }

.five-panel-area2 p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
}

.five-panel-area2 .text-area-second-panel {
    margin: 0;
    padding-left: 5%;
    margin-bottom: 2%;
}

    .five-panel-area2 .text-area-second-panel li {
        font-size: 14px;
        margin: 0;
        padding: 0;
        color: black;
        line-height: 20px;
        padding-left: 5px;
        color: #171745;
    }

    .five-panel-area2 .text-area-second-panel span.span {
        margin: 0;
    }

.plan-cal-panel2 .left-box .content .heading span {
    color: #1b5077;
    font-weight: 900;
    font-family: 'Times New Roman';
}

.plan-cal-panel2 .left-box .content p.heading-two {
    font-size: 16px;
    font-family: Forte;
    font-weight: normal;
    color: #5a97dd;
}

.third-panel-area2 {
    width: 100%;
    min-height: 1100px;
    background-color: #e3efea;
    z-index: 9999;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-top: 2px solid grey;
    margin-top: -1%;
}

    .third-panel-area2 h3 {
        text-align: center;
        font-size: 2em;
        color: #a75f5f;
        font-weight: 700;
        margin-top: 2%;
    }

    .third-panel-area2 h1 {
        text-align: center;
        font-size: 2.5em;
        margin-left: 3%;
        margin-right: 3%;
        color: #18163e;
        padding-top: 5%;
    }

    .third-panel-area2 p {
        text-align: center;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 20px;
        color: black;
        line-height: 27px;
        font-size: 18px;
    }

    .third-panel-area2 .tabel-two thead th {
        text-align: center;
        background-color: #d5c5a9;
        padding: 4px;
        border: 1px solid #6a6774;
        color: #120427;
        font-weight: 600;
    }

    .third-panel-area2 .tabel-two tbody tr td {
        text-align: center;
        padding: 6px;
        border: 1px solid #130a15;
    }

.four-panel-area2 {
    width: 100%;
    min-height: 250px;
    background-color: whitesmoke;
    padding: 8px;
    margin-top: 1%;
}

    .four-panel-area2 .div-box {
        border-right: 1px solid white;
        height: 200px;
        background-color: #d8dad3;
        cursor: pointer;
    }

        .four-panel-area2 .div-box:last-child {
            border-right: 0;
        }

        .four-panel-area2 .div-box h2 {
            text-align: center;
            font-size: 14px;
            margin-top: 5%;
            color: black;
            font-weight: 700;
        }

        .four-panel-area2 .div-box .buy {
            text-align: center;
            margin-left: 20%;
        }

        .four-panel-area2 .div-box span.fa {
            text-align: center;
            font-size: 50px;
            margin-left: 49%;
            margin-top: 20%;
            color: #351145e6;
        }

.five-panel-area h1 {
    text-align: center;
    color: #33193ccc;
    margin-top: 5%;
    font-size: 28px;
    font-weight: 700;
}

.five-panel-area2 p {
    text-align: center;
    color: #545a9c;
    margin-top: 3%;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 27px;
    font-size: 17px;
    font-weight: 700;
}

.four-panel-area2 .div-box:hover {
    transform: scale(1);
    background-color: #f3eeee;
    border-bottom: 3px solid purple;
}

.five-panel-area2 span.fa {
    display: inline;
    margin-left: 5px;
    padding: 8px;
    color: white;
    background-color: #6973e3;
    margin-top: 3%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    border: 3px solid #fcfcfc;
}

.five-panel-area2 h3 {
    color: #453113;
    margin-top: 8%;
    margin-bottom: 3%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.five-panel-area2 div .form-group {
    height: 25px;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}

    .five-panel-area2 div .form-group .input-group {
        height: 25px;
        width: 100%;
    }

        .five-panel-area2 div .form-group .input-group input[type='text'] {
            height: 25px;
            width: 80%;
            border: 1px solid grey;
            border-radius: 0;
            margin-left: 10%;
        }

    .five-panel-area2 div .form-group label {
        font-weight: normal;
        white-space: nowrap;
        margin-left: 10%;
    }

.five-panel-area2 hr {
    margin-bottom: 5px;
    width: 100%;
    border-color: purple;
}

.five-panel-area2 #btn-cal {
    color: black;
    font-size: 14px;
    border-radius: 10px;
    padding: 0px 8px;
    font-weight: 700;
    background-color: white;
    color: black;
    margin-left: 40%;
    margin-bottom: 20px;
    box-shadow: 0px;
}

.third-panel-area2 span {
    color: #2b0a33;
    font-weight: 700;
}

.third-panel-area2 .tabel-two tbody tr td:nth-child(4) {
    background-color: #bad0e9;
    color: #03040b;
    font-weight: 700;
    font-size: 12px;
}

.third-panel-area2 .tabel-two tbody tr td:nth-child(7) {
    background-color: #da5147;
    color: #03040b;
    font-weight: 700;
    font-size: 12px;
}

.five-panel-area2 .text-area-second-panel {
    padding-bottom: 20px;
    border: 1px solid #babedd;
    overflow: hidden;
}

.per-line {
    margin-top: 2%;
    text-align: left;
}

.five-panel-area2 .text-area-second-panel hr {
    border-color: #5c7ac2;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 90%;
}

.five-panel-area2 .test-radio input[type='radio']: {
    color: #999;
    font-size: 15px;
}

.five-panel-area2 input[type='button'] {
    padding: 4px;
    font-size: 12px;
    color: black;
    border: 1px solid purple;
    background-color: white;
    width: 80px;
}

    .five-panel-area2 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.third-panel-area2 hr {
    border-color: #a5b1c6;
    margin: 0% 25%;
    margin-top: 20px;
}

.five-panel-area2 span.s-span {
    color: #4faaa6;
    font-weight: 900;
    font-size: 1.5em;
}

.five-panel-area2 .right-box-3 {
    float: left;
}

.panel2-rightbox-3 {
    background-color: #dddcf6;
    padding-bottom: 20px;
    border: 1px solid #babedd;
    height: 100%;
    margin-top: 3%;
}

    .panel2-rightbox-3 input[type='button'] {
        padding: 4px;
        width: 150px;
    }

#chartContainer2 {
    min-height: 370px;
    width: 80%;
    margin: 0% 10%;
    height: auto;
}

.result-display-area2 h1 {
    padding-left: 2%;
    padding-top: 10px;
    margin: 0;
    color: black;
    font-size: 18px;
}

.result-display-area2 h3 {
    color: black;
    text-align: left;
    font-size: 14px;
}

.result-display-area2 div span.fa {
    color: black;
    text-align: center;
    padding-left: 16%;
    font-size: 18px;
}

.result-display-area2 div span {
    color: black;
    text-align: center;
    padding-left: 2%;
    font-size: 18px;
}

.result-display-area2 .close-area {
    position: absolute;
    top: 0px;
    right: 0;
}

    .result-display-area2 .close-area span {
        padding: 2px 6px;
        background-color: black;
        color: white;
        cursor: pointer;
    }

.result-display-area2 {
    height: 144px;
    width: 100%;
    max-width: 100%;
    background-color: #ededea;
    margin-top: 1%;
    border-bottom: 3px solid purple;
    position: relative;
    z-index: 9999;
    display: none;
}

.content p, .content h2, .content h4, .content h3, .content h5 {
    color: black;
    margin-bottom: 8px;
}

.content p {
    font-size: 14px;
    line-height: 23px;
    margin: 1% 0%;
}

.comments-inner-box-reply .main-post .post-content {
    font-size: 14px;
    line-height: 23px;
    color: black;
}

.comments-inner-box-post .main-post .post-content {
    font-size: 14px;
    line-height: 23px;
    color: black;
}

.artical-section span, .artical-section a {
    color: black;
}

    .artical-section a:hover {
        color: blue;
    }

.artical-section a {
    font-size: 13px;
    margin-left: 1%;
}

.artical-section li {
    margin-left: 3%;
    line-height: 28px;
}

.left-main-panel {
    width: 85%;
    float: left;
    margin-top: 4px;
}

.plan-cal-panel2 .right-box2 {
    background-color: #f3eeee;
    ;
}

.plan-cal-panel2 .right-box2, .plan-cal-panel2 .right-box-3 {
    width: 30%;
    float: left;
    height: 100%;
    box-sizing: content-box;
    display: none;
    background-color: #f3eeee;
    height: 150px;
}

    .plan-cal-panel2 .right-box2 h3 {
        text-align: center;
        color: black;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .plan-cal-panel2 .right-box2 .form-group .input-group {
        height: 25px;
        width: 100%;
        margin: 0;
    }

    .plan-cal-panel2 .right-box2 .form-group {
        margin: 0;
        margin-bottom: 10px;
    }

        .plan-cal-panel2 .right-box2 .form-group label {
            font-weight: normal;
            margin-left: 10%;
        }

        .plan-cal-panel2 .right-box2 .form-group .input-group input[type='text'] {
            width: 80%;
            margin: 0% 10%;
            border: 1px solid grey;
            border-radius: 0;
            height: 27px;
        }

    .plan-cal-panel2 .right-box2 input[type='button'] {
        width: 120px;
        padding: 5px 12px;
        height: 28px;
        font-size: 12px;
        background-color: white;
        color: black;
        border: 0;
        margin-top: 15px;
        border: 1px solid #c25c5c;
    }

        .plan-cal-panel2 .right-box2 input[type='button']:hover {
            background-color: #c25c5c;
            color: white;
        }

.panel2-rightbox-4 {
    background-color: #dddcf6;
    padding-bottom: 20px;
    border: 1px solid #babedd;
    height: 100%;
    margin-top: 3%;
    display: none;
    height: 300px;
}

.five-panel-area2 .text-area-second-panel .one {
}

.five-panel-area2 .text-area-second-panel .two, .five-panel-area2 .text-area-second-panel .three, .five-panel-area2 .text-area-second-panel .four, .five-panel-area2 .text-area-second-panel .five {
    display: none;
}

.landscape-test input[type='radio'] {
    margin: 0;
    margin-left: 3%;
}

.tetli {
    font-size: 16px;
}

.landscape-test div span {
    font-size: 14px;
    font-weight: 700;
    color: #3261a8
}

.text-area-second-panel .question-num {
    text-align: left;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.five-panel-area2 .panel2-rightbox-4 input[type='text'] {
    width: 80%;
    margin: 0% 10%;
    border: 1px solid grey;
    border-radius: 0;
    height: 27px;
}

.five-panel-area2 .panel2-rightbox-4 hr, .five-panel-area2 .panel2-rightbox-4 span {
    margin: 2% 10%;
    width: 80%;
}

.imagdata {
    background-image: url('../img/moniter.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 103% 148%;
}

.landscape-test span {
    font-size: 14px;
    margin-top: -5px;
    color: black;
}

.plan-cal-panel2 .left-box .content p {
    font-size: 17px;
    font-family: sans-serif;
}

.five-panel-area2 span.fa-twitter {
    background-color: #00aced;
    padding: 9px 9px;
}

.five-panel-area2 span.fa-facebook {
    background-color: #3b5998;
    padding: 11px 13px;
}

.five-panel-area2 span.fa-google-plus {
    background-color: #dd4b39;
    padding: 10px 10px;
}

.five-panel-area2 span.fa-twitter:hover {
    background-color: white;
    color: #00aced;
    border-color: #00aced;
}

.five-panel-area2 span.fa-google-plus:hover {
    background-color: white;
    color: #dd4b39;
    border-color: #dd4b39;
}

.five-panel-area2 span.fa-facebook:hover {
    background-color: white;
    color: #3b5998;
    border-color: #3b5998;
}

.five-panel-area2 span.fa:hover {
    transition: 1s;
}

.plan-cal-panel2 .right-box-3 input[type='text'] {
    border: 1px solid grey;
    border-radius: 0;
    width: 80%;
    margin: 0% 10%;
    height: 25px;
    margin-top: 10px;
}

.plan-cal-panel2 .right-box-3 span#spnSendText {
    margin-left: 10%;
    padding-bottom: 3%;
}

.plan-cal-panel2 .right-box-3 input[type='button'] {
    width: 80px;
    padding: 5px 12px;
    height: 28px;
    font-size: 12px;
    background-color: white;
    color: black;
    border: 0;
    margin-top: 15px;
    border: 1px solid #c25c5c;
    border-radius: 0;
}

    .plan-cal-panel2 .right-box-3 input[type='button']:hover {
        background-color: #c25c5c;
        color: white;
    }

.div-box4:hover {
    background-color: lightblue;
    border-bottom: 3px solid purple;
}

.plan-cal-panel2 .left-box .content .ul {
    background-color: #f3eeee;
    list-style-type: circle;
}

    .plan-cal-panel2 .left-box .content .ul li {
        background-color: #f3eeee;
        color: black;
        line-height: 40px;
        font-size: 20px;
        list-style-type: disc;
        text-align-last: left;
        float: none;
        display: block;
        font-family: cursive;
    }

        .plan-cal-panel2 .left-box .content .ul li:first-child {
            margin-top: 5%;
        }

.panel72 .panel-empty {
    height: 75px;
    background-color: #2e3aa9;
    width: 99.5%;
}

    .panel72 .panel-empty h1 {
        text-align: center;
        color: white;
        padding: 23px;
        font-weight: 700;
        font-size: 2em;
    }

.panel72 h3 {
    text-align: center;
    color: #2736a2;
    font-weight: 700;
    background-color: #cdd5ec;
    height: 80px;
    padding-top: 20px;
    font-size: 16px;
}

.panel72 div.row, .panel72 div.col-md-3 {
    padding: 0;
    margin: 0;
    margin-top: -0%;
}

.panel72 ul li {
    list-style-type: disc;
    margin-right: 5%;
    padding-left: 5%;
}

.panel72 ul {
    padding-left: 10%;
}

    .panel72 ul li:first-child {
        padding-top: 5%;
    }

.panel72 .my-box {
    border-right: 1px solid white;
}

.panel72 {
    margin-top: 2%;
    min-height: 313px;
    height: auto;
    /*max-width: 100%;*/
   /* width: 98.4%;*/
}

.new-panel2 h1 {
    color: black;
    text-align: center;
    font-family: Noto Serif;
    font-weight: 700;
}

.new-panel2 {
    background-color: #b4c7d8;
    border-bottom: 3px solid black;
    border-top: 1px solid #f0e7da;
    z-index: 9999;
    height: 70px;
}

.third-panel-area2 .tabel-two {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    border: 1px solid grey;
    margin-bottom: 5%;
    color: black;
}

.five-panel-area2 h3.data-head {
    margin-left: 0%;
    color: black;
    font-size: 2.2em;
    margin-top: 1%;
    margin-bottom: 1%;
}

.five-panel-area2 p.data-para {
    margin-left: 0%;
    color: black;
    font-size: 16px;
    padding: 0% 10%;
    margin-top: 1%;
}

.five-panel-area2 {
    width: 100%;
    min-height: 270px;
    height: auto;
    background-color: #cec8f5;
    padding: 8px;
    margin-top: 0%;
    position: relative;
}

.mypanel-cal-test .test-right-panel .calculator-test .test-inner-box input[type='text'], .mypanel-cal-test .test-right-panel .calculator-test .test-inner-box input[type='email'] {
    border: 1px solid grey;
    border-radius: 0;
    height: 25px;
    width: 100%;
    padding: 0;
    padding-left: 5px;
}

.mypanel-cal-test .test-right-panel .calculator-test .test-inner-box .form-group {
    margin: 0;
    margin-bottom: 10px;
}

    .mypanel-cal-test .test-right-panel .calculator-test .test-inner-box .form-group label {
        font-size: 12px;
        font-weight: normal;
    }

.mypanel-cal-test .test-right-panel .calculator-test .test-inner-box h5 {
    font-size: 16px;
    text-align: center;
    color: black;
    font-weight: 700;
}

.mypanel-cal-test .test-right-panel .calculator-test .test-inner-box hr {
    border-color: black;
    margin: 20px 0px;
}

.artical-section .content .clearfix h3 {
    color: black;
    font-weight: 600;
}

.comments .comments-main-area .form-group .input-group input[type='text'] {
    border: 1px solid grey;
    border-radius: 0;
}

.comments .comments-main-area .form-group label {
    font-weight: normal;
    font-size: 13px;
}

.comments .comments-main-area input[type='submit'] {
    margin-left: 1%;
    border: 2px solid #0d325d;
}

    .comments .comments-main-area input[type='submit']:hover {
        background-color: white;
        border: 1px solid #0d325d;
        color: black;
        transition: 1s;
    }

.comments .comments-main-area .form-group {
    margin: 0;
    margin-bottom: 15px;
}

.artical-section .content span.h4 {
    color: black;
    font-weight: 700;
}

.artical-section .content .clearfix table tbody tr {
    border: 1px solid #c8bca7;
}

.artical-section .content .clearfix table tbody {
    color: grey;
}

    .artical-section .content .clearfix table tbody tr {
        background-color: #eef0e0;
        border: 1px solid #492175;
    }

.main-right-panel img {
    width: 93%;
    height: auto;
    margin-left: 5%;
}

.test-right-panel .calculator-test hr {
    margin-bottom: 10px;
    border-color: #9195c3;
}

.main-body-panel .artical-section a {
    color: #1c0738;
    font-size: 14px;
}

.main-body-panel .artical-section .area {
    color: #710fb6;
    font-size: 12px;
}

.artical-section .content .clearfix h2 {
    color: black;
    font-weight: 700;
}

.artical-section .content .clearfixalert .alert-info {
    background: white;
    border: 0;
}

.artical-section .content .clearfix table thead th {
    background: #423a76;
    border-bottom: 1px solid #5d4343;
    color: #f2fbf5;
}

.artical-section .content .h5 {
    line-height: 27px;
}

.artical-section .content em {
    font-weight: 700;
    font-size: 14px;
}

.sip3-main-panel {
    height: auto;
}

    .sip3-main-panel .sip3-slider-panel {
        min-height: 500px;
        height: auto;
        max-height: 500px;
    }

        .sip3-main-panel .sip3-slider-panel .slide1 {
            background-color: #06b0d0;
            height: 500px;
            width: 100%;
        }

        .sip3-main-panel .sip3-slider-panel .slide2 {
            background-image: url(../img/header2.jpg);
            height: 500px;
            width: 100%;
        }

        .sip3-main-panel .sip3-slider-panel .slide3 {
        }

.slider {
    height: 302px;
    border: 1px solid #7d25b1;
    margin-top: 1%;
    padding: 0;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    z-index: 9;
    margin-top: 130px;
    width: 100%;
}

    .slider .slider-right-box {
        width: 50%;
        float: left;
        height: auto;
        z-index: 99999;
    }

        .slider .slider-right-box iframe {
            width: 100%;
        }

.slider-right-box-video {
    width: 50%;
    float: left;
    height: auto;
    z-index: 99999;
}

    .slider-right-box-video iframe {
        width: 100%;
        height: 348px;
    }

.section-data input[type='button'] {
    padding: 3px 35px;
    background-color: #ecebeb;
    border: none;
    color: #000;
}

.section-data {
    background-color: #ecebeb;
    margin: 5px;
    color: white;
    width: 24%;
    float: left;
    height: 320px;
    max-height: 320px;
    z-index: 9;
    position: relative;
}

    .section-data h2 {
        padding: 8px;
        padding-bottom: 2px;
        margin-top: 3%;
        color: #000;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        white-space: nowrap;
    }

.four-panel-area .div-box {
    border-right: 1px solid white;
    height: 200px;
    background-color: #d8dad3;
    z-index: 9999;
    text-align: center;
}

.four-panel-area {
    width: 100%;
    height: auto;
    background-color: whitesmoke;
    z-index: 9999;
    padding-left: 10px;
    padding-right: 10px;
}

.banner {
    margin-top: 2%;
    margin-left: 6%;
}

    .banner img {
        width: 100%;
    }

.aboutus .second h4 {
    color: #cf591b;
    padding: 12px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
    font-family: 'forte';
    margin-top: 10px;
    margin-left: 2%;
}

.aboutus .second p {
    width: auto;
    margin: 0 auto;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
}

.our-mission-section {
    position: relative;
}

    .our-mission-section p {
        width: auto;
        margin: 0 auto;
        line-height: 28px;
        font-size: 15px;
        text-align: center;
    }

    .our-mission-section h1 {
        text-align: justify;
        padding-left: 5%;
        color: #e9bb80;
        font-size: 3.2em;
        font-family: 'Global Serif';
        text-align: center;
        padding-top: 0;
        line-height: 45px;
        padding: 35px 4px 19px 13px;
        font-weight: 900;
    }

    .our-mission-section span {
        font-weight: 700;
        color: white;
        font-weight: 900;
        font-family: Arial;
    }

    .our-mission-section .round {
        background-color: #e96817;
        border-radius: 50%;
        height: 178px;
        width: 85%;
    }

.slider .slider-left-box h1 {
    color: #341b63;
    text-align: center;
    font-size: 2.2em;
    padding-top: 3%;
    z-index: 9999;
}

.slider .slider-left-box ul {
    margin-left: 15%;
}

    .slider .slider-left-box ul li {
        line-height: 30px;
        color: #211779;
        font-size: 15px;
        list-style-type: none;
        z-index: 9999;
    }

        .slider .slider-left-box ul li:first-child {
            padding-top: 2%;
        }

.slider .slider-left-box span {
    color: #4e1ca5;
}

.slider .slider-left-box .second-line {
    border: 1px solid #270040;
    height: auto;
    margin: 0% 10%;
    border-radius: 26px;
    margin-top: 6%;
    background: -moz-linear-gradient(#a681d6,#fbfafc,#8162ab);
    background: -webkit-linear-gradient(#a681d6,#fbfafc,#8162ab);
    background: -o-linear-gradient(#a681d6,#fbfafc,#8162ab);
    background: linear-gradient(#a681d6,#fbfafc,#8162ab);
}

    .slider .slider-left-box .second-line ul {
        padding: 0;
        margin: 0;
    }

        .slider .slider-left-box .second-line ul li {
            list-style-type: none;
            display: inline;
            padding: 0;
            margin: 0;
            padding-left: 2%;
            font-family: arial;
            font-size: 15px;
            color: #301757;
            font-weight: bold;
        }

            .slider .slider-left-box .second-line ul li:first-child {
                padding-left: 7%;
            }

            .slider .slider-left-box .second-line ul li:after {
                content: '|';
                margin-left: 2%;
                color: white;
            }

            .slider .slider-left-box .second-line ul li:last-child:after {
                content: '';
            }

.box-divider2 .div-box {
    border-bottom: 3px solid grey;
}

.box-divider2 .div-box5 {
    background-color: #b3c6c5;
}

    .box-divider2 .div-box5 span.fa {
        color: #3036bf;
    }

    .box-divider2 .div-box5 h2 {
        color: #141363;
    }

.section-data input[type='button']:hover {
    background-color: #ecebeb;
    color: #0097cc;
}

.panel72 .my-box {
    width: 24.9%;
    float: left;
    margin: 0;
    padding: 0;
    height: 230px;
    background-color: #e3e2f6;
    border-bottom: 3px solid #659ee7;
}

.panel72 h3 {
    margin: 0;
    border-bottom: 1px solid white;
    line-height: 19px;
    text-align: center;
    color: #2736a2;
    font-weight: 700;
    background-color: #cdd5ec;
    height: 51px;
    font-size: 14px;
    padding: 7px 16px;
}

.panel72 .pricebox p {
    padding: 20px;
    font-size: 1.5em;
    color: black;
    text-align: center;
    padding-bottom: 6px;
}

.panel72 .pricebox input[type='button'] {
    padding: 2px 46px;
    background-color: white;
    color: black;
    border: 2px solid #813195;
    border-radius: 25px;
    font-weight: 700;
}

.partner-panel {
    height: 385px;
    width: 98.4%;
    max-width: 100%;
    margin-top: 3%;
}

    .partner-panel h1 {
        text-align: center;
        font-size: 18px;
        color: black;
        font-weight: normal;
    }

    .partner-panel div hr {
        color: grey;
        border-top: 1px solid #d1d3d4;
        width: 50%;
        margin-left: 25%;
        margin-top: 1%;
    }

.media-carousel {
    margin-bottom: 0;
    padding: 0 40px 10px 40px;
    margin-top: 30px;
}

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #1c80c9;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 95px
    }

    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #1c80c9;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 95px
    }

    .media-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }

        .media-carousel .carousel-indicators li {
            background: #c0c0c0;
        }

        .media-carousel .carousel-indicators .active {
            background: #333333;
        }

    .media-carousel img {
        width: 250px;
        height: 100px
    }

.payment-section {
    text-align: center;
    height: auto;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #d1ceed;
    border-top: 1px solid #d1ceed;
    padding: 4px 0px;
}

    .payment-section img {
        height: 30px;
    }

.our-mission-section .heading {
    text-align: center;
    font-size: 18px;
    text-align: center;
    color: black;
}

header {
    width: 100%;
    position: fixed;
    z-index: 99;
    background-color: white;
    top: 0;
    left: 0;
}

    header .content_wrapper {
        margin: 0% 2%;
        width: 96%;
    }

    header .header-panel {
        margin: 0% 2%;
        width: 96%;
    }

        header .header-panel img {
            height: 68px;
            margin: 0;
            margin-bottom: 0px;
            box-shadow: 1px 1px 1px 1px grey;
            margin-bottom: 6%;
        }

        header .header-panel h1 {
            color: #a40f39;
            font-size: 2.1em;
            margin-top: 5%;
            line-height: 23px;
            z-index: 9999;
            font-family: Verdana,Helvetica,sans-serif;
            z-index: 9999;
        }

        header .header-panel p {
            color: #6c19a3;
            font-size: 12px;
            white-space: nowrap;
            font-style: italic;
        }

        header .header-panel h3 {
            color: #061a30;
            margin-right: 3%;
            margin-bottom: 3%;
            z-index: 9999;
            margin-top: 0%;
        }

        header .header-panel input[type='button'] {
            padding: 2px 32px;
            background-color: #7e2eb9;
            color: white;
            border-radius: 23px;
            border-color: #7e2eb9;
            border: 1px solid #ddebf5;
            box-shadow: 1px 1px 1px #b95cd8;
        }

#divMenu nav {
    background-color:white;
}

header .header-panel input[type='button']:hover {
    background-color: #f0e0f6;
    border-color: #8b5bbd;
    color: black;
    transition: 1s;
    box-shadow: 0px;
}

.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    background-color: white;
    border-left: 0px solid #660d7d;
    cursor: default;
}

header .header-panel .ads-line {
    text-align: center;
    padding: 8px;
    font-size: 18px;
    color: green;
}

.box-divider2 .div-box {
    width: 24.5%;
    float: left;
    height: 150px;
    margin-right: 0%;
    margin-left: 0%;
    z-index: 9999;
}
    /**/

    .box-divider2 .div-box span.fa {
        margin-top: 10px;
    }

header hr {
    margin: 0% 2%;
    width: 96%;
    margin-bottom: 7px;
    border-top: 3px solid #972dcc;
}

.login-area-hide {
    display: none;
}

.panel72 .pricebox input[type='button']:hover {
    background-color: purple;
    color: white;
    border-color: white;
}

.third-panel-area .second-content-cal {
    width: 100%;
    height: auto;
    min-height: 381px;
    background-color: #cfb735;
    padding: 0;
    border-left: 1px solid white;
    box-sizing: content-box;
}

    .third-panel-area .second-content-cal .form-group .input-group input[type='text'] {
        width: 90%;
        height: 25px;
        border: 1px solid grey;
        border-radius: 0;
        margin: 0% 10%;
    }

    .third-panel-area .second-content-cal .form-group {
        height: 20px;
        margin: 0;
        margin-bottom: 10px;
    }

        .third-panel-area .second-content-cal .form-group .input-group {
            margin: 0;
            padding: 0;
        }

        .third-panel-area .second-content-cal .form-group label {
            font-weight: normal;
            margin-left: 10%;
        }

    .third-panel-area .second-content-cal input[type='button'] {
        background-color: white;
        border: 1px solid purple;
        color: black;
        border-radius: 10px;
        font-size: 12px;
        padding: 2px 16px;
        z-index: 99999;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .third-panel-area .second-content-cal input[type='button']:hover {
            background-color: purple;
            color: white;
        }

    .third-panel-area .second-content-cal h3 {
        text-align: center;
        margin: 4% 10%;
        font-size: 14px;
        font-weight: 700;
    }

    .third-panel-area .second-content-cal hr {
        margin: 4% 10%;
    }

    .third-panel-area .second-content-cal #txtROI {
        width: 80%;
        height: 25px;
        border: 1px solid grey;
        border-radius: 0;
        margin: 0% 10%;
    }

.third-panel-area .second-content-cal2 {
    width: 100%;
    height: auto;
    min-height: 381px;
    background-color: #cfb735;
    display: none;
    margin: 0;
    box-sizing: content-box;
}

    .third-panel-area .second-content-cal2 h3 {
        margin: 4% 10%;
    }

    .third-panel-area .second-content-cal2 hr {
        margin-bottom: 5%;
    }

    .third-panel-area .second-content-cal2 .form-group .input-group input[type='text'] {
        border: 1px solid grey;
        border-radius: 0;
        margin: 0% 10%;
        height: 25px;
        width: 80%;
    }

    .third-panel-area .second-content-cal2 .form-group {
        height: 25px;
        margin: 0;
        margin-bottom: 10px;
    }

        .third-panel-area .second-content-cal2 .form-group label {
            font-weight: normal;
            margin: 0% 10%;
        }

    .third-panel-area .second-content-cal2 input[type='button'] {
        border: 1px solid purple;
        background-color: white;
        padding: 2px 16px;
        width: 120px;
        color: black;
        border-radius: 10px;
        font-size: 12px;
        margin-bottom: 10px;
    }

.third-panel-area .second-content-cal3 {
    width: 100%;
    height: auto;
    min-height: 381px;
    background-color: #cfb735;
    display: none;
    padding: 0;
    box-sizing: content-box;
}

    .third-panel-area .second-content-cal3 input[type='text'] {
        border: 1px solid grey;
        border-radius: 0;
        margin: 0% 10%;
        height: 25px;
        width: 80%;
    }

    .third-panel-area .second-content-cal3 h4.text-danger {
        margin: 5% 0%;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
    }

    .third-panel-area .second-content-cal3 span {
        margin: 0;
        margin-left: 10%;
        color: green;
    }

    .third-panel-area .second-content-cal3 a {
        margin: 0;
        margin-left: 10%;
        color: #631a8f;
        text-decoration: underline;
    }

    .third-panel-area .second-content-cal3 input[type='button'] {
        border-radius: 10px;
    }

.third-panel-area .second-content-cal4 {
    width: 100%;
    height: auto;
    min-height: 381px;
    background-color: #cfb735;
    position: relative;
    display: none;
    margin: 0;
    box-sizing: content-box;
}

    .third-panel-area .second-content-cal4 h3 {
        text-align: center;
        margin: 4% 0%;
    }

    .third-panel-area .second-content-cal4 p {
        text-align: left;
        font-size: 12px;
        margin: 0;
        line-height: 10px;
    }

    .third-panel-area .second-content-cal4 span {
        margin: 0;
        margin-left: 15%;
    }

    .third-panel-area .second-content-cal4 .close-area {
        position: absolute;
        right: 0;
        padding: 4px;
        background-color: black;
        padding-left: 8px;
        padding-right: 8px;
        cursor: pointer;
    }

        .third-panel-area .second-content-cal4 .close-area span {
            color: white;
        }

.second-content-cal4 input[type='text'] {
    border-radius: 0;
    border: 0;
    background-color: #cfb735;
    height: 80%;
    margin: 0% 10%;
    height: 25px;
    color: black;
}

.second-content-cal4 .form-group {
    margin: 0;
}

.panel-rightbox-4 {
    background-color: #dddcf6;
    padding-bottom: 20px;
    border: 1px solid #babedd;
    height: 100%;
    margin-top: 3%;
    display: none;
    height: 300px;
}

.third-panel-area .table-responsive {
    min-height: 381px;
    background-color: orange;
    max-height: 407px;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

.plan-cal-panel .left-box .content .ul {
    background-color: #f3eeee;
    list-style-type: circle;
}

    .plan-cal-panel .left-box .content .ul li {
        background-color: #f3eeee;
        color: black;
        line-height: 40px;
        font-size: 20px;
        list-style-type: disc;
        text-align-last: left;
        float: none;
        display: block;
        font-family: cursive;
    }

        .plan-cal-panel .left-box .content .ul li:first-child {
            margin-top: 3%;
        }

.plan-cal-panel .left-box .content input[type='button'] {
    width: 150px;
    border: 4px solid purple;
    margin-top: 3%;
    border-radius: 10px;
    background-color: white;
    padding: 4px 16px;
    color: black;
    font-weight: 700;
}

.panel-six h1 {
    text-align: center;
    color: black;
    padding-top: 3%;
    margin-bottom: 2%;
}

.panel-six p {
    text-align: center;
    color: #31115f;
    padding: 0px 50px;
    font-size: 17px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    padding-bottom: 20px;
}

.new-panel:hover {
    background-color: lightblue;
    cursor: pointer;
}

.panel7 .panel-empty {
    height: 90px;
    background-color: #659ee7;
    width: 100%;
}

    .panel7 .panel-empty h1 {
        text-align: center;
        color: white;
        padding: 30px;
        font-weight: 900;
    }

.panel7 h3 {
    text-align: center;
    color: black;
    font-weight: 700;
    background-color: #d8dad3;
    height: 80px;
    padding-top: 20px;
    font-size: 16px;
    margin-top: 0%;
    border-right: 2px solid #cdd5ec;
    border-bottom: 2px solid white;
}

.panel7 div.row, .panel7 div.col-md-3 {
    padding: 0;
    margin: 0;
    margin-top: -0%;
}

.panel7 ul li {
    list-style-type: disc;
    margin-right: 5%;
    padding-left: 5%;
}

.panel7 ul {
    padding-left: 10%;
}

    .panel7 ul li:first-child {
        padding-top: 5%;
    }

.panel7 .my-box {
    border-right: 1px solid white;
    width: 24.9%;
    float: left;
    height: auto;
    box-sizing: content-box;
    padding: 0px -15px;
    background-color: #d8dad3;
    min-height: 250px;
}

.panel7 {
    border-bottom: 3px solid black;
}

    .panel7 .my-box input[type='button'] {
        padding: 4px 26px;
        margin-top: 5%;
        background-color: white;
        border-radius: 20px;
        border-color: purple;
        color: black;
    }

        .panel7 .my-box input[type='button']:hover {
            color: white;
            background-color: purple;
            border-color: white;
            font-weight: 700;
            box-shadow: 3px 3px 3px grey;
        }

.div-box-4:hover span.fa {
    color: white;
}

.plan-cal-panel .right-box-4 input[type='text'] {
    width: 80%;
    margin: 0% 10%;
    border-radius: 0;
    border: 1px solid grey;
    height: 25px;
    margin-top: 10px;
}

.plan-cal-panel .right-box-4 span {
    margin-left: 10%;
}

.plan-cal-panel .right-box-4 h4 {
    margin-top: 3%;
}

.plan-cal-panel .right-box-4 input[type='button'] {
    margin-left: 0%;
    border: 1px solid white;
    background-color: white;
    width: 106px;
    border-radius: 10px;
    color: black;
    border: 1px solid purple;
    font-size: 12px;
    padding: 3px 31px;
}

    .plan-cal-panel .right-box-4 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.plan-cal-panel .right-box2 input[type='button'] {
    margin-left: 0%;
    border: 1px solid white;
    background-color: white;
    width: 86px;
    border-radius: 10px;
    color: black;
    border: 1px solid purple;
    font-size: 12px;
    padding: 2px 0px;
    text-align: center;
}

    .plan-cal-panel .right-box2 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.right-box-3 input[type='button'] {
    margin-left: 0%;
    border: 1px solid white;
    background-color: white;
    width: 116px;
    border-radius: 10px;
    color: black;
    border: 1px solid purple;
    font-size: 12px;
    padding: 2px 0px;
    text-align: center;
    font-size: 11px;
}

    .right-box-3 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.artical-section .link {
    color: #040318;
    font-size: 11px;
    margin-top: 10px;
    background-color: #d9dbe6;
    padding: 2px 4px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    width: 98.4%;
}

    .artical-section .link a {
        font-size: 11px;
    }

.artical-section h1 {
    color: black;
    font-family: 'Arial';
    z-index: 90;
    font-size: 2.3em;
    margin: 3% 0%;
}

.panel-left p {
    padding: 18px;
    padding-bottom: 0px;
    text-align: justify;
    font-size: 16px;
    color: black;
}

.panel-left {
    border-left: 5px solid #30374c;
    min-height: 50px;
    height: auto;
    color: black;
    width: 100%;
    background-color: #cdd5eb;
    width: 98.4%;
}

    .panel-left p .fa {
        font-size: 9px;
    }

.content p {
    font-size: 14px;
    line-height: 28px;
    color: black;
}

.artical-section .link span {
    font-weight: normal;
}

.artical-section table thead h {
    border: 1px solid grey;
}

.four-panel-area .div-box:last-child:hover {
    cursor: pointer;
    color: white;
    background-color: lightblue;
}

.panel73 .panel-empty {
    height: 61px;
    background-color: #659ee7;
    width: 100%;
}

    .panel73 .panel-empty h1 {
        text-align: center;
        color: white;
        padding: 15px;
        font-weight: 700;
        font-size: 24px;
    }

.panel73 h3 {
    text-align: center;
    color: #2736a2;
    font-weight: 700;
    background-color: #cdd5ec;
    height: 80px;
    padding-top: 20px;
    font-size: 16px;
    margin: 0;
}

.panel73 div.row, .panel73 div.col-md-3 {
    padding: 0;
    margin: 0;
    margin-top: -0%;
}

.panel73 ul li {
    list-style-type: square;
    margin-right: 5%;
    padding-left: 5%;
}

.panel73 ul {
    padding-left: 10%;
}

    .panel73 ul li:first-child {
        padding-top: 5%;
    }

.panel73 .my-box {
    border-right: 1px solid white;
    width: 25%;
    float: left;
}

.panel73 {
    margin-top: 2%;
    min-height: 313px;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.panel74 .panel-empty {
    height: 75px;
    background-color: #659ee7;
    width: 100%;
}

    .panel74 .panel-empty h1 {
        text-align: center;
        color: white;
        padding: 23px;
        font-weight: 700;
        font-size: 2em;
    }

.panel74 h3 {
    text-align: center;
    color: #2736a2;
    font-weight: 700;
    background-color: #cdd5ec;
    height: 80px;
    padding-top: 20px;
    font-size: 16px;
    margin: 0;
}

.panel74 div.row, .panel74 div.col-md-3 {
    padding: 0;
    margin: 0;
    margin-top: -0%;
}

.panel74 ul li {
    list-style-type: disc;
    margin-right: 5%;
    padding-left: 5%;
}

.panel74 ul {
    padding-left: 10%;
}

    .panel74 ul li:first-child {
        padding-top: 5%;
    }

.panel74 .my-box {
    border-right: 1px solid white;
}

.panel74 {
    margin-top: 2%;
    min-height: 313px;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.sip-inner {
    background-color: #f4f0f0;
    padding: 17px;
    padding-top: 1px;
}

    .sip-inner .content h1 {
        color: black;
        font-weight: 700;
    }

    .sip-inner .content p {
        color: black;
        text-align: justify;
        line-height: 29px;
        font-size: 16px;
        padding-top: 17px;
    }

    .sip-inner .content ul li {
        line-height: 28px;
        margin-left: 3%;
    }

.image-right-panel {
    background-color: #7580bc;
    margin: 0;
    min-height: 370px;
    border: 0;
    z-index: 30;
    box-shadow: 0px 2px 21px #a4a8de;
    height: auto;
}

.image-panel {
    margin-top: 118px;
    width: 100%;
    background-color: #7580bc;
    height: auto;
    box-shadow: 0px 2px 21px #a4a8de;
    height: auto;
    border-bottom: 3px solid #1678a8;
    float: left;
}

.image-left-panel {
    background-color: #686eb8;
    min-height: 300px;
    float: left;
    top: 3px;
    left: 0px;
}

.image-panel .image-left-panel h2 {
    color: black;
    margin-top: 3%;
    margin-bottom: 6%;
    font-family: 'Arial';
    font-size: 32px;
    font-weight:700;
    z-index: 10;
}

.image-panel .image-left-panel p {
    color: white;
    text-align: left;
    text-align: center;
    margin-top: 5px;
    font-style: italic;
    font-family: 'Arial';
    z-index: 15;
}

.image-panel .image-left-panel ul li {
    color: white;
    margin-left: 12%;
    font-size: 22px;
    font-weight: 700;
    line-height: 39px;
}

.image-left-panel span {
    font-weight: bold;
}

.sip-right-col {
    min-height: 460px;
    margin: 0;
    border: 0;
    z-index: 30;
    float: left;
    padding: 0;
    background-color: #aac2cc;
}

.sip-left-col {
    min-height: 460px;
    height: auto;
    padding: 0;
    background-color: #7580bc;
}

    .sip-left-col img {
        width: 100%;
        height: 487px;
    }

.sip-right-col input[type='button'], .sip-right-col input[type='reset'] {
    padding: 3px 20px;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 12px;
    background-color: white;
    margin: 0;
    margin-top: 0px;
    text-align: Center;
    border: 2px solid #4081b6;
    margin-top: 2px;
    border-radius: 10px;
    color: #151519;
}

.sip-right-col hr {
    margin: 6% 0%;
    border-top: 2px solid #305e78;
}

.sip-right-col input[type='button']:hover, .sip-right-col input[type='reset']:hover {
    background-color: #4081b6;
    border-color: white;
    color: white;
    transition: 1s;
}

.para-min-cal {
    font-family: Arial;
    font-size: 12px;
    color: black;
    margin: 0;
    line-height: 25px;
}

.sip-left-col hr {
    margin: 1% 22%;
    border-top: 2px solid #632a90;
}

.calculator .form-group .input-group input[type="text"] {
    color: black;
    font-weight: normal;
}

.cng-panel {
    width: 100%;
    height: auto;
    margin-top: 122px;
}

.cng-cal-left {
    min-height: 344px;
    border-bottom: 3px solid #1678a8;
    background-color: #7580bc;
    float: left;
    padding: 0;
}

.cng-cal-right {
    margin: 0;
    background-color: #e7e5ef;
    min-height: 331px;
    border: 0;
    z-index: 30;
    float: left;
    border-bottom: 3px solid #1678a8;
}

    .cng-cal-right input[type='number'] {
        border: 1px solid #5075a1;
        padding: 2px 8px;
        color: black;
        white-space: nowrap;
        border-radius: 20px;
        -moz-text-size-adjust: inherit;
    }

    .cng-cal-right .form-group {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    .cng-cal-right label {
        color: #070b48;
        font-weight: 700;
        line-height: 12px;
    }

.calculator-petrol h3.heading {
    /* color: #2450b7;
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
    margin-left: 20%;
    text-decoration: underline;*/
    font-size: 18px;
    text-align: center;
    color: #253972;
    padding: 0;
    margin: 32px;
    margin-top: 6%;
}

.cng-cal-right input[type='button'], .cng-cal-right input[type='reset'] {
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 12px;
    background-color: white;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    text-align: Center;
    border: 2px solid #4081b6;
    margin-top: 2px;
    border-radius: 10px;
    color: #151519;
    margin-top: 20px;
}

    .cng-cal-right input[type='button']:hover, .cng-cal-right input[type='reset']:hover {
        background-color: #4081b6;
        border-color: white;
        color: white;
        transition: 1s;
    }

.cng-cal-right span {
    font-weight: normal;
    padding-top: 20px;
}

.smoking-panel {
    height: auto;
    box-sizing: content-box;
    margin-top: 122px;
    border-top: 3px solid #1678a8;
}

.smoking-left {
    min-height: 441px;
    height: auto;
    top: 0;
    background-color: #214e6f;
    border-bottom: 3px solid #1678a8;
}

.smoking-right {
    min-height: 420px;
    height: auto;
    background-color: #d1d8de;
    border-bottom: 3px solid #1678a8;
}

    .smoking-right input[type='number'] {
        border: 1px solid #1c6377;
        margin-top: 10px;
        height: 25px;
        padding: 2px 5px
    }

    .smoking-right label {
        color: #010101;
        ;
        line-height: 11px;
        font-size: 12px;
    }

    .smoking-right .form-group {
        margin: 0;
        padding: 0;
        margin-top: 0;
        height: auto;
    }

    .smoking-right h3 {
        /*margin: 0;
        text-align: center;
        color: #214e6f;
        padding: 0;
        margin-top: 3%;
        font-weight: normal;
        font-size: 18px;*/
        font-size: 18px;
        text-align: center;
        color: #253972;
        padding: 0;
        margin: 32px;
        margin-top: 6%;
    }

    .smoking-right hr {
        border-top: 2px solid #20a2db;
        margin: 2% 0%;
    }

.calculator-smoking {
    margin: 0% 5%;
}

.smoking-right input[type='button'], .smoking-right input[type='reset'] {
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 12px;
    background-color: white;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    text-align: Center;
    border: 2px solid #4081b6;
    margin-top: 2px;
    border-radius: 10px;
    color: #151519;
}

    .smoking-right input[type='button']:hover, .smoking-right input[type='reset']:hover {
        background-color: #4081b6;
        border-color: white;
        color: white;
        transition: 1s;
    }

.smoking-left h2 {
    color: white;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 5%;
    font-weight: 700;
}

.smoking-left hr {
    border-top: 2px solid white;
    margin: 2% 14%;
}

.min-required-cal-panel {
    height: auto;
    box-sizing: content-box;
    margin-top: 122px;
}

.min-required-cal-left {
    min-height: 363px;
    background-color: #e8e8e8;
    border: 3px solid #4e8dae;
    border-right: 0;
}

.min-required-cal {
    background-color: #e8e8e8;
    margin: 0;
    min-height: 320px;
    border: 0;
    z-index: 30;
    border: 3px solid #4e8dae;
    border-left: 1px solid #4e8dae;
}

    .min-required-cal .calculator {
        margin-left: 15%;
    }

.min-required-cal-left h2 {
    text-align: center;
    color: black;
    letter-spacing: 5px;
}

.min-required-cal-left hr {
    border-top: 2px solid #7921ac;
    margin: 2% 20%;
}

.min-required-cal input[type='button'], .min-required-cal input[type='reset'] {
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 12px;
    background-color: white;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    text-align: Center;
    border: 2px solid #4081b6;
    margin-top: 2px;
    border-radius: 10px;
    color: #151519;
    margin-top: 20px;
}

    .min-required-cal input[type='button']:hover, .min-required-cal input[type='reset']:hover {
        background-color: #4081b6;
        border-color: orange;
        color: white;
        transition: 1s;
    }

.sip-left-col .second-content ul li {
    list-style: disc;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-left: 2%;
    color: #0b0d8c;
    margin-left: 5%;
    line-height: 22px;
}

.sip-left-col .second-content ul {
    margin: 0% 5%;
}

    .sip-left-col .second-content ul li:first-child {
        margin-top: 0%;
    }

.data-display-chart-container {
    width: 100%;
    height: auto;
    display: block;
    background-color: white;
    position: relative;
    border-bottom: 3px solid black;
    box-sizing: content-box;
    margin-top: 55px;
}

    .data-display-chart-container .chart1 {
        min-height: 177px;
        height: auto;
        width: 40px;
        background-color: red;
        position: absolute;
        left: 240px;
        top: 50px;
    }

    .data-display-chart-container .chart2 {
        min-height: 177px;
        height: auto;
        width: 40px;
        background-color: red;
        position: absolute;
        left: 302px;
        top: 50px;
    }

    .data-display-chart-container .chart3 {
        min-height: 177px;
        height: auto;
        width: 40px;
        background-color: red;
        position: absolute;
        left: 368px;
        top: 50px;
    }

    .data-display-chart-container .chart4 {
        min-height: 177px;
        height: auto;
        width: 40px;
        background-color: red;
        position: absolute;
        left: 433px;
        top: 50px;
    }

    .data-display-chart-container .hr {
        position: absolute;
        left: 240px;
        top: 50px;
        border-top: 3px solid white;
    }

.slider .slider-left-box {
    width: 50%;
    float: left;
    height: 300px;
    border-right: 1px solid #050c0e;
    z-index: 99999;
    background: -moz-linear-gradient(#deeaf3, #e8f3f6,#e2d2ef);
    background: -webkit-linear-gradient(#deeaf3, #e8f3f6,#e2d2ef);
    background: linear-gradient(#deeaf3, #e8f3f6,#e2d2ef);
    background: -o-linear-gradient(#deeaf3, #e8f3f6,#e2d2ef);
}

.article-page {
    min-height: 500px;
    background-color: black;
    margin-top: 10px;
    border-top: 3px solid #c2c7e7;
}

    .article-page .left-article {
        min-height: 500px;
        background-color: white;
        width: 80%;
        float: left;
    }

    .article-page .right-article {
        min-height: 500px;
        background-color: white;
        width: 20%;
        float: left;
    }

    .article-page .left-article p.listening {
        font-size: 12px;
        margin-top: 10px;
        color: #0b0b0b;
    }

    .article-page .left-article p a {
        color: #5f4b96;
        text-decoration: underline;
    }

        .article-page .left-article p a:hover {
            text-decoration: none;
        }

    .article-page .left-article h1 {
        color: black;
        font-size: 2.5em;
        margin-bottom: 16px;
    }

    .article-page .left-article p.post-area-tag {
        color: black;
        font-size: 10px;
    }

    .article-page .left-article hr {
        border-color: #d4d2d6;
        width: 96%;
    }

.tabs-menu li a[title] {
    width: auto;
    max-width: 100%;
}

    .tabs-menu li a[title]:hover:before {
        content: attr(title);
        position: absolute;
        bottom: 40px;
        min-width: 0px;
        left: 0;
        z-index: 9999;
        background-color: red;
        color: white;
        padding: 2px;
        border-radius: 10px;
        white-space: nowrap;
        padding-right: 16px;
        padding-left: 16px;
    }

    .tabs-menu li a[title]:hover:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0%;
        margin-left: 50%;
        border-width: 5px;
        top: -12px;
        z-index: 9999;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

.tab-title-show {
    height: auto;
    width: 96%;
    border: 1px solid #c0e7ec;
    border-left: 5px solid #103633;
    margin-top: 3%;
}

    .tab-title-show p {
        padding: 10px 10px;
        color: black;
    }

#tabs-container {
    margin-top: 3%;
}

.tabs-menu li {
    position: relative;
    background-color: black;
    border-bottom: 1px solid #fff;
    z-index: 5;
    float: left;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    background-color: #fdfdfd;
    border-top: 1px solid #69c5c8;
    border-right: 1px solid #9dbad3;
    border-left: 1px solid #4cb1b4;
    list-style-type: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    list-style-type: none;
    background: -moz-linear-gradient(#9ac9d2,#f9ebf7);
    background-color: rgba(0, 0, 0, 0);
    color: #3f3a3a;
    font-size: 10px;
    font-weight: 700;
    width: 19%;
    text-align: center;
    background: -o-linear-gradient(#9ac9d2,#f9ebf7);
    background: -ms-linear-gradient(#9ac9d2,#f9ebf7);
    background: linear-gradient(#9ac9d2,#f9ebf7);
}

    .tabs-menu li.current {
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #fff;
        z-index: 5;
    }

    .tabs-menu li a {
        padding: 10px;
        text-decoration: none;
        color: #080811;
        font-size: 12px;
        font-weight: 700;
    }

.tabs-menu .current a {
    color: #080811;
    font-size: 12px;
    font-weight: 700;
}

.tab {
    border-top: 2px solid #45bfd2;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 96%;
}

.tab-content {
    width: 100%;
    padding: 20px;
    display: none;
}

#tab-1 {
    display: block;
}

.tab-content p {
    line-height: 28px;
    text-align: justify;
    color: black;
}

    .tab-content p:first-letter {
        font-size: 24px;
        padding: 2px 3px;
        color: purple;
        font-weight: 700;
    }

.right-article .article-header {
    height: auto;
    width: 96%;
    text-align: center;
    background: -moz-linear-gradient(#bde0e9,#acccce);
    color: black;
    margin: 0;
    padding: 0;
    margin: 0% 2%;
    border-bottom: 2px solid #7470ab;
    margin-top: 3%;
}

    .right-article .article-header h3 {
        color: #154f72;
        margin: 3% 5%;
        padding: 4%;
        margin-bottom: 0;
    }

.right-article .article-box {
    height: auto;
    min-height: 400px;
    width: 96%;
    margin: 0% 2%;
    background-color: #d7f3f2;
    border: 1px solid #99b6de;
    margin-bottom: 1%;
}

    .right-article .article-box ul li {
        list-style-type: none;
        text-align: left;
        line-height: 30px;
        border-bottom: 1px solid #c2daf4;
        width: 90%;
        margin: 0% 5%
    }

        .right-article .article-box ul li:first-child {
            margin-top: 7%;
        }

        .right-article .article-box ul li span.fa {
            margin-left: 7%;
        }

        .right-article .article-box ul li a {
            text-align: left;
            color: #650985;
            font-size: 12px;
        }

            .right-article .article-box ul li a:hover {
                text-decoration: underline;
                transition: 1s;
                color: black;
            }

@-webkit-keyframes colorchange {
    10% {
        color: blue;
    }

    50% {
        color: white;
    }
}

@-webkit-keyframes colorchange2 {
    10% {
        color: blue;
    }

    50% {
        color: #b3c6c5;
    }
}

#tsgsf .my-box h3 span.phone {
    margin-top: 3px;
    color: white;
    background-color: blue;
    padding: 6px;
    border-radius: 50%;
    font-size: 8px;
}

#tsgsf .my-box h3 span.tag {
    font-weight: normal;
    letter-spacing: 1px;
    color: #08127d;
    padding-top: 2%;
    font-weight: 700;
}

#tsgsf .my-box p {
    color: #3c0f91;
}

.aboutus .second p strong {
}

.panel73 input[type='button'] {
    padding: 2px 29px;
    background-color: white;
    color: purple;
    box-shadow: 0;
    border: 1px solid purple;
    font-size: 13px;
    border-radius: 10px;
    margin-top: 4%;
    font-weight: bold;
}

    .panel73 input[type='button']:hover {
        background-color: purple;
        color: white;
    }

.panel73 .my-box p {
    margin-top: 3%;
    color: black;
    font-size: 24px;
    text-align: center;
}

.tabs-menu li:nth-of-type(6) {
    margin-left: 2%;
    width: 15%;
}

.tabs-menu li:nth-of-type(11) {
    margin-left: 5%;
    width: 15%;
}

.sip-cal-result-left-side-box {
    width: 100%;
    margin: 0% 0%;
    min-height: 100px;
    height: auto;
}

    .sip-cal-result-left-side-box .col-md-3 {
        background-color: orange;
        height: 244px;
        padding: 16px;
        border-right: 1px solid white;
    }

    .sip-cal-result-left-side-box h4 {
        color: black;
        text-align: center;
        /*text-decoration: underline;*/
        font-weight: 600;
        font-size: 13px;
    }

    .sip-cal-result-left-side-box p {
        color: black;
        text-align: center;
    }

    .sip-cal-result-left-side-box .heading h3 {
        color: black;
        /*padding: 14px 16px;*/
        margin: 0;
        text-align: center;
        font-size: 24px;
    }

    .sip-cal-result-left-side-box ul li {
        text-align: left;
        margin-left: 22%;
        font-size: 14px;
        color: white;
    }

        .sip-cal-result-left-side-box ul li:first-child {
            margin-top: 8%;
        }

    .sip-cal-result-left-side-box h5 {
        margin-top: 12%;
        font-size: 29px;
        color: black;
        text-align: center;
    }

    .sip-cal-result-left-side-box input[type='button'] {
        padding: 5px 28px;
        background-color: #b51e1e;
        border: 1px solid #d11111;
        color: white;
        font-size: 15px;
        margin-top: 10%;
    }

footer ul li.social-item {
    display: inline;
    list-style-type: none;
    padding: 1%;
}

    footer ul li.social-item span.fa {
        font-size: 20px;
        padding: 16px;
        border-radius: 10%;
        color: white;
    }

    footer ul li.social-item span.fa-twitter {
        background-color: #55acee;
    }

    footer ul li.social-item span.fa-google-plus {
        background-color: #dd4b39;
    }

    footer ul li.social-item span.fa-facebook {
        background-color: #3b5998;
        padding-left: 22px;
        padding-right: 22px;
    }

    footer ul li.social-item span.fa-youtube {
        background-color: #ff0000;
    }

#txtTotal {
}

.my-box #tag {
    font-size: 11px;
}

.sip-cal-top-con {
    min-height: 160px;
}

    .sip-cal-top-con h1 {
        color: #112e60;
        text-align: left;
        margin-top: 5%;
        font-size: 32px;
        margin-left: 10%;
        font-weight: 700;
    }

    .sip-cal-top-con ul li {
        color: white;
        margin-left: 12%;
        line-height: 39px;
        font-weight: 700;
        font-size: 22px;
    }

        .sip-cal-top-con ul li:first-child {
            margin-top: 2%;
        }

#divOTP .form-group .input-group {
    border: 1px solid grey;
    border-radius: 0;
}

.plan-cal-panel6 {
    background-size: 100% 171%;
    background-image: url(../img/699.jpg);
    border: 0;
}

.test-btn2 {
    box-sizing: border-box;
    font-size: 13px;
    padding: 3px 4px;
    margin-left: 33%;
    border: 1px solid white;
    background-color: white;
    width: 132px;
    border-radius: 10px;
    color: black;
    border: 1px solid purple;
}

    .test-btn2:hover {
        color: white;
        background-color: purple;
    }

.plan-cal-panel6 .right-box p {
    text-align: center;
    margin-right: 8%;
    color: #8030a4;
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    font-size: 16px;
}

.plan-cal-panel6 .right-box h3 {
    text-align: center;
    margin-top: 1%;
    color: #8627a4;
    padding-top: 10px;
    font-weight: 500;
    font-size: 24px;
    font-family: 'Arial Rounded MT';
}

.plan-cal-panel6 .right-box {
    width: 100%;
    font-size: 27px;
    height: 100%;
}

.plan-cal-panel6 .right-box2, .plan-cal-panel6 .right-box-3 {
    width: 100%;
}

.plan-cal-panel6 .right-box-3 {
    min-height: 100px;
    max-height: 100px;
}

    .plan-cal-panel6 .right-box-3 .first {
        margin-top: 0%;
    }

    .plan-cal-panel6 .right-box-3 .form-group {
        height: 16px;
        margin: 0;
    }

    .plan-cal-panel6 .right-box-3 input[type='button'] {
        margin-top: -100px;
    }

    .plan-cal-panel6 .right-box-3 .input-group {
        height: 16px;
    }

.plan-cal-panel .right-box-4 {
    width: 100%;
}

.n_franchise {
    width: 180px;
    padding: 0px 0 10px 45px;
    font-size: 14px;
    background: url(/img/Franchise-icon.png) no-repeat;
    background-position: 0 0;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    color: #585858;
    border-right: #e9e9e9 1px solid;
    padding-right: 10px;
    margin-top: 10px;
    float: right;
}

    .n_franchise h4 {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        color: #585858;
        margin: 0;
        padding: 0px;
        font-size: 16px;
        font-weight: 400;
    }

    .n_franchise span {
        display: inline-block;
        padding-top: 0px;
        margin: 0px;
        font-size: 14px;
        line-height: 16px;
    }

    .n_franchise a {
        text-decoration: none;
        color: #000;
        font-size: 14px;
    }

        .n_franchise a:hover {
            color: #d8302d;
        }

.nhead-top {
    padding: 15px 0px;
    font-size: 12px;
    text-transform: none
}

    .nhead-top ul {
        margin: 0;
        padding: 0px;
        list-style: none;
    }

        .nhead-top ul li {
            display: inline-block;
            margin: 0 5px 0 0;
            padding: 0 5px 0 0;
            color: #000;
        }

            .nhead-top ul li a.round1 {
                background: #7e2eb9;
                padding: 3px 15px;
                color: #fff;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }

            .nhead-top ul li:last-child {
                margin-right: 0;
                padding-left: 0px;
                border-right: 0;
            }

            .nhead-top ul li a {
                text-decoration: none;
                color: #fff;
                font-size: 12px;
            }

                .nhead-top ul li a.round1:hover {
                    background: #0099d0;
                }

                .nhead-top ul li a:hover {
                    color: #fff;
                }

.hp_none {
    min-height: 350px;
    border: 1px solid #7d25b1;
    padding: 0;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    z-index: 9999;
    margin-top: 130px;
    width: 100%;
}

.newshadow {
    padding: 10px;
    -moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
}

.newshadow1 {
    -moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
}

#new_container {
    display: block;
    text-align: center;
    background: #818282;
}

    #new_container a {
        text-decoration: none;
    }

.new-tab {
    padding: 15px 20px;
    background: #818282;
    display: inline-block;
    text-align: center;
}

    .new-tab:hover {
        color: #fff;
    }

    .new-tab.active {
        color: #fff;
    }

    .new-tab:focus {
        color: #fff;
    }

.new-tab {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.n_hide {
    display: none;
}

.new-img-box {
    -moz-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out
}

.new-img-box {
    text-align: center;
    padding: 0px;
    text-align: center;
    background-color: #e1e1e1;
    margin-bottom: 20px;
    -o-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    color: #000
}

    .new-img-box:hover {
        color: #185da8
    }

    .new-img-box img {
        width: 100%;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -webkit-backface-visibility: hidden;
        text-align: center;
        display: table-cell;
    }

    .new-img-box:hover img {
        transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8)
    }

    .new-img-box .button:hover,
    .new-img-box:hover .button {
        background: #e2492f
    }

.img_caption {
    padding: 10px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

    .img_caption a {
        text-decoration: none;
        color: #000;
        font-size: 14px;
    }

        .img_caption a:hover {
            color: #0097cc;
        }

.newshadow {
    padding: 10px;
    -moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
}

.newshadow1 {
    -moz-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
    box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #800080;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #8d8c8c;
    border-radius: 10px;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: none;
    overflow: hidden;
    outline: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}

.newLeft-space {
    float: left;
    margin: 30px 0 0 50px;
}

.modal-body iframe {
    width: 100%;
    height: 440px;
}

.new_tagLine {
    padding: 15px 0px;
    font-size: 14px;
    text-transform: none;
    font-family: 'Muli', sans-serif;
}

    .new_tagLine ul {
        margin: 0;
        padding: 0px;
        list-style: none;
    }

        .new_tagLine ul li {
            display: inline-block;
            margin: 0 3px 10px 0;
            font-size: 14px;
            font-size: 14px;
            padding: 5px 8px;
            text-align: center;
            font-weight: 500;
            color: #000;
            background: #faebea;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            text-shadow: 0 1px 2px rgba(255,255,255,0) !important;
        }

.tb_space {
    padding: px;
}

.service-content .icon-surround-1 span {
    width: 30px;
    height: 25px;
    padding-top: 0px;
    display: table;
    text-align: center;
    line-height: 25px;
    color: #444;
    border-radius: 50%;
    border: 2px solid #888;
    border-top-color: rgb(136, 136, 136);
    border-right-color: rgb(136, 136, 136);
    border-bottom-color: rgb(136, 136, 136);
    border-left-color: rgb(136, 136, 136);
    font-size: 19px;
    position: relative;
    font-family: Sanchez;
    background: #fff;
}

.new_services {
    padding: 0px;
    background: url(../img/service-bg.png) no-repeat;
    background-position: 50% 66px;
}

.icon-surround-1, .service-content .icon-surround {
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #888;
    margin: 0 auto 20px;
}

.service-content {
    text-align: center;
    color: #444;
}

    .service-content:hover .icon-surround-1 {
        background-color: #fcd5cc;
        border-color: #e96546;
        background-position: 50% -130px;
    }

        .service-content:hover .icon-surround-1 span {
            background: #e96546;
            border-color: #e96546;
            color: #fff;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

    .service-content a {
        color: #000000;
        text-decoration: none;
    }

    .service-content h4 {
        color: #000000;
        text-decoration: none;
        font-size: 20px;
        font-weight: 400;
    }

.new_services .service-content:hover h4 {
    color: #e96546;
}

.dmf_account {
    padding: 10px 20px;
    width: 60%;
    margin: 40px auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
}

.txt_img_overblock {
    padding: 10px;
    text-align: center;
    position: relative;
}

.txt_img_overlap {
    position: relative;
    top: -30px;
    font-size: 22px;
    z-index: 88;
    margin: 0 40px;
    background: #fff;
}

@media only screen and (max-width:1024px) {
    .dmf_account {
        padding: 10px 20px;
        width: 80%;
        margin: 40px auto;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
        -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
        box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    }
}

@media screen and (max-width:750px) {
    .chart-cent {
        width: 100%;
        margin: 0 auto;
    }

    .mut-cent {
        width: 90%;
        margin: 0 auto;
    }

    #mut_red {
        display: block;
        float: left;
        background: #e1362d;
        font-size: 12px;
        text-decoration: none;
        padding: 2px 10px;
        transform: skew(-20deg);
        color: #fff;
        margin-left: 10px;
        text-shadow: 0 0 0 0 !important;
    }

    #mut_blu {
        display: block;
        float: left;
        background: #0182af;
        font-size: 12px;
        text-decoration: none;
        padding: 2px 10px;
        transform: skew(-20deg);
        color: #fff;
        margin-left: 10px;
        text-shadow: 0 0 0 0 !important;
    }

    .new_services {
        padding: 0px;
        background: none;
    }

    .dmf_account {
        padding: 10px 20px;
        width: 95%;
        margin: 40px auto;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
        -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
        box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    }

    .nhead-top {
        padding: 0px 0px;
        font-size: 12px;
        text-transform: none;
    }

        .nhead-top ul {
            margin: 0 0 15px 0;
        }

            .nhead-top ul li {
                text-align: center;
            }

    .nhead-top {
        padding: 10px 0px 0 0;
        font-size: 12px;
        text-transform: none;
        text-align: center;
    }

        .nhead-top ul li a.round1:hover {
            background: #0099d0;
        }

    .hp_none {
        height: auto;
        margin-top: 175px;
        display: block;
    }

    .col_border {
        border-right: none;
    }

    .dp_means {
        width: 80%;
        margin: 5px auto 5px auto;
        font-size: 15px;
        padding: 5px 20px;
        text-align: center;
        color: #404040;
        background: #faebea;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .slider-right-box-video {
        width: 100%;
        float: left;
        height: auto;
        z-index: 99999;
    }

        .slider-right-box-video iframe {
            width: 100%;
            height: auto;
        }

    .aboutus-2 {
        min-height: 250px;
        margin-top: 180px;
        padding: 10px;
    }

    #new_container {
        display: block;
        text-align: center;
        background: #818282;
    }

        #new_container a {
            text-decoration: none;
        }

    .new-tab {
        padding: 15px 20px;
        background: #818282;
        display: block;
        text-align: left;
    }

        .new-tab:hover {
            color: #fff;
        }

        .new-tab.active {
            color: #fff;
        }

        .new-tab:focus {
            color: #fff;
        }

    .new-tab {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }

    .n_hide {
        display: none;
    }

    .new_tagLine ul li {
        display: block;
    }

    .image-panel {
        margin-top: 140px;
    }

    .cng-panel {
        margin-top: 72px;
    }

    .tb_space {
        padding: 0px 10px;
    }
}

@media only screen and (max-width:1024px) {
    .product-thumb {
        height: 190px;
        display: block;
        overflow: hidden;
    }

        .product-thumb img {
            width: 100%;
            height: 175px;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
        }
}