﻿

.corporatedespo_hdr .ul li {
    font-size: 20px !important;
}

header.expandcollapse_header .panel-heading.panelbg {
    background-color: #7d7d7d !important;
}

/*#wh-widget-send-button
{
    top: 135px !important;	
}*/
.div04_footer > DIV:last-child iframe {
    position: relative;
    z-index: 9999999999;
}

a.back-to-top {
    z-index: 9999999999;
    bottom: 67px;
}
/*=============================== HOME CSS PARTS STARTS ================================*/

.header_topsection {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #02407e;
    padding: 0px 12px;
}

.cstonbonewtopperfor_subdv2 .btn_mystyle {
    background-color: #0096ba;
    border: 1px solid #0096ba !important;
}

.stellarnav ul.reachus_dropdown {
    top: auto;
    width: 120px !important;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .login_right {
        width: 40%;
        float: left;
    }

    .acsipmutumadv .menu_section .stellarnav li a {
        padding: 0px 2px;
    }

    .login_left {
        /*width: 30%;
		float: right;*/
    }

    .logo_section img {
        margin: 0px auto;
    }

    .logo_section {
        width: 15%;
        float: left;
    }

    .menu_section {
        width: 100%;
        float: left;
    }

    .acsipmutumadv .acsipmutumadv_inlinedv p.txt a {
        color: #fff;
        font-size: 12px;
    }

    .stellarnav ul {
        text-align: left;
    }

    .stellarnav > ul > li > a {
        padding: 5px 8px;
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 550px) {

    .login_right {
        width: 50%;
        float: left;
        display: none;
    }

    .login_left {
        width: 50%;
        /*float: right;*/
        text-align: right;
    }

    .logo_section img {
        margin: 0px auto;
    }

    .logo_section {
        width: 15%;
        float: left;
        margin-top: 8px;
    }

    .loginicon4smallscreen .Phone-Number {
        display: none;
    }

    .otherpartlogocont {
        width: 60%;
    }

    .loginicon4smallscreen {
        margin: 0px 0 0 !important;
    }

    .acsipmutumadv {
        text-align: center !important;
    }

    .menu_section {
        width: 100%;
        float: left;
    }

    .fllftwd100 {
        margin-top: 0px;
    }

    .acsipmutumadv .acsipmutumadv_inlinedv p.txt a {
        color: #fff;
        font-size: 12px;
    }
}

@media only screen and (max-width: 549px) and (min-width: 320px) {
    .acsipmutumadv > DIV:nth-child(2) .login_left {
    }

    .login_right {
        display: none;
    }

    .lgog_right ul {
        display: block;
    }

    .loginicon4smallscreen .Phone-Number {
        display: none;
    }

    .login_left {
        width: 100%;
        float: left;
        margin: 0px auto;
    }

    .otherpartlogocont {
        width: 100%;
    }

    .loginicon4smallscreen {
        margin: 0px 0 0 !important;
    }

    .acsipmutumadv {
        text-align: center !important;
    }

    .logo_section {
        width: auto;
        /*width: 100%;
        float: left;*/
    }

    .menu_section {
        width: 100%;
        float: left;
    }

    .fllftwd100 {
        margin-top: 2px;
    }

    .acsipmutumadv .acsipmutumadv_inlinedv p.txt a {
        color: #fff;
        font-size: 12px;
    }
}


/*------------------ Additional Functionality CSS ------------------*/

.bghd1 {
    background: #000;
}

.txhd1 {
    color: #FFF;
}

.bghd2 {
    background: #000;
}

.txhd2 {
    color: #FFF;
}


/*------------------ Additional Functionality CSS ------------------*/


/*panel1hdrnw1 start*/

.panel1hdrnw1 {
    float: left;
    width: 100%;
    margin: 0 0 0px;
}


/*panel1hdrnw1 end*/


/*panel2hdrnw2 start*/

.panel2hdrnw2 {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    text-align: center
}

    .panel2hdrnw2 h1.h1 {
        color: #000;
    }


/*panel2hdrnw2 end*/

.ful_menu {
    /*background-color: #00427a;
	padding: 10px 0;*/
}

.logo_full {
    width: 100%;
    height: auto;
    float: left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e131e+0,0f1521+23,111723+47,111724+68,111725+100 */
    background: #02407e !important; /* Old browsers */
    background: -moz-linear-gradient(top, #0e131e 0%, #0f1521 23%, #111723 47%, #111724 68%, #111725 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0e131e 0%,#0f1521 23%,#111723 47%,#111724 68%,#111725 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0e131e 0%,#0f1521 23%,#111723 47%,#111724 68%,#111725 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e131e', endColorstr='#111725',GradientType=0 ); /* IE6-9 */
    padding: 10px 0;
}

.lgog_right ul {
    padding: 4px 0;
    margin: 0;
    list-style: none;
    float: right;
}

.Phone-Icon-Img {
    float: left;
    margin: 2px 8px 0 0;
}

.lgog_right li.Phone-Number {
    position: relative;
    top: -9px;
    color: #fff;
}

.lgog_right li {
    float: none;
    margin: 0px;
    display: inline-block;
}

    .lgog_right li a {
        border-right: 1px solid #FFF;
        font-size: 13px;
        float: left;
        color: #FFF;
        margin-left: 0px;
        letter-spacing: 0.7px;
        /* text-transform: uppercase; */
        background: transparent;
        text-decoration: none;
        /* border-radius: 7px; */
        padding: 0px 10px;
        border-image: initial;
    }


.lgog_right .smll_none a {
    border-right: 1px solid transparent;
}


.lgog_right li a:hover {
    color: #fff;
    /*background: #00427a;
	border: 1px solid #fff;*/
    border-radius: 7px;
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.lgog_right li i {
    padding: 0 3px;
    font-size: 13px;
}

.lgog_right {
    width: 100%;
    height: auto;
    float: left;
}

.logo {
    width: 100%;
    height: auto;
    float: left;
}

.ful_menu ul.navbar-nav li:hover ul.dropdown-menu {
    display: block;
}

    .ful_menu ul.navbar-nav li:hover ul.dropdown-menu li ul.dropdown-menu {
        display: none;
    }

    .ful_menu ul.navbar-nav li:hover ul.dropdown-menu li:hover ul.dropdown-menu {
        display: block;
    }

@media screen and (max-width:991px) {
    .ful_menu {
        padding: 0;
        height: 57px !important;
    }
}

.lgog_right a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
}


/*login button for small screen*/

.loginicon4smallscreen {
    display: none;
}


@media screen and (max-width: 767px) {

    .lgog_right {
        display: block;
    }

    .loginicon4smallscreen {
        display: none;
        margin: 15px 0 0;
    }

        .loginicon4smallscreen ul {
            list-style: none;
            float: right;
            margin: 0;
            padding: 0;
        }

            .loginicon4smallscreen ul li {
                display: inline-block;
                margin: 0 0 0 10px;
                color: #fff;
            }

        .loginicon4smallscreen i {
            font-size: 24px;
            color: #fff;
        }

    .logoxssdef {
        width: 40%;
        float: left;
    }

    .menunamexssdef {
        width: 60%;
        float: left;
    }
}

@media screen and (max-width: 549px) {
    .loginicon4smallscreen {
        float: left;
        width: 100%;
        text-align: center;
    }

        .loginicon4smallscreen ul {
            float: none;
        }

        .loginicon4smallscreen i {
            font-size: 18px;
        }
}

@media screen and (max-width: 480px) {
    .logoxssdef {
        width: 100%;
    }

    .menunamexssdef {
        width: 100%;
    }

    .logo {
        float: none;
    }
}


/*old dropdown*/

.afterloginnamepan .panel-group {
    margin-bottom: 0px;
}

    .afterloginnamepan .panel-group .panel {
        margin-bottom: 0;
        border: 0;
        box-shadow: none;
    }

.afterloginnamepan .panel-default > .panel-heading {
    background-color: transparent;
    border: 0;
}

.afterloginnamepan .panel-default .panel-heading a {
    color: #00427a;
}

    .afterloginnamepan .panel-default .panel-heading a h4 {
        display: inline-block;
        float: right;
        font-weight: bold;
    }

.afterloginnamepan .panel-group .panel .collapse,
.afterloginnamepan .panel-group .panel .collapsing {
    float: right;
    position: absolute;
    z-index: 9999;
    right: 0;
    margin-top: 20px;
    width: 250px;
    box-shadow: 0 0 5px;
}

    .afterloginnamepan .panel-group .panel .collapse.in {
        display: inline-block;
        float: right;
        position: absolute;
        z-index: 9999;
        right: 0;
        margin-top: 20px;
        width: 250px;
        box-shadow: 0 0 5px;
    }

.afterloginnamepan .panel .panel-collapse .list-group .list-group-item a {
    display: inline-block;
    width: 100%;
}


/*old dropdown*/


/*new dropdown*/

.afterloginnamepan .afterloginnamepan_div1 {
    text-align: right;
}

    .afterloginnamepan .afterloginnamepan_div1 .dropdown-toggle {
        display: inline-block;
        float: right;
        font-weight: bold;
        color: #fff;
        background-color: transparent;
        border: 0;
        margin: 10px 0 0;
    }

    .afterloginnamepan .afterloginnamepan_div1 .dropdown-menu {
        z-index: 1031;
        right: 0;
        width: 35%;
        left: auto;
        top: 35px;
        border: 0;
        padding: 0;
    }

        .afterloginnamepan .afterloginnamepan_div1 .dropdown-menu li {
            position: relative;
            display: block;
            padding: 4px 10px;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid #ddd;
        }

            .afterloginnamepan .afterloginnamepan_div1 .dropdown-menu li a {
                padding: 0;
            }

@media (min-width:320px) and (max-width:549px) {
    .lgog_right ul {
        padding: 0px 0;
        width: 100%;
    }

    .logo img {
        width: 260px;
        margin: 0 auto;
    }

    .lgog_right li a {
        font-size: 13px;
        padding: 0px 5px;
    }

    .logo,
    .afterloginnamepan {
        width: 100%;
        text-align: center;
    }

    .smll_none {
        display: none;
    }

    .afterloginnamepan .afterloginnamepan_div1 {
        text-align: center;
    }

        .afterloginnamepan .afterloginnamepan_div1 .dropdown-toggle {
            float: none;
        }
}

@media (min-width:550px) and (max-width:767px) {
    .logo img {
        width: 100%;
    }

    .otherpartlogocont {
        width: 60%;
    }

    .lgog_right ul {
        padding: 0 0px 0;
        width: 100%;
    }

    .lgog_right li a {
        font-size: 12px;
        padding: 0px 5px;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .ful_menu .caret {
        display: inline-block;
        width: 0;
        margin-top: 8px;
        height: 0;
        float: right;
        margin-left: 2px;
        vertical-align: middle;
        margin-right: 20px;
        border-top: 5px dashed;
        border-top: 4px solid\9;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    .ful_menu .nav > li > a {
        border-bottom: 1px solid #ffa372;
    }
}

.acsipmutumadv {
    float: left;
    width: 100%;
    text-align: right;
    margin: 3px 0;
}

    .acsipmutumadv .acsipmutumadv_inlinedv {
        display: inline-block;
        border-right: 1px solid #fff;
        margin-top: 10px;
    }

        .acsipmutumadv .acsipmutumadv_inlinedv:last-child {
            border-right: 0;
        }

        .acsipmutumadv .acsipmutumadv_inlinedv p.txt {
            font-size: 12px;
            margin: 8px 10px;
        }

            .acsipmutumadv .acsipmutumadv_inlinedv p.txt a {
                color: #fff;
            }

        .acsipmutumadv .acsipmutumadv_inlinedv:last-child p {
            margin: 0 0 0 10px;
        }

@media(max-width:767px) {
    .acsipmutumadv {
        /*display:none;*/
    }

    .lgog_right li:nth-child(1) {
        display: inline-block;
    }

    .acsipmutumadv .acsipmutumadv_inlinedv:last-child {
        width: 100%;
    }

    .afterloginnamepan {
        float: left;
        width: 100%;
    }
}


/* ====================== homgpanelinvtpperfo end ======================*/


/* ==================================== HOME PAGE POPUP ON LOAD CSS ==================================== */

#onload {
    top: auto;
    right: auto;
    bottom: 0;
    left: 20px;
}

.ecrhomepagecss.modal-open {
    overflow-y: scroll;
}

#onload .modal-dialog {
    min-width: 400px;
    width: fit-content;
    max-width: 500px;
    text-align: center;
}


/** ======================	Footer ====================== **/

.fotter_all {
    background-color: #000;
    padding: 20px 0;
    margin: 10px 0 0;
}

.fotter_all_sub {
    padding: 10px 0;
}

    .fotter_all_sub .fotter_inn {
        float: left;
        width: 16.6667%;
        padding: 0 15px;
    }

        .fotter_all_sub .fotter_inn h4,
        .fotter_all_sub .footer_followus h4 {
            color: #101010;
        }

            .fotter_all_sub .footer_followus h4 + p.tx {
                color: #000;
            }

        .fotter_all_sub .fotter_inn ul,
        .fotter_all_sub .footer_followus ul {
            margin: 10px 0 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

            .fotter_all_sub .fotter_inn ul li a,
            .fotter_all_sub .footer_followus ul li a {
                color: #fff;
                font-size: 12px;
            }

    .fotter_all_sub .footer_followus {
        margin: 20px 0 0;
        padding: 0 15px;
    }

        .fotter_all_sub .footer_followus .FU-Icon {
            display: inline-block;
        }

            .fotter_all_sub .footer_followus .FU-Icon img {
                display: inline-block;
            }

.fotter_dwon {
    padding: 10px 0;
    background-color: #000;
}

    .fotter_dwon .fotter_dwon_inn p.tx {
        margin: 0;
        color: #fff;
    }

    .fotter_dwon .fotter_dwon_inn_left ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        text-align: right;
    }

        .fotter_dwon .fotter_dwon_inn_left ul li {
            display: inline-block;
            margin: 0 0 0 10px;
        }

            .fotter_dwon .fotter_dwon_inn_left ul li a {
                color: #fff;
            }

                .fotter_dwon .fotter_dwon_inn_left ul li a:hover {
                    text-decoration: underline;
                    color: #5cacdf;
                }

@media screen and (max-width: 1199px) {
    .fotter_all_sub .fotter_inn h4,
    .fotter_all_sub .footer_followus h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .fotter_dwon .fotter_dwon_inn_left ul li a {
        font-size: 12px;
    }

    .fotter_dwon .col-sm-6 {
        padding: 0 5px;
    }

    .fotter_all_sub .fotter_inn {
        width: 33.3333%;
        margin: 0 0 10px;
    }

        .fotter_all_sub .fotter_inn:nth-child(4) {
            clear: left;
        }
}

@media screen and (max-width: 767px) {
    .fotter_all {
        display: none;
    }

    .fotter_dwon {
        margin: 10px 0 0;
    }

        .fotter_dwon .col-sm-6:nth-child(1) {
            width: 55%;
            float: left;
        }

        .fotter_dwon .col-sm-6:nth-child(2) {
            width: 45%;
            float: left;
        }

        .fotter_dwon_inn p.tx,
        .fotter_dwon .fotter_dwon_inn_left ul li a {
            font-size: 12px !important
        }

        .fotter_dwon .fotter_dwon_inn_left ul li {
            margin: 0 0 0 5px;
        }

        .fotter_dwon .col-sm-6:nth-child(1),
        .fotter_dwon .col-sm-6:nth-child(2) {
            width: 100%;
        }

        .fotter_dwon .fotter_dwon_inn_left ul,
        .fotter_dwon .fotter_dwon_inn p.tx {
            text-align: center;
        }

        .fotter_dwon .fotter_dwon_inn p.tx {
            margin: 0 0 5px;
        }
}

@media screen and (max-width: 480px) {
    .fotter_dwon_inn p.tx,
    .fotter_dwon .fotter_dwon_inn_left ul li a {
        font-size: 10px !important
    }
}


/** ======================	Footer ====================== **/


/*=============================== HOME CSS PARTS ENDS ================================*/


/*=============================== GENERAL ================================*/

h1.h1 {
    color: #000;
}

p,
p.tx {
    color: #333;
}

    p.img_caption {
        color: #333;
    }

select,
input,
textarea {
    /*border: 1px solid #c1c1c1 !Important;
    color: #333 !Important;*/
}

th,
thead tr {
    background-color: #7d7d7d;
    color: #fff;
}

    th.thadjsted {
        background-color: #c7c7c7;
        color: #000;
    }

th,
td {
    border: 1px solid #ababab !important;
}

tr.trthtotal,
tr.trthtotal td,
tr.trthtotal th {
    background-color: #cecece;
    color: #000;
}

a {
    color: #0c4372;
}


/*=============================== Page Header ================================*/

header.pageheader h3.h3.colrh3ad {
    color: #00427a;
}


/*============================ Common css for White Background in container ============================*/

.newfundoffer_hdr div.container {
    background: #fff;
}


/*============================ Common css for button for inner pages ============================*/

.btn_mystyle {
    color: #fff !important;
    background-color: #000;
    border: 1px solid #000 !important;
}

    .btn_mystyle:hover,
    .btn_mystyle:active,
    .btn_mystyle:focus,
    .btn_mystyle:active:focus,
    .btn_mystyle.active {
        background-color: #fff;
        border: 1px solid #00427a !important;
        color: #00427a !important;
    }

        .btn_mystyle.active:hover,
        .btn_mystyle.active:active,
        .btn_mystyle.active:focus,
        .btn_mystyle.active:active:focus {
            background-color: #00427a;
            border: 1px solid #00427a !important;
            color: #fff !important;
        }

input.btn_mystyle.disabled {
    color: #fff !important;
}

.btn_mystyle.disabled,
.btn_mystyle.disabled:hover,
.btn_mystyle.disabled:active,
.btn_mystyle.disabled:focus,
.btn_mystyle.disabled:active:focus,
.btn_mystyle.disabled.active,
.btn_mystyle.disabled.active:hover,
.btn_mystyle.disabled.active:active,
.btn_mystyle.disabled.active:focus,
.btn_mystyle.disabled.active:active:focus {
    color: #000 !important;
    border: 1px solid #d6d6d6;
}


/*============================ horizontal tab structure css ============================*/

#horizontalTab_custominner .resp-tabs-container {
    background-color: #fff;
}

#horizontalTab_custominner h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}


/*-----------Vertical tabs-----------*/

#horizontalTab_custominner .resp-vtabs .resp-tabs-container {
    background-color: #fff;
    border: 1px solid #c1c1c1;
}

#horizontalTab_custominner .resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    background-color: #fff;
}

#horizontalTab_custominner .resp-arrow {
    border-top: 12px solid #c1c1c1;
}

#horizontalTab_custominner h2.resp-tab-active span.resp-arrow {
    border-bottom: 12px solid #fff;
}


/*Accordion styles*/


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 991px) {
    #horizontalTab_custominner .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1;
    }
}
/*============================ Insurance Portfolio ============================*/

.cashflowmaincontdiv .cashflowheaddv {
    background-color: #00427a;
    color: #333;
}
/*============================ Wealth Portfolio ============================*/
.wmportfoliotablehead {
    background-color: #000;
}

    .wmportfoliotablehead h4.h4 {
        color: #fff;
    }

.wmporflobotmpandbnw .wmporflobotmpandbnw_indi .wmporflobotmpandbnw_imgcont i,
.wmporflobotmpandbnw .wmporflobotmpandbnw_indi .wmporflobotmpandbnw_imgcont svg {
    color: #737373;
}

.wmporflobotmpandbnw .wmporflobotmpandbnw_indi:hover .wmporflobotmpandbnw_imgcont {
    background-color: #00427a;
    border-color: #00427a;
}

    .wmporflobotmpandbnw .wmporflobotmpandbnw_indi:hover .wmporflobotmpandbnw_imgcont i,
    .wmporflobotmpandbnw .wmporflobotmpandbnw_indi:hover .wmporflobotmpandbnw_imgcont svg {
        color: #fff;
    }

.useflrepmaindv {
    border: 1px solid #00427a;
}

    .useflrepmaindv .useflrepsubdv1 {
        background-color: #000;
    }

        .useflrepmaindv .useflrepsubdv1 h4.h4 {
            color: #fff;
        }

#myModalCAGRWealth .modal-header .close,
#myModalCAGRWealth .modal-header .modal-title {
    color: #fff;
}

.alldebtequicondv2 .btn_mystyle.active:hover,
.alldebtequicondv2 .btn_mystyle.active:active,
.alldebtequicondv2 .btn_mystyle.active:focus,
.alldebtequicondv2 .btn_mystyle.active:active:focus {
    background-color: #fff;
    border: 1px solid #999999 !important;
    color: #999999 !important;
}

.sharepricepercentdate {
    background-color: #6b6b6b;
    color: #fff;
}

    .sharepricepercentdate .pricepercentdivcon .priceperdiv2 {
        border-left: 2px solid #fff;
    }

        .sharepricepercentdate .pricepercentdivcon .priceperdiv2 p.smallp {
            color: #fff;
        }

.amcjmfcfmb p.tx {
    border-right: 1px solid #333;
}

    .amcjmfcfmb p.tx span {
        color: #00427a;
    }

.fndsnpbasicplusdate {
    background-color: #00427a;
}

.fndsnpshtbasinfotabcont h4 {
    color: #fff;
}

    .fndsnpshtbasinfotabcont h4.h4sepissnw {
        background-color: #00427a;
        color: #fff;
    }

.fndsnpbasicplusdate h4 + span {
    color: #fff;
}

.fndper4retinlinbtncont .nav li a,
.fndper4retinlinbtncont .nav li a:active:hover,
.fndper4retinlinbtncont .nav li a:active:focus {
    border: 1px solid #00427a !important;
    color: #00427a !important;
    background-color: #ffdbc9;
}

.fndper4retinlinbtncont .nav li.active a,
.fndper4retinlinbtncont .nav li.active a:active:hover,
.fndper4retinlinbtncont .nav li.active a:active:focus {
    color: #fff !important;
    background-color: #00427a !important;
}

.companywiseheadtxt {
    background-color: #00427a;
    color: #fff;
}

.alldebtequicondv2 a.btn_mystyle {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000 !important;
}

    .alldebtequicondv2 a.btn_mystyle.active,
    .alldebtequicondv2 .btn_mystyle.active:hover,
    .alldebtequicondv2 .btn_mystyle.active:active,
    .alldebtequicondv2 .btn_mystyle.active:focus,
    .alldebtequicondv2 .btn_mystyle.active:active:focus {
        background-color: #000;
        color: #fff !important;
    }
/*============================ Buy Online ============================*/
.buy_onlinehdr .div_cst_buyonli_5 .buyonliniconcont {
    border: 1px solid #fff;
}

    .buy_onlinehdr .div_cst_buyonli_5 .buyonliniconcont svg,
    .buy_onlinehdr .div_cst_buyonli_5 .buyonliniconcont i {
        color: #fff;
    }

.buy_onlinehdr h3.h3 {
    color: #fff;
}

.buy_onlinehdr .div_cst_buyonli_5:hover .buyonliniconcont {
    background-color: #fff;
}

    .buy_onlinehdr .div_cst_buyonli_5:hover .buyonliniconcont svg,
    .buy_onlinehdr .div_cst_buyonli_5:hover .buyonliniconcont i {
        color: #000;
    }

/*============================ Lumpsum ============================*/
/*============================ Redeem ============================*/
/*============================ Systematic SIP ============================*/
/*============================ Order History ============================*/
/*============================ NSE Confirm Redeem ============================*/
/*============================ NSE Redeem Status ============================*/
.nseredimstatus1 {
    background-color: #00427a;
    color: #fff;
}
/*============================ NFO ============================*/
button.inscal_genins,
button.inscal_genins:hover,
button.inscal_genins:focus,
button.inscal_genins:active {
    background-color: #000;
    color: #fff;
}

.strtsipsmrtmaindv {
    background-color: #582d83;
}
/*============================ NFO Details ============================*/
/*============================ Forms ============================*/
.formhdrmaindv .formhdrsubdv1 {
    background-color: #00427a;
    color: #fff;
}

.formshdr .tableuniversalcont td:nth-child(2) {
    color: #fff;
}
/** ======================= "sitemap_div" page css Starts here ======================= **/
.sitemap_box h1 {
    background-color: #00427a;
    color: #fff;
}

.sitemap_submenu h2 {
    border: 1px solid #00427a;
}

    .sitemap_submenu h2:hover {
        background-color: #00427a;
        color: #fff;
    }
/** ======================= "sitemap_div" page css Starts here ======================= **/
/*============================ Calculators ============================*/
.calculatorshdr .insufinancalcoptncont .insufinlftdiv i,
.calculatorshdr .insufinancalcoptncont .insufinlftdiv svg {
    color: #fff;
}
/*Invement Growth*/
.tablereportcalccont .tablereport_tab thead tr {
    background-color: #00427a;
}

.tablereportcalccont .tablereport_tab tbody tr {
    background-color: #00427a;
}
/*============================ Premium due ============================*/
/*============================ My Documnets ============================*/
/*============================ NRI Insurance Plan ============================*/
.nriinsuplanshdr .nriinsucontdv .nriinsucontheaddv {
    background-color: #00427a;
    color: #fff;
}

    .nriinsuplanshdr .nriinsucontdv .nriinsucontheaddv h4.h4 a {
        color: #ff583f;
    }
/*============================ Goal Planner ============================*/
.frame4content .panel4 .pan4con .colred {
    color: #bb0b32;
}

.frame4content .panel5#myCarousel .carousel-caption .wantmyretmnthlyannuly .myretmnthnann:hover,
.frame4content .panel5#myCarousel .carousel-caption .wantmyretmnthlyannuly .myretmnthnann:focus,
.frame4content .panel5#myCarousel .carousel-caption .wantmyretmnthlyannuly .myretmnthnann:active {
    background-color: #99cc33;
    color: #000;
}
/* slide 3 goal planner*/
.frame4content .panel5#myCarousel .carousel-caption .euitymf_img_debtmf_con .euitymf_con,
.frame4content .panel5#myCarousel .carousel-caption .euitymf_img_debtmf_con .debtmf_con {
    border: 1px solid #00427a;
}

.frame4content .panel5#myCarousel .carousel-caption .euitymf_img_debtmf_table_con .schme4u_diff_scheme .scheme4utable thead tr {
    background-color: #add6f8;
    color: #00427a;
}
/*============================ Login Page ============================*/
/*input fields start*/
.input__field--hoshi {
    color: #00427a !important;
}

.dropdown .dropdown-menu .input__label-content--hoshi,
.dropdown .dropdown-menu label.selectinputcrete span {
    color: #00427a;
}

.input--filled input[type=password] {
    color: #00427a;
}

.lgn_cont_4_siginacess .forgotpassbtn4sigin {
    color: #fff;
    background-color: #00427a;
    border: 1px solid #00427a;
}

.lgn_cont_4_siginacess .forgotpassword {
    color: #00427a;
}
/*============================ Register User ============================*/
button[disabled] {
    color: #00427a;
}

.carouselbuynow .carousel-indicators .active {
    background-color: #3aaaff;
}
/*============================ Premium Outstanding ============================*/
/** ============================== child calculator page css starts here ================================= **/
.child_bigbtn h2,
.child_bigbtn .btn-default h2 {
    color: #003366;
}

.risk_profile .moder_btn {
    border-color: #cccc33;
    color: #999999;
}

.child_inflatn .input-group input {
    color: #00427a;
}

.child_corpus h1 {
    color: #00427a;
}

.child_main .child_result > h1 {
    color: #00427a;
}

h4.big_he,
.child_main .child_result > h4.big_he {
    color: #00427a;
}

.child_result .child_grey2 {
    padding: 15px 176px 15px 50px;
}

.child_result h2 {
    color: #00427a;
}

.child_sip {
    color: #00427a;
    border-bottom: 3px solid #00427a;
}

.child_grey2 .child_sip input {
    border-bottom: 3px solid #00427a;
}

.child_sip input {
    color: #00427a;
}

.child_result .btn-primary {
    border-radius: 0px;
    width: 218px;
    outline: 0px;
}

.flatdash {
    border: 0 !important;
    border-bottom: 2px solid #00427a !important;
}
/** ============================== Retirement Goal min page css start here ================================= **/
.more_option a {
    color: #00427a;
}

.retirement h4 {
    color: #00427a;
}

.retirement p {
    color: #00427a;
}

.savings_period_inn h1 {
    color: #00427a;
}
/** ============================== Retirement Goal page css end here ================================= **/
/** ============================== MY MF account css start here ================================= **/
/** ============================== MY MF account css end here ================================= **/
/*============================ About us ============================*/
.aboutus .abtus_txtcont h2.h2 {
    color: #005083;
}

.aboutus .abtus_txtcont h3.h3 {
    color: #333;
}

.aboutus .abtus_txtcont h4.h4 {
    color: #333;
}
/*============================ Photogallery/Awards/Certificates Start here============================*/
.linkedicons .linked_iconcontindi:hover {
    background-color: #000;
}

.linkedicons .linked_iconcontindi span {
    color: #fff;
}

    .linkedicons .linked_iconcontindi span img {
        margin-top: -21px;
    }

@media screen and (max-width: 480px) {
    .sl-wrapper .sl-navigation button {
        color: #fff;
    }
}
/*============================ Photogallery/Awards/Certificates Ends here============================*/
/*============================ why mutual fund============================*/
.ymutualfundmaindiv .nav-tabs li.active a,
.ymutualfundmaindiv .nav-tabs li a {
    background-color: #00427a;
    color: #fff;
}

.ymutualfundmaindiv .nav-tabs li a {
    background-color: #00427a;
}
/* ====================== hompgstratsiphdr start ====================== */
.hompgstratsiphdr .moinextofumaindiv .moinextofuindidiv .moinextofusubdiv1 {
    background-color: #0567ba;
    border: 2px solid #024176;
}

.hompgstratsiphdr .moinextofumaindiv .moinextofuindidiv .moinextofusubdiv5 {
    border: 2px solid #024176;
}

.hompgstratsiphdr .moinextofumaindiv .moinextofuindidiv .moinextofusubdiv2,
.hompgstratsiphdr .moinextofumaindiv .moinextofuindidiv .moinextofusubdiv3,
.hompgstratsiphdr .moinextofumaindiv .moinextofuindidiv .moinextofusubdiv4 {
    border: 2px solid #024176;
}

.hompgstratsiphdr .startsipnowbtn {
    color: #000 !important;
    background-color: #ffa677;
    border: 4px solid #fff;
}
/* ====================== hompgstratsiphdr end ====================== */
/* ====================== homgpanelinvtpperfo start ====================== */
.homgpanelinvtpperfo {
    padding: 40px 0;
}
/* ====================== homgpanelinvtpperfo end ======================*/
/*============================ Top Performing funds ============================*/
.topperdv1 .nav-tabs > li > a {
    color: #000 !important;
    border: 1px solid #000;
}

.topperdv1 .nav-tabs > li.active > a,
.topperdv1 .nav-tabs > li.active > a:focus,
.topperdv1 .nav-tabs > li.active > a:hover {
    color: #fff !important;
    background-color: #000;
}
/*sec2*/
.topperdv2 span.spansubcat {
    color: #000;
}

.pickurownschemedvp {
    color: #000;
}

.pickurownschemedv .pickurownschemedv_sbdb5 h3.h3 {
    color: #00427a;
}

    .pickurownschemedv .pickurownschemedv_sbdb5 h3.h3.colorred {
        color: #ff0000;
    }

.topperdv1 ul.nav li a:hover {
    background-color: #000;
    color: #fff !important;
}
/*============================ Gainers & Losers ============================*/
.gainlosedv1 ul.nav li a:hover {
    background-color: #000;
    border: 1px solid #000;
}

.gainlosedv1 .nav-tabs li a {
    color: #00427a !important;
    border: 1px solid #00427a;
}

.gainlosedv1 .nav-tabs > li.active > a,
.gainlosedv1 .nav-tabs > li.active > a:focus,
.gainlosedv1 .nav-tabs > li.active > a:hover {
    color: #fff !important;
    background-color: #00427a;
}
/*============================ create free account or investor info ============================-*/
/* ========== Create free account ========== */
/*switch1 start*/
.switch1-light > span span:first-child {
    color: #2b2b2b;
}

.switch1-light a {
    background-color: #00427a;
}
/*switch1 end*/
/*switch2 start*/
.switch2-light > span span:first-child {
    color: #2b2b2b;
}

.switch2-light a {
    background-color: #00427a;
}
/*switch2 end*/
/*switch3 start*/
.switch3-light > span span:first-child {
    color: #2b2b2b;
}

.switch3-light a {
    background-color: #00427a;
}
/*switch3 end*/
/*will remove below css once glyphicon icons are replaced by images*/
.wizard li.active span.round-tab {
    background: #00427a;
}
/*remove till here*/
.mycustomwizard li.active:after {
    color: #ffa500;
}

#butOTP:focus,
#verify_otp:focus,
#resend_otp:focus {
    background-color: #00427a;
    color: #fff;
}

#btn_signup:focus {
    background-color: #fff;
    color: #00427a;
}
/*custom*/
.mycustomwizard .backbox .innerbox3 {
    top: -35px;
    left: 25%;
}

.mycustomwizard li.active .backbox .innerbox1 {
    background-color: #00427a;
}

.mycustomwizard li.active .backbox .innerbox2 {
    background-color: #00427a;
}

.mycustomwizard li.active .backbox .innerbox3 {
    background-color: #00427a;
}

.tab-pane h2.h2 {
    color: #fff;
    background-color: #00427a;
}

    .tab-pane h2.h2.bgblue {
        background-color: #00427a;
    }

.expandcollapse_header.investorinfoexpcollapbankdeta .panel-group .panel .panel-heading {
    background-color: #c9dbff;
    border: 1px solid #97b9ff;
}

button.next-step,
button.prev-step {
    color: #fff;
    background-color: #00427a;
    border: 1px solid #00427a;
}

    button.next-step span.arrow,
    button.prev-step span.arrow {
        color: #ffa500;
    }

#but2nd,
#div3rd {
    color: #00427a;
}

.customdiv h4.h4 {
    color: #00427a;
}

.customdiv span.blue {
    color: #00427a;
}

.step44 .custdivforbutton button {
    border: 1px solid #7599bc;
    background-color: #eaf0ff;
    color: #09559f;
}

    .step44 .custdivforbutton button:hover {
        background-color: #09559f;
        color: #fff;
    }

a.ifscvalidatrlink_investrinfo {
    background-color: #00427a;
    color: #fff !important;
    border: 1px solid #d4d5d8;
}
/*============================ wm_success.asp page ============================*/
#eKYC_popup .close {
    display: block;
}
/*============================ wm_success.asp page ============================*/
/*============================ Growth calculator ============================*/
/*======================== Risk Profile ========================*/
.frame4content.riskprofilepg .riskporansldesc {
    background-color: #00427a;
}

    .frame4content.riskprofilepg .riskporansldesc p {
        color: #fff;
    }
/*======================== Risk Profile (slide 8) replica of slide 2 ========================*/
/*======================== SIP CALCULATOR ========================*/
.moinextofumaindiv .moinextofuindidiv .moinextofusubdiv1,
.moinextofumaindiv .moinextofuindidiv .moinextofusubdiv5 {
    background-color: #0567ba;
    border: 1px solid #a5a5a5;
    color: #fff;
}

.moinextofumaindiv .moinextofuindidiv .moinextofusubdiv5 {
    background-color: #bfdef8;
    color: #033865 !important;
}

.moinextofumaindiv .moinextofuindidiv .moinextofusubdiv3 input {
    background: #fff;
    color: #f04321 !important;
}

.sipcalcgbotmtablecont .growthcaltablecont th:first-child {
    color: #fff;
}

.sipcalcgbotmtablecont .growthcaltablecont td:first-child {
    color: #f04321;
}

.sipcalcgbotmtablecont h3.h3 {
    color: #1f8fae;
}
/*======================== PREMIUM CALCULATOR ========================*/
.premimbtncontmain .prembtn1cont,
.premimbtncontmain .prembtn2cont {
    background-color: #00427a;
    color: #fff;
}

    .premimbtncontmain .prembtn1cont .premrytetxtcon .premrytetxtcon_sub,
    .premimbtncontmain .prembtn2cont .premrytetxtcon .premrytetxtcon_sub {
        background-color: #306fa5;
    }

.premimbtncontmain.prembtn2contspcl .prembtn2cont {
    background-color: #00427a;
}

    .premimbtncontmain.prembtn2contspcl .prembtn2cont .premrytetxtcon .premrytetxtcon_sub {
        background-color: #00427a;
    }

.premcalcsli2cont .premcalcsli2divcont .smassuredvalinpu,
.premcalcsli2cont .premcalcsli2divcont .smassuredvalinpureslt,
.premcalcsli2cont .premcalcsli2divcont .smassuredvalinpuwhyte {
    background-color: #00427a;
    color: #fff;
}

.premcalcsli2cont .premcalcsli2divcont .smassuredvalinpureslt {
    background-color: #00427a;
    color: #fff;
}
/** ======================= "HLV_calc" page css Starts here ======================= **/
.hlv_slide10 .HLV_calcRow:first-child .sum_head1:first-child,
#txtHumanLifeValue,
.hlv_slide10 .HLV_calcRow:first-child .sum_head1:first-child input {
    color: #a00909;
}

.hlv_slide10 .HLV_calcRow:first-child {
    background-color: #00427a;
}
/** ======================= "HLV_calc" page css Ends here ======================= **/
/** ======================= DIVIDEND DECLARED page css starts here ======================= **/
.divideclindidv1_sb1 .nav-tabs > li > a {
    color: #00427a !important;
    border: 1px solid #00427a;
}

.divideclindidv1_sb1 .nav-tabs > li.active > a,
.divideclindidv1_sb1 .nav-tabs > li.active > a:focus,
.divideclindidv1_sb1 .nav-tabs > li.active > a:hover {
    color: #fff !important;
    background-color: #00427a;
    border: 1px solid #00427a;
}
/** ======================= DIVIDEND DECLARED page css Ends here ======================= **/
/*=============================== INVEST ONLINE CONFIRM ================================*/
/*=============================== WHY SIP ================================*/
/*=============================== SUCCESS ================================*/
/*=============================== SUCCESS II ================================*/
/*=============================== START SIP II ================================*/
/*=============================== LIFE INSURANCE ================================*/
.lifeinsurancemaindiv .nav-tabs li.active a,
.lifeinsurancemaindiv .nav-tabs li a {
    background-color: #00427a;
    color: #fff;
}

.lifeinsurancemaindiv .nav-tabs li a {
    background-color: #00427a;
}
/*=============================== Articles table structure ================================*/
.article_tab_cont .article_table tr:hover td.srno {
    background-color: #00427a;
    color: #fff;
}

.articles_more_band a {
    color: #00427a !important;
}
/*=============================== Articles Expand Collapse ================================*/
/*============================ Articles Details ============================*/
.art_det_cont .art_det_cont_head {
    background-color: #00427a;
    color: #fff;
}
/*============================ side tab ============================*/
button.btn_gtlatstinolic,
button.btn_gtlatstinolic:hover,
button.btn_gtlatstinolic:focus,
button.btn_gtlatstinolic:active {
    background-color: #0c92b8;
    color: #fff;
}

.licpngtlstinfo_con {
    background-color: #6666cc;
}

    .licpngtlstinfo_con .licpngtlstinfo1 p {
        color: #fff;
    }

    .licpngtlstinfo_con .licpngtlstinfo1 h2 {
        color: #fff;
    }

button.btn_kc_knwcent,
button.btn_kc_knwcent:hover,
button.btn_kc_knwcent:focus,
button.btn_kc_knwcent:active {
    background-color: #0c92b8;
    color: #fff;
}

.table_kc_knwcent tr:nth-child(even) {
    background-color: #d4e7fb;
}

.table_kc_knwcent tr:nth-child(odd) {
    background-color: #ecf5ff;
}
/*============================ Industry News ============================*/
/*============================ Tax Guide ============================*/
/*============================ Product Information Life Insurance ============================*/
/*============================ Product info LIC plan detail ============================*/
.modal .modal-header {
    background-color: #00427a;
    color: #fff;
}

.modal .close {
    color: #fff;
}

.modal .close_btn {
    color: #fff;
    background-color: #00427a;
    border: 1px solid #00427a;
}

.proinfo_plandetailmain .entrurmdlbdymaindv {
    border: 1px solid #00427a;
}

    .proinfo_plandetailmain .entrurmdlbdymaindv .urreqmodalbdy {
        border-bottom: 1px solid #00427a;
    }
/*============================ sub expand collapse ============================*/
.expandcollapse_header.sub_expcoll .panel-group .panel .panel-heading {
    background-color: #00427a;
}
/*============================ General Insurance ============================*/
.healthinsupladethdr .healinsupladetdv1 .selselpopupnlpladet .closebtnx {
    color: #fff;
    background-color: #00427a;
    border: 1px solid #00427a;
}
/*============================ corporate Deposits ============================*/
.corporatedespo_hdr h2.h2 {
    color: #005083;
}
/*============================ Contact Us ============================*/
.contactus .headofccontdiv .headofcheadcont {
    background-color: #000;
    color: #fff;
}

.headofcheadcont1 {
    margin-left: 10px;
}
/*============================ Product Info other plan detail ============================*/
.othrprotectnplan .protctplanmaindiv .protctplansubdiv11 h3.h3:nth-child(2) {
    color: #00427a;
}

.othrprotectnplan .protctplanmaindiv .protctplansubdiv2 h4.h4 {
    color: #333;
}
/** ============================== "Income Tax Calculator" page css ENDs here ================= **/
.actvbtn_Incomecalc .IncomeCalc_indiv_right {
    background-color: #bdbaff;
}

.actvbtn_Incomecalc {
    background-color: #000 !important;
}

.IncomeCalc_indiv .IncomeCalc_indiv_right p {
    color: #fff;
}

    .IncomeCalc_indiv .IncomeCalc_indiv_right p:last-child {
        color: #fff;
    }

.IncomeCalc_indiv h2 {
    color: #fff;
}

.IncomeCalc_BaInfo > p,
.IncomeCalc_IncDet > p,
.IncomeCalc_Dedctn > P,
.IncomeCalc_FinalSum > P {
    color: #582d83;
}

.BaInfoBox_row .age_grp:hover,
.Actage_grp {
    color: #fff !important;
    background-color: #5252a2 !important;
}

.IncomeCalc_allodet p,
.IncomeCalc_calcHra p {
    color: #582d83;
}

.calcHraBox_row input[type=button] {
    background-color: #003366;
    color: #fff !important;
}

.mainIncome_Calc input:focus {
    border-color: #66afe9;
}
/** ============================== "Income Tax Calculator" page css ENDs here ================= **/


/*============================ stellar nav starts here ============================*/
.stellarnav {
    position: relative;
    /*width: 100%;*/
    line-height: normal;
}

    .stellarnav ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .stellarnav li {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        line-height: normal;
        vertical-align: middle;
    }

        .stellarnav li a {
            padding: 5px 17px;
            display: block;
            text-decoration: none;
            color: #777;
            font-size: inherit;
            box-sizing: border-box;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }
    /* main level */
    .stellarnav > ul > li {
        display: inline-block;
    }

        .stellarnav > ul > li > a {
            letter-spacing: 0.1px;
            font-size: 15px;
        }
    /* first level dd */
    .stellarnav ul ul {
        top: auto;
        width: 175px;
        position: absolute;
        z-index: 9900;
        text-align: left;
        display: none;
        background: #ddd;
        border: 1px solid #ddd;
    }

    .stellarnav li li {
        display: block;
    }

        .stellarnav li li:hover {
            background-color: #000;
        }
    /* second level dd */
    .stellarnav ul ul ul {
        top: 0;
        /* dd animtion - change to auto to remove */
        left: 175px;
        box-shadow: 0 0 5px;
    }

    .stellarnav > ul > li:hover > ul > li:hover > ul {
        opacity: 1;
        visibility: visible;
        top: 0;
    }
    /* .drop-left */
    .stellarnav > ul > li.drop-left > ul {
        right: 0;
    }

    .stellarnav li.drop-left ul ul {
        left: auto;
        right: 220px;
    }
    /* light theme */
    .stellarnav.light {
        background: transparent;
    }

        .stellarnav.light ul ul {
            background: rgba(255, 255, 255, 1);
        }

        .stellarnav.light li a {
            color: #fff;
            /*border-right: 1px solid #fff;*/
        }

        .stellarnav.light li:last-child a {
            border-right: 0;
        }

        .stellarnav.light ul ul li a {
            color: #000;
            border-bottom: 1px solid #ccc;
        }

        .stellarnav.light ul ul li:last-child a {
            border-bottom: 0px;
        }

    .stellarnav > ul > li:hover a {
        color: #fff;
    }

    .stellarnav > ul > li li:hover a {
        color: #fff;
    }

    .stellarnav > ul > li li:hover li a {
        color: #333;
    }

    .stellarnav > ul > li li li:hover a {
        color: #fff;
    }

    .stellarnav li li a {
        font-size: 12px;
        padding: 5px 10px;
    }

    .stellarnav.light .menu-toggle,
    .stellarnav.light .call-btn-mobile,
    .stellarnav.light .location-btn-mobile {
        color: rgba(0, 0, 0, 1);
    }
    /* dark theme */
    .stellarnav.dark {
        background: rgba(0, 0, 0, 1);
    }

        .stellarnav.dark ul ul {
            background: rgba(0, 0, 0, 1);
        }

        .stellarnav.dark li a {
            color: #FFF;
        }

        .stellarnav.dark .menu-toggle,
        .stellarnav.dark .call-btn-mobile,
        .stellarnav.dark .location-btn-mobile {
            color: rgba(255, 255, 255, 1);
        }
    /* sticky nav */
    .stellarnav.fixed {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x {
    overflow-x: hidden;
}
/* general styling */
.stellarnav li.has-sub > a:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    margin-left: 6px;
}

.stellarnav li li.has-sub > a:after {
    content: '\f0da';
    font-family: 'FontAwesome';
    margin-left: 10px;
}

.stellarnav li.drop-left li.has-sub > a:after {
    float: left;
    content: '\f0d9';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.stellarnav.hide-arrows li.has-sub > a:after,
.stellarnav.hide-arrows li li.has-sub > a:after,
.stellarnav.hide-arrows li.drop-left li.has-sub > a:after {
    display: none;
}

.stellarnav .menu-toggle,
.stellarnav .close-menu,
.stellarnav .call-btn-mobile,
.stellarnav .location-btn-mobile {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
}

.stellarnav .dd-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    z-index: 9999;
    border: 0;
}

    .stellarnav .dd-toggle i {
        position: absolute;
        margin: auto;
        top: 33%;
        /*left: 0;*/
        right: 20px;
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
    }

.stellarnav.mobile > ul > li > a.dd-toggle {
    padding: 0;
}

.stellarnav li.call-btn-mobile,
.stellarnav li.location-btn-mobile {
    display: none;
}

.stellarnav li.open > a.dd-toggle i {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
/* Fallback for slow javascript */
@media only screen and (max-width: 992px) {
    .stellarnav {
        overflow: hidden;
        display: block;
    }

        .stellarnav ul {
            position: relative;
            display: none;
        }
}
/* mobile nav */
.stellarnav .menu-toggle,
.stellarnav .call-btn-mobile,
.stellarnav .location-btn-mobile {
    color: #777;
    padding: 15px;
    box-sizing: border-box;
}

.stellarnav .full {
    width: 100%;
}

.stellarnav .half {
    width: 50%;
}

.stellarnav .third {
    width: 33%;
    text-align: center;
}

.stellarnav .location-btn-mobile.third {
    text-align: center;
}

.stellarnav .location-btn-mobile.half {
    text-align: right;
}

.stellarnav.light .third,
.stellarnav.light .half {
    border-left: 1px solid rgba(0, 0, 0, .15);
}

    .stellarnav.light .third:first-child,
    .stellarnav.light .half:first-child {
        border-left: 0;
    }

.stellarnav.dark .third,
.stellarnav.dark .half {
    border-left: 1px solid rgba(255, 255, 255, .15);
}

    .stellarnav.dark .third:first-child,
    .stellarnav.dark .half:first-child {
        border-left: 0;
    }

.stellarnav.mobile {
    position: static;
}

    .stellarnav.mobile.fixed {
        position: static;
    }

    .stellarnav.mobile ul {
        position: relative;
        display: none;
    }

    .stellarnav.mobile.active {
        padding-bottom: 0;
    }

        .stellarnav.mobile.active > ul {
            display: block;
        }

    .stellarnav.mobile ul {
        text-align: left;
    }

    .stellarnav.mobile > ul > li {
        display: block;
    }

        .stellarnav.mobile > ul > li > a {
            padding: 15px;
        }

    .stellarnav.mobile ul {
        background: rgba(221, 221, 221, 1);
    }

        .stellarnav.mobile ul ul {
            position: relative;
            opacity: 1;
            visibility: visible;
            width: auto;
            display: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: color 0 ease-in;
            transition: none;
        }

            .stellarnav.mobile ul ul ul {
                left: auto;
                top: auto;
            }

    .stellarnav.mobile li.drop-left ul ul {
        right: auto;
    }

    .stellarnav.mobile li a {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .stellarnav.mobile li.has-sub a {
        padding-right: 50px;
    }

    .stellarnav.mobile > ul {
        border-top: 1px solid rgba(255, 255, 255, .15);
    }

    .stellarnav.mobile.light li a {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
    }

    .stellarnav.mobile.light > ul {
        border-top: 1px solid rgba(0, 0, 0, .15);
    }

    .stellarnav.mobile li a.dd-toggle {
        border: 0;
    }

    .stellarnav.mobile.light li a.dd-toggle {
        border: 0;
        width: 100%;
    }

    .stellarnav.mobile .menu-toggle,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .close-menu,
    .stellarnav.mobile .call-btn-mobile,
    .stellarnav.mobile .location-btn-mobile {
        display: inline-block;
    }

    .stellarnav.mobile li.call-btn-mobile {
        border-right: 1px solid rgba(255, 255, 255, .1);
        box-sizing: border-box;
    }

    .stellarnav.mobile li.call-btn-mobile,
    .stellarnav.mobile li.location-btn-mobile {
        display: inline-block;
        width: 50%;
        text-transform: uppercase;
        text-align: center;
    }

        .stellarnav.mobile li.call-btn-mobile.full,
        .stellarnav.mobile li.location-btn-mobile.full {
            display: block;
            width: 100%;
            text-transform: uppercase;
            border-right: 0;
            text-align: left;
        }

        .stellarnav.mobile li.call-btn-mobile i,
        .stellarnav.mobile li.location-btn-mobile i {
            margin-right: 5px;
        }

    .stellarnav.mobile.light ul {
        background: rgb(17, 23, 35);
        z-index: 9;
    }

        .stellarnav.mobile.light ul ul {
            background: rgb(255, 255, 255);
            width: 100% !important;
        }

    .stellarnav.mobile.dark ul {
        background: rgba(0, 0, 0, 1);
    }

        .stellarnav.mobile.dark ul ul {
            background: rgba(255, 255, 255, .08);
        }

    .stellarnav.mobile.light li.call-btn-mobile {
        border-right: 1px solid rgba(0, 0, 0, .1);
    }

    .stellarnav.mobile.top {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .stellarnav.mobile li.has-sub > a:after,
    .stellarnav.mobile li li.has-sub > a:after,
    .stellarnav.mobile li.drop-left li.has-sub > a:after {
        display: none;
    }
/* mobile nav */
@media only screen and (max-width: 420px) {
    .stellarnav.mobile .call-btn-mobile.third span,
    .stellarnav.mobile .location-btn-mobile.third span {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .stellarnav {
        z-index: 9900;
    }

        .stellarnav .menu-toggle,
        .stellarnav .call-btn-mobile,
        .stellarnav .location-btn-mobile {
            padding: 0
        }

        .stellarnav.light .menu-toggle,
        .stellarnav.light .call-btn-mobile,
        .stellarnav.light .location-btn-mobile {
            color: #fff;
        }

    #main-nav .menu-toggle.full:nth-child(2) {
        display: none;
    }

    #main-nav .menu-toggle.full i {
        font-size: 36px;
        float: right;
        margin-right: 15px;
    }

    .stellarnav.light li li a,
    .stellarnav > ul > li:hover li a {
        color: #000;
    }

    .stellarnav > ul > li li {
        padding-left: 20px;
    }

        .stellarnav > ul > li li:hover {
            background-color: #101c29;
            padding-left: 20px;
        }

            .stellarnav > ul > li li:hover a {
                color: #fff;
            }
}
/*============================ stellar nav ends here ============================*/


.elm_icon_text {
    border: 0;
    margin: 19px 18px;
    display: none;
    position: fixed;
    bottom: 110px;
    left: 0;
    /* right: 0;	 */
}

    .elm_icon_text span {
        /* background-color: #ffcd05 !important; */
        padding: 3px 10px;
        /* font-weight: bold; */
        float: left;
        position: absolute;
        left: 236px;
        top: 30px;
    }

@media only screen and (max-width: 767px) {
    .elm_icon_text {
        display: block;
        margin: 0px auto;
        border-right: 0px !important;
    }

        .elm_icon_text i {
            color: #000;
            font-size: 20px !Important;
            font-weight: bold;
        }

        .elm_icon_text span {
            left: 362px;
            top: 30px;
        }
}


@media only screen and (max-width: 375px) {

    .elm_icon_text span {
        left: 310px;
        top: 30px;
    }
}



@media only screen and (max-width: 350px) {

    .elm_icon_text span {
        left: 253px;
        top: 30px;
    }
}
