@import "fonts.css";
@media only screen and (min-width:1024px) and (max-width:1440px) {
    .first-level-menu>li:nth-child(7)>div:nth-child(2) {
        height: 204px !important
    }

    .first-level-menu>li:nth-child(1)>div:nth-child(2) {
        height: 204px !important
    }

    .first-level-menu {
        font-size: 11px !important;
        margin-left: 211px !important
    }

    .first-level-menu>li>a {
        padding-top: 20px;
        padding: 22px 4px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
    .first-level-menu {
        font-size: 12px !important;
        margin-left: 201px !important
    }

    .first-level-menu>li {
        padding: 0 6px !important
    }

    .first-level-menu>li>a {
        padding: 35px 0 !important
    }
}

.first-level-menu .new-website-cta {
    min-height: unset !important;
    background-color: #ED1164;
    border-radius: 8px;
    color: #fff !important;
    padding: 12px !important;
}

.header-second-web,
.site-start,
.site-start-modules {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.drop-down-menu,
.shadow-panel {
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.login-flycontent_terms,
body {
    font-family: Arial, Helvetica, sans-serif
}

.first-level-menu>li,
.res-moremenu {
    -webkit-tap-highlight-color: #fff0
}

.acc-sttus-link,
.asstitle a,
.choosefile,
.detailed-analysis span,
.eq-exp-learn,
.faq-clrlink,
.goodreads-list li:hover h3,
.keyawy-list li span,
.morequz a,
.newsinfo li a,
.newslist li:hover a,
.report-showall {
    text-decoration: underline
}

body {
    font-size: 14px;
    color: #666;
    background-color: #f8f8f8
}

.sprite-img {
    background: url(../../../images/beta/joomla/home/sprite-icons.png?25092d020) no-repeat;
    display: inline-block
}

.bdy-overflow {
    overflow-x: hidden
}

.overlayhide {
    overflow: hidden
}

.overlayhide.open {
    overflow: auto
}

.header-section {
    position: fixed;
    width: 100%;
    z-index: 3
}

.site-start,
.site-start-modules {
    margin-top: 96px;
    transition: all .5s ease
}

.site-start-modules {
    margin-top: 137px
}

.site-start-learn {
    margin-top: 34px
}

.site-start-modules-hide {
    margin-top: 134px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.site-start-learn.site-start-modules-after-expansion {
    margin-top: 349px
}

.site-start-after-expansion {
    margin-top: 416px
}

.site-start-after-expansion.site-start-modules-hide {
    margin-top: 448px
}

.site-start-modules-after-expansion {
    margin-top: 461px
}

.header-top {
    background-color: #81003C;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 30;
    font-size: 12px
}

.header-top.coath-text-home {
    z-index: 53
}

.demat-ic1 {
    background-position: -1153px -208px
}

.Wiseadvisor span {
    left: -6px !important
}

.first-level-menu:hover {
    background-color: transparent !important
}

.leftpart,
.rightpart {
    width: 50%;
    float: left;
    padding: 0 20px
}

.leftpart {
    margin-left: 265px;
    z-index: 9999;
    padding: 0;
    position: absolute
}

.rightpart {
    float: right
}

.box-1,
.box-2,
.box-3,
.box-4 {
    float: left;
    width: 25%;
    padding: 0 20px
}

.header-top-expand-arrow {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 36px;
    height: 20px;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 16px;
    z-index: 1000
}

.open-arrow {
    background-position: -75px -78px;
    width: 18px;
    height: 15px;
    margin: 3px 0 0 5px
}

.open-arrow img {
    margin: 0
}

.open-arrow.active {
    background-position: -93px -78px
}

.shadow-after-border {
    border-top: 1px solid #4a4a4a
}

.before-expand {
    padding: 11px 0;
    height: 37px
}

.after-expand {
    padding: 60px 0 35px;
    display: none;
    background: url(../images/beta/joomla/pattern1.png) #252525;
    height: 375px;
    width: 100%
}

.bottom-color {
    border-bottom: 1px solid rgb(255 255 255 / .1);
    width: 200px
}

.box-2 .bottom-color {
    padding-bottom: 5px;
    color: #999
}

.top-label {
    color: #dab0b0
}

.top-news div,
.top-news>p {
    float: left;
    color: rgb(255 255 255 / .9)
}

.top-portfolio {
    margin-left: 15px
}

.port-dis {
    display: none
}

.latest-new-top {
    display: inline-block;
    margin-top: -2px
}

.top-news div.top-news-snap,
.top-news p.top-news-snap {
    display: none
}

.top-news div.expansion-hide-data,
.top-news p.expansion-hide-data {
    display: none
}

.latest-new-top li,
.market-ticker-fir li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.market-ticker-fir li {
    width: auto
}

.latest-new-top li {
    width: 400px
}

.top-news div.expansion-hide-data,
.top-news div.top-news-snap,
.top-news p.expansion-hide-data,
.top-news p.top-news-snap {
    display: none
}

.top-news-right {
    float: right
}

.sensex-up-arrow {
    background-position: -138px -14px;
    width: 7px;
    height: 10px
}

.top-sensex-val {
    margin-left: 4px
}

.latest-news {
    margin-left: 15px
}

.benfit-account-list li {
    margin-top: 10px;
    color: #fff;
    padding-left: 20px;
    position: relative
}

.benfit-account-list li:before {
    content: "";
    width: 6px;
    height: 6px;
    left: 0;
    top: 3px;
    background-color: #fff;
    position: absolute
}

.header-menu {
    float: right;
    margin: 0 0 0 40px
}

.header-menu li {
    display: inline-block
}

.header-menu li.mob-nav-dis {
    display: none
}

.select-val,
.support-icon {
    display: inline-block
}

.awesometool-con.le.quotestool {
    top: 48px
}

.header-menu>li>a {
    padding: 0 5px;
    color: #fff
}

.header-menu li:last-child a {
    border-right: 0
}

.hea-top-drop li i {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 5px
}

.ind-flag {
    background: url(../images/home/ind.png)
}

.globe-flag {
    background: url(../images/home/globe.png)
}

.glode-img,
.ind-img {
    width: 20px;
    height: 20px;
    background: url(../images/home/ind.png);
    vertical-align: bottom;
    margin-right: 5px
}

.glode-img {
    background: url(../images/home/globe.png)
}

.header-menu>li>a:hover {
    color: rgb(255 255 255 / .5)
}

.support-icon {
    background-position: -48px -84px;
    width: 10px;
    height: 6px
}

.support {
    position: relative
}

.drop-down-menu {
    background-color: #F1EFEF;
    position: absolute;
    top: 24px;
    right: 0;
    text-align: left;
    border: 1px solid #e5e6e6;
    z-index: 12;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.drop-down-menu>li {
    border-bottom: 1px solid #e5e6e6;
    display: block
}

.drop-down-menu>li:last-child {
    border-bottom: 0
}

.drop-down-menu>li>a {
    display: block;
    padding: 16px;
    color: #3c3c3c
}

.check-terms,
.drop-down-menu>li.disabled {
    padding: 16px
}

.check-terms label {
    color: #333
}

.drop-down-menu>li>a:hover {
    background-color: #fff
}

.support-menu {
    width: 120px;
    display: none;
    top: 24px;
    z-index: 31
}

.support-menu li a img {
    vertical-align: text-bottom;
    margin-right: 5px
}

.header-tab-structure {
    display: table
}

.header-tab-structure li {
    display: table-cell;
    padding: 0 10px 0 0;
    float: none
}

.header-tab-structure li a {
    color: #999;
    font-size: 14px;
    padding: 0 0 9px;
    border: 0;
    display: inline-block;
    font-weight: 400;
    border-bottom: 1px solid #fff0
}

.header-tab-structure li a:hover {
    background: 0 0
}

.header-tab-structure .ui-tabs-active a {
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    background: 0 0
}

.header-tab-structure li:last-child {
    padding-left: 10px;
    border-right: 0
}

.header-top-tabs-con .ui-tabs-panel {
    padding: 0
}

.lastupdate-share {
    color: #666;
    margin-top: 10px
}

.lastup-div {
    padding-bottom: 10px
}

.sensex-list {
    padding: 20px 0;
    overflow: hidden
}

.sensex-list li {
    color: #666;
    margin-bottom: 10px
}

.sensex-name {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 3px
}

.sensex-amt {
    width: 80px
}

.sensex-rate {
    width: 50px;
    margin-left: 10px
}

.sensex-inc {
    width: 70px;
    margin-left: 10px
}

.sensex-amt,
.sensex-inc,
.sensex-rate {
    color: rgb(255 255 255 / .8);
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px
}

.sen-sex-arrow {
    width: 8px;
    height: 9px;
    margin-right: 5px
}

.sensex-price-whi-inc {
    background-position: -116px -79px
}

.sensex-price-whi-dec {
    background-position: -130px -81px
}

.sensex-price-inc {
    background-position: -10px -79px
}

.sensex-price-dec {
    background-position: -18px -79px
}

.expansion-show-all {
    margin-top: 6px
}

.expansion-show-all a {
    color: rgb(255 255 255 / .2);
    padding: 3px 8px;
    display: inline-block;
    border: 1px solid rgb(255 255 255 / .2)
}

.expansion-show-all a:hover {
    color: rgb(255 255 255 / .5);
    background: 0 0
}

.footer h6 {
    font-size: 14px;
    color: rgb(255 255 255 / .8)
}

.benfit-heading {
    color: #1267b8;
    font-size: 18px;
    padding-bottom: 10px
}

.benfit-image {
    margin-left: 10px;
    display: none
}

.latest-news-list {
    padding: 20px 0;
    overflow: hidden;
    height: 230px;
    width: 75%
}

.latest-news-list li {
    margin-bottom: 15px
}

.latest-news-list li .latest-con {
    line-height: 14px
}

.latest-news-link {
    margin-top: 7px
}

.ago {
    color: #666
}

.latest-con a {
    color: rgb(255 255 255 / .8)
}

.start-site {
    padding: 106px 0 40px
}

.port-hea-after,
.port-res {
    font-size: 20px;
    color: #fff
}

.port-hea-after {
    font-size: 14px
}

.port-over-hea {
    float: left
}

.port-dis-click {
    font-size: 10px;
    color: #fff;
    margin-left: 5px;
    float: right;
    display: block
}

.port-names {
    font-size: 12px;
    margin-top: 5px;
    display: inline-block
}

.pro-inc,
.pro-rate {
    font-size: 14px
}

.pro-rate {
    margin-left: 20px
}

.port-info {
    margin-top: 10px
}

.port-info .expansion-heading {
    color: #fff;
    padding-bottom: 10px
}

.box-4-con {
    background: rgb(255 255 255 / .05);
    border: 1px solid rgb(255 255 255 / .05)
}

.profile-tickerinfo {
    width: 266px
}

.ticker-slider li {
    width: 266px !important
}

.header-second-mobile,
.header-second-web {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    padding: 0 20px
}

.profile-tickerinfo .bx-pager,
.profile-tickerinfo .bx-wrapper .bx-controls-direction a {
    display: none
}

.profile-tickerinfo .bx-wrapper .bx-viewport {
    height: inherit !important
}

.header-second-web {
    border-bottom: 0 solid #e4e4e4;
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 34px;
    left: 0;
    z-index: 10;
    padding: 0 20px;
    height: 62px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block !important;
    box-shadow: -2px 1px 4px #0000001a
}

.header-second-mobile {
    display: none;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f8f8f8;
    width: 100%;
    padding: 0 20px;
    height: 54px;
    z-index: 12
}

.logosection,
.menu-section {
    float: left;
    width: 17.4%
}

.logo {
    padding: 0;
    display: inline-block;
    position: absolute
}

img.logo-web {
    width: 253px !important
}

.menu-section {
    width: 100%
}

.user-login-area {
    float: right;
    padding: 13px 0
}

.notifications-area,
.profile-area,
.search-area {
    float: left;
    padding: 0 10px
}

.notifications-area,
.profile-area,
.srch-boxclick {
    position: relative
}

.search-area {
    margin-right: 10px;
    width: auto;
    color: #999
}

.srch-boxclick,
.srch-boxclick1 {
    padding: 5px 0 7px;
    /*border-bottom: 1px solid #ccc;*/
    display: block;
    cursor: pointer;
    position: relative
}

.srch-boxclick.active {
    border-bottom: 1px solid #252525
}

.srch-boxclick.active:after {
    bottom: -13px;
    left: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-bottom-color: #252525;
    border-width: 7px;
    margin-left: -7px;
    margin-top: 10px
}

.sel-items .select2-container {
    width: 100% !important
}

.main-search-inp {
    float: left;
    border: 1px solid #e1e1e1;
    width: 230px;
    height: 30px;
    position: relative
}

.search-in-box {
    width: 100%;
    height: 28px;
    border: none;
    padding: 0 35px 0 10px
}

.search-in-box:focus,
.search-in-box:hover {
    border: 0
}

.sel-items .ul.ui-autocomplete.ui-menu {
    width: 200px !important
}

.main-search-inp .search-icon {
    position: absolute;
    top: 3px;
    right: 3px
}

.not-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.search-icon {
    background-position: -10px -214px
}

.srch-boxclick.active .search-icon {
    background-position: -10px -190px
}

.profile-area {
    padding-right: 0;
    border-right: 0
}

.noti-list,
.profile-list {
    display: inline-block
}

.quote-searchbox {
    background: #252525;
    position: absolute;
    width: 100%;
    padding: 50px 0;
    left: 0;
    top: 62px;
    display: none
}

.search-panel-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.search-tabs li {
    margin-left: 10px;
    float: left
}

.search-tabs li:first-child {
    margin-left: 0
}

.search-tabs li a {
    background: #3b3b3b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    display: block
}

.search-tabs li a.active {
    background: #0f5298
}

.web-search {
    margin-top: 30px
}

.search-inpbtn,
.typesearch {
    float: left;
    position: relative
}

.getquote-pop {
    background-position: -91px -325px;
    width: 19px;
    height: 19px
}

.typesearch {
    width: 826px
}

.typesearch input {
    width: 100%;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #676767;
    height: 48px;
    font-size: 24px;
    color: #fff
}

.second-search .select2-container--default .select2-selection--single,
.stock-glob-search input {
    border: 1px solid #676767
}

.query-coment-box::-webkit-input-placeholder,
.search-page-inp::-webkit-input-placeholder,
.serch-inp::-webkit-input-placeholder {
    color: rgb(255 255 255 / .3)
}

.query-coment-box:-ms-input-placeholder,
.search-page-inp:-ms-input-placeholder,
.serch-inp:-ms-input-placeholder {
    color: rgb(255 255 255 / .3)
}

.search-inp-clear {
    position: absolute;
    right: 20px;
    top: 15px;
    display: none
}

.search-inpbtn {
    width: 140px
}

.search-inpbtn a {
    display: block;
    width: 100%;
    background: #0d57a0;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    text-transform: uppercase
}

.search-close-icon,
.search-close-terms {
    position: absolute;
    right: 10px;
    top: 6px;
    background-position: -423px -48px;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.login-flycontent_terms {
    color: #666;
    padding-left: 0 !important
}

.serch-dividing {
    text-align: center;
    position: relative;
    margin: 30px 0;
    color: rgb(255 255 255 / .1)
}

.serch-dividing:after,
.serch-dividing:before {
    position: absolute;
    content: "...........................";
    color: #3b3b3b
}

.serch-dividing:before {
    left: 50%;
    margin: -4px 0 0 -132px
}

.serch-dividing:after {
    right: 50%;
    margin: -4px -132px 0 0
}

.second-search .select2-container {
    width: 100% !important
}

.second-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: 0 0;
    line-height: 48px;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none
}

.f-link li a,
.f-link li p {
    line-height: 18px
}

.second-search .select2-container .select2-selection--single {
    height: 48px
}

.second-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 21px
}

.stock-glob-search {
    position: relative
}

.stock-glob-search input {
    height: 48px;
    width: 100%;
    background: 0 0;
    padding: 0 30px 0 10px;
    color: #666
}

.stock-glob-search i {
    position: absolute;
    right: 10px;
    top: 12px
}

.noti,
.profile-list li {
    position: relative
}

.search-flyicon {
    background: url(../images/home/lab.png);
    width: 78px;
    height: 65px;
    float: left
}

.search-area>span {
    vertical-align: bottom
}

.menu-back,
.response-search span,
.search-page-icon,
.second-level-menu-name {
    vertical-align: middle
}

.noti-list {
    padding: 4px 0
}

.noti-list li,
.profile-list li {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px
}

.close-off,
.logintool-box,
.res-search-items,
.ressearch-menu-icon {
    display: none
}

.noti-list li:last-child,
.profile-list li:last-child {
    padding-right: 0
}

.notification-icon {
    background-position: -83px -214px
}

.alaram {
    background-position: -58px -214px
}

.vessel {
    background-position: -34px -214px
}

.noti-no {
    position: absolute;
    background-color: #0d57a0;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
    right: 12px;
    top: -4px;
    text-align: center
}

.noti-no.vessel {
    right: -6px
}

i.sprite-img.not-icon.vessel.active {
    width: 29px !important;
    height: 28px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

i.sprite-img.not-icon.alaram.active {
    width: 34px !important;
    height: 32px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-repeat-y: initial
}

i.sprite-img.not-icon.notification-icon.active {
    width: 36px !important;
    height: 28px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative
}

.profile-img img {
    border-radius: 50%;
    -webkit-border-radius: 50%x;
    -moz-border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.logintool {
    position: relative
}

.logintool-box {
    position: absolute;
    right: 0
}

.logintool-con {
    width: 310px;
    position: relative;
    background: #fcfcfc;
    font-size: 12px;
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 20px;
    min-height: 100px
}

.close-off,
.mob-nav-rig,
.responsive-menu {
    position: absolute
}

.search-flyout {
    top: 32px
}

.logintool-con:after,
.logintool-con:before {
    bottom: 100%;
    right: 20px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.logintool-con:after {
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.logintool-con:before {
    border-color: #fff0;
    border-bottom-color: #e9e9e9;
    border-width: 11px;
    margin-left: -11px
}

.cmoingsoon-icon {
    float: left;
    width: 109px;
    height: 70px;
    background: url(../images/home/coming-soon.png)
}

.login-toolcontent {
    padding-left: 90px
}

.login-flycontent {
    padding-left: 120px
}

.mob-nav-rig {
    right: 20px;
    top: 0
}

.responsive-menu {
    left: 20px;
    top: 4px;
    padding: 10px;
    cursor: pointer
}

.responsive-menu-icon {
    background-position: -116px -299px;
    width: 20px;
    height: 20px
}

.close-off {
    top: 10px;
    right: 10px;
    background-position: -86px -301px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.learn.close-off {
    background-position: -69px -301px
}

.res-moremenu {
    cursor: pointer;
    padding: 15px 17px;
    float: left;
    position: relative
}

.more-menu {
    background-position: -147px -305px;
    width: 4px;
    height: 18px;
    margin-top: 2px
}

.response-search {
    position: relative;
    background-color: #1f1f1f;
    display: none;
    cursor: pointer
}

.second-level,
.thrid-level-menu {
    left: 0;
    background-color: #f6f6f6
}

.response-search p {
    padding: 10px 0 10px 20px;
    min-height: 44px
}

.res-ser-icon {
    padding: 5px 0 5px 20px;
    border: none
}

.menu-back {
    width: 18px;
    height: 18px;
    background-position: -39px -1024px
}

.search-page-icon {
    background-position: -13px -216px;
    width: 24px;
    height: 24px
}

.first-level-menu {
    float: left;
    font-size: 13px;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    text-transform: capitalize;
    margin-left: 230px
}

.car-pop-hea,
.menu-awesome>.menu-div>a,
.txt-area {
    font-family: Arial, Helvetica, sans-serif
}

.datehead,
.first-level-menu>li>a,
.post-btn {
    text-transform: uppercase
}

.first-level-menu>li {
    display: inline-block;
    padding: 0;
    -webkit-tap-highlight-color: #fff0;
    margin-right: 4px
}

@media(min-width:1400px) {
    .first-level-menu>li {
        padding: 0 4px
    }
}

.first-level-menu>li>a {
    display: block;
    color: #999;
    padding: 22px 2px;
    min-height: 62px;
    position: relative
}

.menu-awesome>.menu-div>a {
    color: #999;
    text-transform: uppercase
}

.second-level {
    position: absolute;
    width: 100%;
    top: 62px;
    height: 102px;
    display: none;
    -webkit-box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1);
    -moz-box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1);
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1)
}

.second-level-menu {
    text-align: center;
    font-size: 16px;
    position: absolute;
    z-index: 2;
    width: 100%
}

.second-level-menu>li,
.thrid-level-menu li {
    display: inline-block
}

.second-level-menu>li>a {
    color: #838383;
    display: block;
    padding: 17px 3px;
    min-width: 130px;
    position: relative
}

.first-level-menu>li:first-child ul.second-level-menu li a {
    padding: 17px 15px;
    min-width: auto
}

.second-level-menu-name {
    display: block;
    margin-top: 5px;
    line-height: 18px
}

.thrid-level-menu {
    position: absolute;
    display: none;
    font-size: 14px;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1);
    -moz-box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1);
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / .1)
}

.thrid-level-menu:before {
    width: 40%;
    margin: auto;
    left: 30%;
    top: -1px;
    position: absolute;
    content: "";
    border-top: 1px solid #e4e4e4
}

.thrid-level-menu>li>a {
    color: #868686;
    display: block;
    padding: 2px 0;
    margin: 12px 10px;
    position: relative
}

.second-level-menu>li:hover .thrid-level-menu {
    display: block
}

.first-level-menu>li.active>a,
.first-level-menu>li:hover>a,
.first-level-menu>li>a.active,
.second-level-menu>li.active>a,
.second-level-menu>li>a.active,
.second-level-menu>li>a:hover,
.thrid-level-menu>li.active>a,
.thrid-level-menu>li>a.active,
.thrid-level-menu>li>a:hover {
    color: #000
}

.ui-icon {
    background: 0 0;
    width: 0;
    height: 0;
    display: none
}

.first-level-menu .ui-icon.ui-icon-triangle-1-e {
    background-position: 0 -19px
}

.first-level-menu .ui-icon.ui-icon-triangle-1-s {
    background-position: 0 0
}

.second-level-menu .ui-icon {
    background: 0 0;
    width: 0;
    height: 0;
    display: inline-block;
    float: right;
    margin-top: 3px
}

.second-level-menu .no-acc .ui-icon.ui-icon-triangle-1-e,
.second-level-menu .no-acc .ui-icon.ui-icon-triangle-1-s {
    display: none
}

.second-level-menu .ui-icon.ui-icon-triangle-1-e {
    background-position: 0 -18px
}

.second-level-menu .ui-icon.ui-icon-triangle-1-s {
    background-position: 0 0
}

.breadcrumb-sec {
    position: fixed;
    top: 96px;
    width: 100%;
    z-index: 27;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0 20px;
    border-bottom: 1px solid #e4e4e4
}

.menu-icon,
.menu-icon-small {
    background: url(../images/home/menu-sprite.png?25092020);
    display: inline-block;
    vertical-align: middle
}

.breadcrumb-sec-after-expansion {
    top: 419px
}

.menu-icon {
    width: 44px;
    height: 44px
}

.menu-icon-small {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.menu1 {
    background-position: -961px 0
}

.second-level-menu li a.active .menu1 {
    background-position: -961px -40px
}

.menu2 {
    background-position: -1001px 0
}

.second-level-menu li a.active .menu2 {
    background-position: -1001px -40px
}

.menu3 {
    background-position: -1041px 0
}

.second-level-menu li a.active .menu3,
.second-level-menu li:hover a .menu3 {
    background-position: -1041px -40px
}

.menu4 {
    background-position: 0 0
}

.second-level-menu li a.active .menu4,
.second-level-menu li:hover a .menu4 {
    background-position: 0 -44px
}

.menu5 {
    background-position: -44px 0
}

.second-level-menu li.active a .menu5,
.second-level-menu li:hover a .menu5 {
    background-position: -44px -44px
}

.menu6 {
    background-position: -88px 0
}

.second-level-menu li a.active .menu6,
.second-level-menu li:hover a .menu6 {
    background-position: -88px -44px
}

.second-level-menu li .menu7 {
    background-position: -792px 0
}

.second-level-menu li a.active .menu7,
.second-level-menu li:hover a .menu7 {
    background-position: -792px -45px
}

.menu9 {
    background-position: -176px 0
}

.second-level-menu li a.active .menu9,
.second-level-menu li:hover a .menu9 {
    background-position: -176px -44px
}

.menu10 {
    background-position: -220px 0
}

.second-level-menu li a.active .menu10,
.second-level-menu li:hover a .menu10 {
    background-position: -220px -44px
}

.menu11 {
    background-position: -264px 0
}

.second-level-menu li a.active .menu11,
.second-level-menu li:hover a .menu11 {
    background-position: -264px -44px
}

.menu12 {
    background-position: -308px 0
}

.second-level-menu li a.active .menu12,
.second-level-menu li:hover a .menu12 {
    background-position: -308px -44px
}

.menu13 {
    background-position: -352px 0
}

.second-level-menu li a.active .menu13,
.second-level-menu li:hover a .menu13 {
    background-position: -352px -44px
}

.menu15 {
    background-position: -396px 0
}

.second-level-menu li a.active .menu15,
.second-level-menu li:hover a .menu15 {
    background-position: -396px -44px
}

.menu16 {
    background-position: -440px 0
}

.second-level-menu li a.active .menu16,
.second-level-menu li:hover a .menu16 {
    background-position: -440px -44px
}

.menu17 {
    background-position: -484px 0
}

.second-level-menu li a.active .menu17,
.second-level-menu li:hover a .menu17 {
    background-position: -484px -44px
}

.menu18 {
    background-position: -528px 0
}

.second-level-menu li a.active .menu18,
.second-level-menu li:hover a .menu18 {
    background-position: -528px -44px
}

.menu19 {
    background-position: -528px 0
}

.second-level-menu li a.active .menu19,
.second-level-menu li:hover a .menu19 {
    background-position: -528px -44px
}

.menu20 {
    background-position: -572px 0
}

.second-level-menu li a.active .menu20,
.second-level-menu li:hover a .menu20 {
    background-position: -572px -44px
}

.menu21 {
    background-position: -616px 0
}

.second-level-menu li a.active .menu21,
.second-level-menu li:hover a .menu21 {
    background-position: -616px -44px
}

.menu22 {
    background-position: -660px 0
}

.second-level-menu li a.active .menu22,
.second-level-menu li:hover a .menu22 {
    background-position: -660px -44px
}

.menu23 {
    background-position: -704px 0
}

.second-level-menu li a.active .menu23,
.second-level-menu li:hover a .menu23 {
    background-position: -704px -44px
}

.menu24 {
    background-position: -748px 0
}

.second-level-menu li a.active .menu24,
.second-level-menu li:hover a .menu24 {
    background-position: -748px -44px
}

.menu25 {
    background-position: -792px 0
}

.second-level-menu li a.active .menu25,
.second-level-menu li:hover a .menu25 {
    background-position: -792px -44px
}

.menu26 {
    background-position: -836px 0
}

.second-level-menu li a.active .menu26,
.second-level-menu li:hover a .menu26 {
    background-position: -836px -44px
}

.menu27 {
    background-position: -880px 0
}

.coomodity_menu {
    background-position: 132px 4px
}

.second-level-menu li a.active .coomodity_menu,
.second-level-menu li:hover a .coomodity_menu {
    background-position: 132px -45px
}

.second-level-menu li a.active .menu27,
.second-level-menu li:hover a .menu27 {
    background-position: -880px -44px
}

.second-level-menu li .pcg-menu {
    background-position: 175px 0
}

.second-level-menu li a.active .pcg-menu,
.second-level-menu li:hover a .pcg-menu {
    background-position: 175px -44px
}

.second-level-menu li .business-associate {
    background-position: -615px -87px
}

.second-level-menu li a.active .business-associate,
.second-level-menu li:hover a .business-associate {
    background-position: -660px -87px
}

.second-level-menu li .nri-link {
    background-position: -745px -87px
}

.second-level-menu li a.active .nri-link,
.second-level-menu li:hover .nri-link {
    background-position: -790px -87px
}

.second-level-menu li .global-investing {
    background-position: -1350px 200px
}

.second-level-menu li a.active .global-investing,
.second-level-menu li:hover a .global-investing {
    background-position: -1305px 200px
}

.footer {
    width: 100%;
    background: url(../images/home/pattern1.png) #252525;
    min-height: 400px;
    color: rgb(255 255 255 / .8);
    padding: 20px 0 10px;
    font-size: 12px
}

.f-sub-heading,
.f-title,
.main-name {
    font-size: 14px
}

.footer-left,
.footer-right {
    float: left;
    width: 50%
}

.mar-gap-foot {
    margin-top: 20px
}

.footer-left {
    padding-right: 15px
}

.f-title {
    color: #FFF;
    padding: 10px 0
}

.f-link {
    padding: 10px 0 0
}

.flink-list li {
    margin-bottom: 2px
}

.f-link li a {
    color: #666
}

.f-link li a:hover {
    color: #999
}

.f-link li p,
.main-name {
    color: rgb(255 255 255 / .8)
}

.cont,
.main-add {
    line-height: 16px
}

.footer .grid_4 .grid_2 {
    margin-left: 0;
    margin-right: 10px
}

.f-contact {
    margin: 0 30px 30px
}

.footer-lastmenu,
.social-icons {
    margin-top: 10px
}

.add-icon {
    float: left
}

.add-txt {
    padding: 0 0 0 30px
}

.main-name {
    margin-bottom: 5px
}

.f-contact p.cont a,
.main-add {
    color: #999
}

.f-contact p.land-num {
    line-height: 20px
}

.footer-add {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.location {
    background-position: -28px -147px
}

.phone {
    background-position: -174px -145px
}

.email {
    background-position: -9px -147px
}

.footer-info {
    border-top: 1px solid #3A3A3A
}

.axis-info {
    display: block;
    padding: 20px 0
}

.axis-info li {
    display: block;
    line-height: 18px;
    color: #999
}

.axis-info li:before {
    content: "+"
}

.axis-info li:after,
.dateno li:before,
.dateno li:last-child:before {
    content: ""
}

.hide-footerinfo {
    display: none
}

.footer-last-menu li {
    display: inline-block;
    padding: 0 7px 0 12px;
    border-right: 1px solid rgb(255 255 255 / .8)
}

.footer-last-menu li:first-child,
.footer-last-menu li:second-child {
    padding-left: 0
}

.footer-last-menu li a {
    color: rgb(255 255 255 / .8)
}

.footer-last-menu li:last-child {
    border-right: 0
}

.foot-mob {
    display: none !important
}

.footer-copy {
    text-align: right
}

.social-icons li {
    display: inline-block;
    margin-right: 10px
}

.social {
    width: 48px;
    height: 48px;
    display: inline-block
}

.social-icons li:last-child {
    margin-right: 0
}

.facebook {
    background-position: -898px -22px
}

.facebook:hover {
    background-position: -898px -70px
}

.twitter {
    background-position: -946px -22px
}

.twitter:hover {
    background-position: -946px -70px
}

.googleplus {
    background-position: -994px -22px
}

.googleplus:hover {
    background-position: -994px -70px
}

.linkedin {
    background-position: -1042px -22px
}

.linkedin:hover {
    background-position: -1042px -70px
}

.social-share p {
    color: #FFF !important;
    font-size: 14px !important
}

.divider {
    border-top: 1px solid #3a3a3a;
    margin-left: 10px;
    margin-right: 10px
}

#totop {
    position: fixed;
    bottom: 80px;
    right: 1%;
    display: none;
    z-index: 9;
    text-align: center
}

.gotop-icon,
.share-sec {
    display: inline-block;
    width: 40px
}

.gotoicons {
    background: url(../../../images/beta/joomla/products/go-to-top.png);
}

.gotop-icon {
    height: 40px;
    background-position: 0 0
}

.gotop-icon:hover {
    background-position: 0 -40px
}

.share-sec {
    background-color: #fff;
    position: fixed;
    top: 200px;
    right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 100
}

.share-list-box li {
    text-align: center;
    border-bottom: 1px dotted #c5c5c5;
    padding: 5px 0;
    cursor: pointer
}

.share-list-box li:last-child {
    border-bottom: 0
}

.fb-bc,
.fb-bg {
    border-bottom: 2px solid #2b448c
}

.share-list-box li a {
    display: block
}

.share-list-box span {
    font-size: 12px;
    color: rgb(51 51 51 / .6);
    display: block
}

.share-ico {
    background: url(../../../images/beta/joomla/home/Social-Sprite-Sheet.png);
    width: 18px;
    height: 18px;
    display: inline-block
}

.share-btn,
.share-list-pop>li {
    height: 36px;
    display: inline-block;
    color: #fff
}

.share-1 {
    background-position: -10px -40px
}

.share-1.active {
    background-position: -83px -40px
}

.share-2 {
    background-position: -28px -43px
}

.share-3 {
    background-position: -46px -42px
}

.soc-sheet {
    background: url(../images/home/Social-Sprite-Sheet.png);
    display: inline-block
}

.share-btn {
    cursor: pointer;
    width: 140px
}

.sc-icon {
    padding: 5px 10px;
    width: 40px;
    display: inline-block
}

.fb-bc {
    background-color: #425ba3;
    display: inline-block;
    font-size: 14px
}

.share-list-pop>li {
    width: 130px;
    margin: 0 14px 14px 0;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.apllicants,
.soc-more-btn {
    border-radius: 50%;
    text-align: center
}

.share-list-pop>li:last-child {
    margin-right: 0
}

.share-list-pop>li>a {
    display: block
}

.more-btn {
    text-align: center
}

.soc-more-btn {
    background-color: rgb(204 204 204 / .5);
    width: 28px;
    height: 28px;
    display: inline-block
}

.more-icon {
    background-position: -64px -37px;
    width: 18px;
    height: 18px;
    display: inline-block
}

.share-list-pop>li.soc-icon-hide,
.thank {
    display: none
}

thank-pop {
    color: #333;
    margin-top: 20px
}

.thanks-hea {
    text-align: center;
    color: #00bc67
}

.thank-desc {
    margin: 15px 0 10px
}

.share-down {
    margin-bottom: 0
}

.frm-btn {
    margin-top: 20px
}

.fb-bg {
    background-color: #425ba3
}

.gplus-bg {
    background-color: #eb5e4c;
    border-bottom: 2px solid #cf4836
}

.twet-bg {
    background-color: #40bff5;
    border-bottom: 2px solid #0b9cd9
}

.pin-bg {
    background-color: #bd2126;
    border-bottom: 2px solid #9a0d11
}

.skype-bg {
    background-color: #00aff0;
    border-bottom: 2px solid #0090c6
}

.myspace-bg {
    background-color: #194fb9;
    border-bottom: 2px solid #0e3a91
}

.what-bg {
    background-color: #30b844;
    border-bottom: 2px solid #118f24
}

.mail-bg {
    background-color: #ff993f;
    border-bottom: 2px solid #ef7f1d
}

.fb-bg:hover {
    background-color: #2b448c
}

.gplus-bg:hover {
    background-color: #cf4836
}

.twet-bg:hover {
    background-color: #0b9cd9
}

.pin-bg:hover {
    background-color: #9a0d11
}

.skype-bg:hover {
    background-color: #0090c6
}

.myspace-bg:hover {
    background-color: #0e3a91
}

.what-bg:hover {
    background-color: #118f24
}

.mail-bg:hover {
    background-color: #ef7f1d
}

.fb-ic-bac {
    background-color: #2b448c
}

.gplus-ic-bac {
    background-color: #cf4836
}

.twet-ic-bac {
    background-color: #0b9cd9
}

.pin-ic-bac {
    background-color: #9a0d11
}

.skype-ic-bac {
    background-color: #0090c6
}

.myspace-ic-bac {
    background-color: #0e3a91
}

.what-ic-bac {
    background-color: #118f24
}

.mail-ic-bac {
    background-color: #ef7f1d
}

.soc-ico {
    width: 40px;
    height: 36px;
    float: left;
    display: block;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px
}

.soc-ico-siz {
    width: 22px;
    height: 22px;
    margin: 7px 0 0 7px
}

.soc-1 {
    background-position: -10px -10px
}

.soc-2 {
    background-position: -32px -10px
}

.soc-3 {
    background-position: -54px -10px
}

.soc-4 {
    background-position: -76px -10px
}

.soc-5 {
    background-position: -98px -10px
}

.soc-6 {
    background-position: -120px -10px
}

.soc-7 {
    background-position: -142px -10px
}

.soc-8 {
    background-position: -164px -10px
}

.soc-txt {
    padding: 9px 0 0 50px;
    display: block;
    color: #fff
}

.like-box,
.quiz-take {
    background: rgb(153 0 51 / .9);
    padding: 10px 0;
    color: #fff;
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    display: none;
    z-index: 2
}

.date-ref,
.dateno,
.share-small span,
.share-small-list,
.share-small-list>li {
    display: inline-block
}

.share-small-list {
    vertical-align: middle
}

.share-small-list>li {
    padding: 0 10px;
    border-right: 1px dotted #c5c5c5
}

.share-small-list>li:first-child {
    padding-left: 0
}

.share-small-list>li:last-child {
    border-right: 0;
    padding-right: 0
}

.share-small-list>li>a {
    color: #333
}

.contact-list p,
.email-submit,
.headingside,
.timer-name,
.timer-no {
    color: #fff
}

.share-small-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 2px
}

.like-small {
    background-position: -10px -70px
}

.like-small.active {
    background-position: -10px -84px
}

.share-small {
    background-position: -24px -70px
}

.share-small-white {
    background-position: -62px -70px
}

.like-small-white {
    background-position: -48px -70px
}

.like-small-white.active {
    background-position: -48px -84px
}

.feed-form li {
    margin-bottom: 20px
}

.txt-area {
    height: 100px;
    padding: 5px 24px 5px 10px
}

.beta-banner {
    background: url(../images/home/timer-boy.jpg) center center;
    width: 100%;
    height: 500px;
    border-bottom: 1px solid #eceef0
}

.beta-box-txt {
    text-align: center
}

.beta-box-txt h3 {
    line-height: 30px
}

.beta-timer {
    margin: 30px 0 0 100px
}

.beta-timer li {
    float: left;
    margin-right: 19px;
    width: 120px;
    height: 120px;
    background: #afafaf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 22px 0
}

.beta-timer li:last-child {
    margin-right: 0
}

.timer-no {
    font-size: 48px
}

.email-filed {
    border: 1px solid #ccc;
    width: 250px;
    height: 40px;
    padding-left: 10px
}

.email-submit {
    background: #0d57a0;
    border: 0;
    height: 40px;
    padding: 0 30px;
    cursor: pointer;
    margin-left: -4px
}

.email-submit:hover {
    background: #082d52
}

.imagefull {
    width: 100%
}

.loginacc {
    margin-bottom: 20px
}

.kyc-bg {
    background: url(../images/home/products/blue.jpg)
}

.page-heading h3 {
    color: #fff;
    text-align: center
}

.form-status li.active span.number {
    background: #00ba63
}

.contact-list p {
    margin-top: 10px
}

.box-start {
    padding: 40px 0 70px
}

.dob>li .select2-container,
.selectme .select2-container {
    width: 100% !important
}

.valid-year .select2-container {
    float: left;
    width: 46% !important;
    margin-right: 10px
}

.debit-atm-le,
.debit-valid-re {
    float: left
}

.debit-valid-re {
    margin-left: 10px;
    width: 320px
}

.cardno,
.dateno {
    width: 100%;
    border: 0;
    padding: 3px 0;
    list-style: none;
    height: 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background-color: #fff;
    box-shadow: inset 0 1px 4px 0 #C5C5C5;
    -webkit-box-shadow: inset 0 1px 4px 0 #C5C5C5;
    -moz-box-shadow: inset 0 1px 4px 0 #C5C5C5;
    -o-box-shadow: inset 0 1px 4px 0 #C5C5C5
}

.cardno li {
    width: 25%;
    float: left;
    border-right: solid 1px #ccc;
    padding: 0 5px
}

.cardno li:last-child {
    border: none
}

.cardno li input,
.dateno li input {
    border: none;
    width: 100%;
    height: 30px;
    background-color: #fff
}

.dateno {
    width: 230px;
    vertical-align: middle
}

.dateno li {
    width: 32%;
    float: left;
    position: relative;
    padding: 0 10px
}

.dateno li:before {
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../images/home/date-div.png) no-repeat;
    width: 5px;
    height: 10px
}

.captcha-img,
.open-acc1,
.std-inp {
    position: relative
}

.dateno li:last-child:before {
    background: 0 0
}

.date-ref {
    margin-left: 5px;
    vertical-align: middle
}

.date-ref-icon {
    width: 16px;
    height: 16px;
    background-position: -112px -771px
}

li.acc,
li.pan {
    width: 260px
}

li.axisacc,
li.pan {
    display: none
}

li.acc p,
li.axisacc p,
li.pan p {
    display: inline-block;
    width: 230px
}

.open-acc1 {
    background: #eee;
    padding: 30px
}

.ui-dialog .open-acc1 {
    background: #fff
}

.plain-video {
    width: 100%;
    min-height: 260px
}

.page-heading {
    padding: 20px 0;
    border-bottom: 1px dotted rgb(255 255 255 / .2)
}

.back-icon {
    background-position: -8px -102px;
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-right: 5px
}

.kyc-right {
    float: right
}

.otp-txt,
.page-heading a,
.small-inp {
    float: left
}

.page-heading a,
.page-heading p {
    display: inline-block;
    vertical-align: middle
}

.quick-links-heading {
    color: #6c6d6c
}

.list-icon a,
.toll-free-no a {
    color: #fff
}

.list-icon li {
    background: url(../images/home/list-arrow.png) left top no-repeat;
    margin-bottom: 10px;
    padding-left: 20px
}

.contact-list {
    margin: 20px 0 0;
    border-top: dotted 1px rgb(255 255 255 / .3);
    padding-top: 20px
}

.phone-icon {
    background-position: -9px -121px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.call-heading,
.otpmsg-txt,
.tool-no {
    display: block
}

.call-heading {
    margin-bottom: 10px
}

.toll-free-no {
    font-size: 18px
}

.inp-labels label {
    color: #808184;
    margin-bottom: 5px;
    display: block
}

.small-inp {
    width: 80px;
    height: 30px;
    border-radius: 4px
}

.otp-txt {
    font-size: 12px;
    margin: 4px 0 0 10px
}

.sendotp-btn {
    margin: 0
}

.otpmsg-txt {
    color: #ccc;
    line-height: 15px
}

.cap-values,
.captcha-img,
.captcha-inp,
.captcha-reload,
.inp-desc-msg {
    display: inline-block
}

.std-inp {
    margin-left: 91px
}

.otp-msg,
.reg-icon,
.reg-otp2 {
    margin-left: 10px
}

.inp-desc-msg {
    font-size: 12px;
    margin-top: 5px
}

.captcha-inp {
    width: 50%
}

.cap-values {
    background: url(../images/home/captacha.png) no-repeat;
    width: 71px;
    height: 33px;
    vertical-align: middle
}

.captcha-reload {
    background-position: -122px -175px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: middle
}

.frm-fields p {
    line-height: 20px
}

.paybymethod a.primary-btn:hover {
    background-color: #006db2
}

.paybymethod a.secondary-btn:hover {
    background-color: #000
}

.paybymethod .tab-cnt {
    margin-top: -1px
}

.already-reg li {
    padding: 10px 0 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-left: 2px solid #000;
    background-color: #fff
}

.already-reg-cnt {
    display: block;
    color: #999;
    margin-bottom: 10px
}

.reg-icon {
    background-position: -32px -101px;
    width: 7px;
    height: 12px;
    vertical-align: middle
}

.reg-otp1,
.reg-otp2 {
    display: inline-block;
    width: 30%
}

.reg-otp2 {
    font-size: 12px;
    width: 60%
}

.already-reg {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.login-acc {
    color: #000
}

.loginheading {
    text-align: center;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif
}

.acc-statusname,
.login-related-list li p {
    font-family: futura_bk_btbook
}

.login-related-list li {
    width: 229px;
    height: 200px;
    float: left;
    display: table;
    background-color: #fff;
    text-align: center;
    margin: 0 20px 14px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.login-pop-btn,
.login-related-lmenu {
    margin-top: 20px
}

.process-name-list li,
.shadow-panel,
.shadow-panel-normal {
    transition: all .2s ease-in-out
}

.login-related-list li:first-child {
    margin-left: 0
}

.kycico-1 {
    background-position: -10px -633px
}

.kycico-2 {
    background-position: -74px -633px
}

.kycico-3 {
    background-position: -138px -633px
}

.kycico-4 {
    background-position: -202px -633px
}

.kycico-5 {
    background-position: -266px -633px
}

.kycico-6 {
    background-position: -330px -633px
}

.kycico-7 {
    background-position: -394px -633px
}

.kycico-8 {
    background-position: -458px -633px
}

.login-related-list li:hover .kycico-1 {
    background-position: -10px -697px
}

.login-related-list li:hover .kycico-2 {
    background-position: -74px -697px
}

.login-related-list li:hover .kycico-3 {
    background-position: -138px -697px
}

.login-related-list li:hover .kycico-4 {
    background-position: -202px -697px
}

.login-related-list li:hover .kycico-5 {
    background-position: -266px -697px
}

.login-related-list li:hover .kycico-6 {
    background-position: -330px -697px
}

.login-related-list li:hover .kycico-7 {
    background-position: -394px -697px
}

.login-related-list li:hover .kycico-8 {
    background-position: -458px -697px
}

.login-related-list li p {
    font-size: 18px;
    color: #333
}

.login-related-list li.login-li-rig {
    margin-right: 0
}

.login-related-list li:hover p {
    color: #fff
}

.login-related-list li.green-top:hover {
    background: #9c6
}

.login-related-list li.blue-top:hover {
    background: #70c1ec
}

.login-related-list li.voilate-top:hover {
    background: #9086c2
}

.login-related-list li.pink-top:hover {
    background: #f58aa8
}

.login-related-list li.orange-top:hover {
    background: #f68567
}

.login-related-list li.yellow-top:hover {
    background: #feb74f
}

.green-top {
    border-top: solid 3px #9c6
}

.blue-top {
    border-top: solid 3px #70c1ec
}

.voilate-top {
    border-top: solid 3px #9086c2
}

.pink-top {
    border-top: solid 3px #f58aa8
}

.orange-top {
    border-top: solid 3px #f68567
}

.yellow-top {
    border-top: solid 3px #feb74f
}

.login-menu-name {
    display: table-cell;
    vertical-align: middle;
    width: 230px;
    height: 190px
}

.login-related-list li i {
    width: 64px;
    height: 64px;
    display: inline-block
}

.dob>li {
    display: inline-block;
    width: 85px;
    margin-bottom: 0
}

.trusted-logo {
    position: absolute;
    bottom: 40px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: url(../images/home/entrust.png)
}

.trust-logopop {
    bottom: -10px
}

.login-pop-btn {
    width: 100%;
    padding: 15px;
    display: block;
    background: #0d57a0;
    color: #fff;
    text-align: center;
    font-size: 16px
}

.login-related-lmenu li {
    border-bottom: 1px solid #ccc
}

.login-related-lmenu li a {
    color: #808184;
    padding: 14px 10px;
    display: block
}

.kyc-cont-left,
.suc-err-msgbox {
    padding-top: 20px
}

.login-related-lmenu li.active a {
    background-color: #f8ebeb;
    color: #424242
}

.login-arr-icon {
    background-position: -16px -103px;
    display: inline-block;
    float: right;
    margin-top: 3px;
    width: 10px;
    height: 10px
}

.quick-tour-right img {
    width: 100%;
    margin-top: 10px
}

.contact-icon,
.email-icon {
    width: 18px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block
}

.quick-tour-heading {
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E5E6E6
}

.email-icon {
    background-position: -127px -147px;
    height: 15px
}

.contact-icon {
    background-position: -147px -147px;
    height: 18px
}

.email-list,
.tour-list {
    margin-top: 10px;
    font-size: 14px
}

.email-list li,
.tour-list li {
    line-height: 20px;
    color: #fff
}

.email-list li a,
.tour-list li a {
    color: #fff
}

.email-list li label,
.tour-list li label {
    float: left;
    position: relative;
    width: 40px
}

.email-list li label:after,
.tour-list li label:after {
    content: ":";
    position: absolute;
    display: inline-block;
    right: 10px
}

.quicktour-bor {
    padding-bottom: 5px;
    color: #fff;
    font-size: 16px
}

.kyc-cont-left {
    margin-top: 20px;
    border-top: 1px dotted rgb(255 255 255 / .2)
}

.tour-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px
}

.tour-email {
    background-position: -10px -773px
}

.tour-phone {
    background-position: -34px -773px
}

.kyc-tooltip-lebox {
    width: 80%;
    display: inline-block;
    vertical-align: middle
}

.kyc-tol-icon {
    background: url(../images/home/kyc-tool.png);
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer
}

.debit-tooltip {
    display: inline-block
}

.debit-tooltip:hover .headingtooltip {
    display: block
}

.debit-tooltip .headingtooltip:after,
.debit-tooltip .headingtooltip:before {
    left: auto;
    right: 20px
}

.debit-tooltip .headingtooltip {
    width: 250px;
    right: -20px;
    top: 30px;
    left: auto
}

.forget-email-block2,
.forget-email-block3,
.forget-email-block4 {
    display: none
}

.reset-pwd-rules {
    margin: 20px 0 0 14px
}

.reset-pwd-rules li {
    list-style-type: decimal;
    line-height: 16px;
    margin-bottom: 10px
}

.acc-benfits li,
.form-fileds li p {
    line-height: 20px
}

.pro-pic {
    width: 80px
}

.account-list {
    padding-right: 40px
}

.acc-benfits {
    margin-top: 20px
}

.acc-benfits li {
    margin-bottom: 20px
}

.account-icon1 {
    background-position: -10px -518px;
    display: block;
    width: 32px;
    height: 28px
}

.account-icon2 {
    background-position: -44px -516px;
    display: block;
    width: 32px;
    height: 32px
}

.account-icon3 {
    background-position: -78px -512px;
    display: block;
    width: 38px;
    height: 38px
}

.wiz-choose {
    font-size: 12px;
    display: inline-block;
    line-height: 16px;
    margin: 0 5px 5px 0
}

.account-step-1-block,
.account-step-2-block,
.account-step-3-block,
.already-user-block,
.username {
    display: none
}

.freeze-login-txt {
    margin-top: 20px;
    line-height: 20px
}

.form-status li {
    width: 28%;
    position: relative;
    display: inline-block
}

.form-status li:last-child {
    width: auto
}

.form-status li span {
    margin: 10px 0
}

.apllicants {
    width: 100px;
    height: 100px;
    display: block;
    background: rgb(255 255 255 / .1);
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    line-height: 100px
}

.account-status {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin-top: 18px
}

.status-1 {
    background-position: -522px -633px
}

.status-2 {
    background-position: -586px -633px
}

.status-3 {
    background-position: -650px -633px
}

.status-4 {
    background-position: -714px -633px
}

.form-status li:before {
    height: 1px;
    background: #fff;
    left: 40px;
    top: 134px;
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%
}

.form-status li:last-child:before {
    background: 0 0
}

.acc-statusname {
    font-size: 18px;
    color: #fff
}

.form-status li span.number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #fff;
    color: #666;
    text-align: center;
    font-size: 18px;
    display: block;
    line-height: 30px;
    margin-left: 30px
}

.form-status li.active span.number {
    position: relative
}

.form-status li.active span.number:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/home/sprite-icons.png) -126px -773px no-repeat;
    top: 9px;
    left: 7px
}

.cart-more-items:after,
.cart-more-items:before,
.rea-mod-time:after,
.sort-list:after,
.sort-list:before,
rea-mod-time:before {
    bottom: 100%;
    content: " ";
    pointer-events: none
}

.newuser-msg {
    line-height: 20px
}

.banner-com {
    background: url(../images/products/blue.jpg);
    width: 100%;
    text-align: center;
    padding: 40px 0;
    color: #fff
}

.wel-hea,
.wel-sub-hea {
    color: #fff;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.invest-drop,
.wel-sub-hea {
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif
}

.wel-sub-hea {
    font-size: 20px
}

.invest-drop {
    padding: 40px 0 20px;
    font-size: 24px
}

.coath-text {
    position: relative;
    z-index: 51
}

.coath-text-home {
    position: fixed;
    z-index: 51
}

.invest-drop-nrml,
.invest-drop-txt {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.mod-time {
    font-size: 12px;
    margin-top: 5px;
    display: block;
    font-family: Arial, Helvetica, sans-serif
}

.rea-mod-time li {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.rea-mod-time li .disabled,
.rea-mod-time li.disabled a {
    color: #999
}

.rea-mod-time li.disabled small {
    color: rgb(0 0 0 / .4);
    display: block;
    margin-top: 10px;
    font-size: 10px
}

.rea-mod-time {
    position: absolute;
    top: 45px;
    font-size: 18px;
    z-index: 7;
    width: 200px;
    left: 0;
    display: none;
    text-align: left
}

.cart-more-items,
.moreentries,
.re-loader,
.status-name {
    text-align: center
}

.rea-mod-time>li>a {
    line-height: 18px
}

.rea-mod-time:after,
rea-mod-time:before {
    left: 20px;
    border: solid #fff0;
    height: 0;
    width: 0;
    position: absolute
}

.rea-mod-time:after {
    border-color: #fff0;
    border-bottom-color: #f1efef;
    border-width: 11px;
    margin-left: -11px
}

.rea-mod-time:before {
    border-color: #fff0;
    border-bottom-color: #e3e3e3;
    border-width: 12px;
    margin-left: -12px
}

.inst-arrow,
.intvest-time {
    display: inline-block;
    cursor: pointer
}

.inst-arrow {
    padding: 10px 0 0 5px;
    vertical-align: top
}

.axis-view,
.axisdir-view-gir img.buy-icon,
.data-points-icons,
.diamond,
.down-analysis,
.down-report,
.filter-icon,
.ins-sort-icons,
.li-grid-list,
.moreentries,
.out-graph,
.pop-pro-val-normal,
.sms,
.sort-by,
.stock-subdes,
.stockhead,
.target-val,
.timeago,
.trading-popup-list {
    vertical-align: middle
}

.intvest-time {
    border-bottom: 1px solid #fff;
    min-width: 70px;
    height: 30px
}

.invest-arrow,
.invest-arrow-black {
    background-position: -46px -80px;
    width: 12px;
    height: 12px;
    float: right;
    cursor: pointer
}

.invest-arrow-black {
    background-position: -84px -1503px
}

.drop-down-menu li .invest-drop-close {
    background-color: #e3e3e3;
    color: #666;
    text-align: center;
    padding: 10px;
    font-size: 14px
}

.drop-down-menu li:hover .invest-drop-close {
    background-color: #e3e3e3
}

.shadow-panel,
.sort-list li:hover a {
    background-color: #fff
}

.stock-head {
    margin: 0 0 40px;
    display: table
}

.stock-subdes,
.stockhead {
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif;
    display: table-cell
}

.stockhead {
    padding: 0 20px 0 0;
    white-space: nowrap
}

.stock-subdes {
    padding-left: 19px;
    border-left: dotted 1px #000;
    line-height: 24px;
    color: #666
}

.sort-slide-num {
    float: left
}

.compare-righ {
    float: right
}

.gri-lis,
.sort-by label,
.sort-name {
    float: left
}

.gri-lis {
    border-left: 1px solid #d0d0d0;
    padding-left: 10px;
    margin-left: 10px
}

.ins-sort-icons {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    display: none
}

.sort-icon {
    background-position: -413px -48px;
    width: 10px;
    height: 10px
}

.suc-close-icon {
    position: absolute;
    right: 10px;
    top: 14px;
    background-position: -423px -48px;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.sort-list {
    display: none;
    width: 112px;
    left: 0;
    top: 26px
}

.sort-list:after,
.sort-list:before {
    left: 20px;
    border: solid #fff0;
    height: 0;
    width: 0;
    position: absolute
}

.cart-more-menu,
.sort-name {
    position: relative
}

.sort-list:after {
    border-color: #fff0;
    border-bottom-color: #f1efef;
    border-width: 11px;
    margin-left: -11px
}

.sort-list:before {
    border-color: #fff0;
    border-bottom-color: #e3e3e3;
    border-width: 12px;
    margin-left: -12px
}

.sort-list li:last-child {
    border-bottom: 0
}

.sort-list li a {
    padding: 16px;
    display: block;
    color: #3c3c3c
}

.cart-more,
.cartmore,
.slider-num,
.sort-by {
    display: inline-block
}

.arrow-right {
    background-position: -16px -103px;
    width: 10px;
    height: 10px;
    margin-left: 5px
}

.sort-by label {
    margin-right: 2px
}

.sort-name {
    color: #36c;
    cursor: pointer
}

.over-cart-list {
    border-right: 0;
    padding-right: 0
}

.cart-list>li,
.sort-numbers li {
    border-right: 1px solid #d0d0d0;
    float: left
}

.sort-by {
    padding-right: 9px
}

.sort-numbers li {
    padding: 0 10px
}

.slider-num {
    padding: 1px 10px;
    border-left: 1px solid #d0d0d0
}

.cart-list {
    float: left
}

.cart-list>li {
    padding: 0 10px
}

.cart-list li:last-child {
    border-right: 0;
    padding-right: 0
}

.cartmore {
    margin-top: -2px
}

.cart-more {
    background-position: -527px -276px
}

.cart-more-items {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    width: 60px;
    border: 1px solid #e5e6e6;
    z-index: 9
}

.cart-more-items:after,
.cart-more-items:before {
    right: 10px;
    border: solid #fff0;
    height: 0;
    width: 0;
    position: absolute
}

.cart-more-items:after {
    border-color: #fff0;
    border-bottom-color: #f1efef;
    border-width: 11px;
    margin-left: -11px
}

.cart-more-items:before {
    border-color: #fff0;
    border-bottom-color: #e3e3e3;
    border-width: 12px;
    margin-left: -12px
}

.cart-more-items>li {
    display: block
}

.diamond,
.gri-lis li .grid-ico,
.gri-lis li .list-ico,
.open-addto,
.sms {
    display: inline-block
}

.cart-more-items>li:last-child {
    border-bottom: 0
}

.excel-icon,
.pdf-icon,
.print-icon {
    width: 24px;
    height: 24px;
    display: inline-block
}

.pdf-icon {
    background-position: -193px -272px
}

.excel-icon {
    background-position: -218px -272px
}

.print-icon {
    background-position: -245px -272px
}

.li-grid-list {
    width: 18px;
    height: 18px
}

.grid-icon {
    background-position: -167px -24px
}

.active .grid-icon {
    background-position: -167px -42px
}

.list-icon {
    background-position: -149px -24px
}

.active .list-icon {
    background-position: -149px -42px
}

.gri-lis li {
    float: left;
    border-right: 1px solid #d0d0d0;
    padding: 0 10px
}

.gri-lis li:last-child {
    border-right: 0;
    padding-right: 0
}

.gri-lis li:first-child {
    padding-left: 0
}

.diamond,
.sms {
    background-position: -325px -37px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.sms {
    background-position: -305px -37px
}

.stock-sec {
    padding: 70px 0
}

.checkresearch-lft {
    float: left
}

.checkresearch-rgt {
    float: right
}

.viewall-topgap {
    margin-top: 10px
}

.mutual-slider li.ca-item {
    height: 308px
}

.tile-view .bx-viewport {
    height: 100% !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: -5px;
    background: 0 0;
    padding: 0 6px !important
}

.ca-slider {
    padding: 10px 20px
}

.invest-ment {
    margin: 10px 0 0 -25px
}

.grid-box .invest-ment>li {
    float: left;
    margin: 0 0 20px 25px
}

.panel-heading-moreIcon {
    margin: 3px 0 0 10px;
    cursor: pointer
}

.panel-heading-name.tooltipdiv,
.panel-subname.tooltipdiv,
.tolbox.tooltipdiv {
    left: 0;
    top: 0
}

.panel-heading-name .headingtooltip,
.panel-heading-name .headingtooltip.top,
.panel-subname .headingtooltip,
.tolbox .headingtooltip {
    top: 32px;
    color: #1190e0;
    z-index: 3
}

.headingtooltip.top1 {
    top: auto;
    bottom: 30px
}

.panel-subname .headingtooltip,
.tolbox .headingtooltip {
    color: #666;
    font-size: 14px
}

.panel-heading-name:hover .headingtooltip,
.panel-subname:hover .headingtooltip {
    display: block
}

.headingtooltip .pro-name {
    white-space: normal;
    overflow: inherit;
    text-overflow: inherit;
    font-size: 15px
}

.panel-recamond {
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    top: 0;
    left: 0;
    display: block;
    border-top: 44px solid #3cb6ec;
    border-right: 44px solid #fff0;
    z-index: 10;
    cursor: pointer
}

.mutual li.border:before,
.pd-list-33>li.border:before,
.pd-list-50 li.border:before {
    content: "";
    border-left: 1px dotted #c5c5c5;
    height: 100%;
    left: 0
}

.pd-list-33>li,
.pd-list-50>li {
    float: left;
    margin-top: 20px;
    position: relative
}

.pd-list-33>li {
    width: 33.3%
}

.pd-list-50>li {
    width: 50%;
    min-height: 44px
}

.pd-list-50 li:before {
    content: "";
    position: absolute
}

.shadow-panel {
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.shadow-panel:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -moz-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -ms-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -o-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23)
}

.shadow-panel-normal {
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.thumb-tool {
    position: absolute;
    top: -38px
}

.panel-recamond img {
    max-width: inherit;
    margin: 0 0 0 5px;
    display: block
}

.pd-list-33 li small,
.pd-list-50 li small,
.pd-list-50-derviative small,
.sub-hea {
    color: #666
}

.panel-compare-action {
    margin-top: 3px;
    display: none
}

.pro-name {
    font-size: 24px;
    font-family: Arial;
    max-width: 213px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

.pop-name,
.report-proname-pop {
    max-width: inherit
}

.pro-name a {
    color: #1190e0
}

.pro-val-normal {
    color: #333;
    font-family: Arial
}

.pro-val-normal.sm-font {
    font-size: 15px
}

.pro-val {
    font-size: 24px;
    color: #1190e0
}

.entryprice-trade {
    margin: 8px 0;
    font-size: 15px;
    color: #333
}

.axisdir-view-gir img.buy-icon {
    margin-left: 5px;
    display: inline-block
}

.grid-box .timeago-list,
.list-box .time-area-rig,
.tablelables {
    display: none
}

.tablelables {
    font-size: 12px;
    color: #999
}

.mutual li.border:before,
.pd-list-50 li.border:before {
    position: absolute
}

li.border {
    padding-left: 20px
}

.pd-list-33>li.border:before {
    position: absolute
}

.pd-list-33>li.border {
    padding-left: 10px
}

.list-axis-view {
    display: none;
    margin-top: 15px;
    color: #999
}

.list-axis-view .buy-icon {
    margin: 4px 0 0
}

.axisdir-mut-view small {
    color: #666
}

.grid-box.list-box .research-soc-listview {
    display: inline-block
}

.grid-box.list-box .panel {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    position: relative
}

.grid-box.list-box .panel.incomplete {
    background-color: #e0ffed
}

.grid-box.list-box .panel.complete {
    background-color: #fff0f0
}

.grid-box.list-box .invest-ment>li {
    float: none
}

.grid-box.list-box .panel-body .tooltipdiv {
    left: 0;
    top: 0
}

.grid-box.list-box .panel-body h5 {
    margin: 5px 0
}

.grid-box.list-box .panel-compare-action,
.grid-box.list-box .panel-heading-name,
.panel-heading-moreIcon {
    float: left;
    display: block
}

.grid-box.list-box .panel-heading {
    float: left;
    width: 32%;
    padding: 0 0 0 20px;
    margin-bottom: 0;
    border-bottom: 0
}

.grid-box.list-box .pd-list-33 {
    margin-bottom: 20px
}

.grid-box.list-box .pd-list-33 li,
.grid-box.list-box .pd-list-50 li {
    margin-bottom: 0;
    padding-left: 0
}

.grid-box.list-box .pd-list-50 li {
    margin-top: 5px
}

.grid-box.list-box .pd-list-33 li.mtn-5,
.grid-box.list-box .pd-list-50 li.mtn-5,
.grid-box.list-box .pd-list-50-derviative li.mtn-5 {
    margin-top: 0
}

.grid-box.list-box .pd-list-33 li.border:before,
.grid-box.list-box .pd-list-50 li.border:before {
    border-left: 0
}

.grid-box.list-box .axisdir-view-gir img.buy-icon {
    display: block;
    margin: 10px 0 0
}

.grid-box.list-box .panel-body {
    float: left;
    width: 52%;
    margin-right: 2%;
    padding-left: 2%;
    border-left: 1px dotted #c5c5c5
}

.grid-box.list-box .panel-footer {
    margin-top: 0;
    float: right;
    width: 11%
}

.grid-box.list-box .panel-body h4 {
    margin: 3px 0 0
}

.grid-box.list-box .view-details {
    margin: 20px 0 0;
    display: block
}

.grid-box.list-box .pd-list-50 {
    width: 67%;
    float: left
}

.grid-box.list-box .axisdir-mut-view,
.grid-box.list-box .axisdir-view-gir {
    width: 30%;
    float: left;
    margin: 0
}

.pd-list-50-derviative li {
    margin-top: 5px;
    min-height: 44px
}

.grid-box.list-box .axis-dir-view-grid {
    display: none
}

.grid-box.list-box .list-axis-view,
.panel-footer:hover logintool-con {
    display: block
}

.grid-box.list-box .listview-2com {
    width: 100%
}

.invest-btn {
    position: relative
}

.overview-flyout {
    bottom: 70px;
    left: 10px
}

.overview-flyout .logintool-con:after,
.overview-flyout .logintool-con:before {
    top: 100%;
    left: 20px
}

.overview-flyout .logintool-con:after {
    border-top-color: #fcfcfc;
    border-bottom-color: #fff0
}

.overview-flyout .logintool-con:before {
    border-top-color: #ddd;
    border-bottom-color: #fff0
}

.list-box .overview-flyout {
    bottom: 140px;
    right: 50px;
    left: inherit
}

.list-box .overview-flyout .logintool-con:after,
.list-box .overview-flyout .logintool-con:before {
    right: 20px;
    left: inherit
}

.loader-reasrch {
    width: 31px;
    height: 31px;
    background: url(../images/home/loader.gif);
    display: inline-block
}

.entry-val {
    color: #999
}

.compare-ar-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: none
}

.research-soc-cardview,
.timeago {
    display: inline-block
}

.sort-menu-icon {
    background-position: -366px -275px
}

.wishlist-icon {
    background-position: -318px -275px
}

.compare-icon {
    background-position: -342px -275px
}

.alert-icon {
    background-position: -294px -275px
}

.data-points-icons {
    width: 22px;
    height: 22px
}

.priceincrease {
    background-position: -460px -279px
}

.pricecompleted {
    background-position: -438px -279px
}

.priceerror {
    background-position: -450px -279px
}

.price-exclamation {
    background-position: -505px -279px
}

.star-fill {
    background-position: -577px -279px;
    width: 16px;
    height: 16px
}

.star-unfill {
    background-position: -594px -279px;
    width: 16px;
    height: 16px
}

.axisdir-view-gir {
    margin: 20px 0 0;
    color: #999
}

.likepop .tooltip-bdy,
.panel .tooltip-bdy {
    left: 30px
}

.panel-body .tooltip-bdy {
    left: 25px;
    top: -10px
}

.time-area-rig {
    float: right;
    margin-bottom: 10px
}

.timeago {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px
}

.research-soc-listview {
    display: none
}

.grid-box.list-box .timeago-list {
    color: #ccc;
    display: inline-block;
    font-size: 12px
}

.trade-time {
    display: none
}

.grid-box.list-box .trade-time {
    display: block
}

.list-block {
    display: none
}

.mutual-benchmark {
    margin-left: 24px
}

.grid-box.list-box .list-block {
    display: block
}

.more-entry-val {
    float: left
}

.view-details {
    display: inline-block;
    margin-left: 10px;
    color: #999
}

.grid-box.list-box .tablelables {
    display: block
}

.grid-box.list-box .tablelables p {
    margin-bottom: 5px
}

.grid-box.list-box .tablelables label:after {
    content: ":";
    position: absolute;
    right: 10px;
    top: 0
}

.grid-box.list-box .tablelables label {
    display: inline-block;
    position: relative;
    width: 110px
}

.moreentries {
    background: #ccc;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    padding: 4px;
    margin: 2px 0 0 10px
}

.report-proname {
    max-width: 233px
}

.report-share {
    position: absolute;
    top: 25px;
    right: 20px
}

.reports-video {
    margin-top: 20px
}

.reports-video img {
    width: 100%
}

.stocks-coverd {
    color: #999;
    float: left;
    width: 210px;
    line-height: 16px
}

.report-names {
    font-size: 16px;
    width: 274px;
    margin: 10px 0 20px;
    color: #1190e0;
    min-height: 16px
}

.download-report-btn {
    border: 1px solid #1190E0;
    padding: 5px 10px;
    display: inline-block
}

.download-report-btn:hover,
.download-report:hover {
    border: 1px solid #006DB2;
    color: #006DB2
}

.report-showall {
    float: right;
    font-size: 12px
}

.single-details li .value,
.status-name {
    font-size: 16px
}

.reports-time {
    color: #999;
    position: relative;
    display: block;
    margin-top: 5px
}

.report-pro-heading {
    min-height: 50px;
    margin-bottom: 10px
}

.report-pro-names {
    width: 270px
}

.report-tec-pro-names {
    line-height: 20px;
    width: 270px
}

.sector li .panel {
    min-height: 315px
}

.report-content,
.report-name-fly {
    display: none;
    border: 1px solid #e8e8e8;
    background-color: #eff2f4;
    position: absolute;
    width: 200px;
    padding: 10px;
    right: 20px;
    margin-top: 24px;
    line-height: 18px;
    color: #1190e0;
    z-index: 10
}

.report-content:after,
.report-content:before,
.report-name-fly:after,
.report-name-fly:before {
    bottom: 100%;
    width: 0;
    position: absolute;
    content: " ";
    pointer-events: none
}

.report-name-fly:after,
.report-name-fly:before {
    left: 88%;
    border: solid #fff0;
    height: 0
}

.report-name-fly:after {
    border-color: #fff0;
    border-bottom-color: #eff2f4;
    border-width: 10px;
    margin-left: -10px
}

.report-name-fly:before {
    border-color: #fff0;
    border-bottom-color: #e8e8e8;
    border-width: 11px;
    margin-left: -11px
}

.report-desc {
    color: #999;
    line-height: 20px;
    height: 64px;
    overflow: hidden
}

.report-content {
    color: #999;
    margin-top: 10px;
    left: 20px;
    z-index: 10
}

.report-content:after,
.report-content:before {
    left: 50px;
    border: solid #fff0;
    height: 0
}

.report-content:after {
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.report-content:before {
    border-color: #fff0;
    border-bottom-color: #e8e8e8;
    border-width: 11px;
    margin-left: -11px
}

.popup-reports-desc {
    margin-top: 30px
}

.reports-pop-con {
    margin-top: 20px;
    line-height: 18px
}

.graph-content,
.grph-btns {
    display: none
}

.graph-content li {
    line-height: 20px
}

.grid-expand-btns {
    padding-top: 30px
}

.btns-positions {
    bottom: 35px;
    left: 33px;
    position: absolute;
    width: 89.5%
}

.rationale {
    float: left
}

.dirct-btns {
    float: right
}

.ca-content .tab-cnt {
    min-height: 260px
}

.single-details {
    border: 0;
    padding: 0
}

.single-details li {
    width: auto;
    padding-right: 20px
}

.single-view-details-inner>li {
    float: left;
    padding: 0 20px;
    border-right: 1px dotted #999;
    min-height: 80px;
    line-height: 16px
}

.graph1 {
    width: 70%
}

.single-view-details-inner>li:first-child {
    padding-left: 0;
    width: 75%
}

.single-view-details-inner>li:last-child {
    border: 0;
    width: 25%
}

.graph2 {
    width: 90%
}

.small-text {
    color: #999;
    font-size: 12px
}

.screens-left,
.screens-right {
    float: left;
    margin-right: 15px;
    width: 166px
}

.star-filled,
.star-infilled {
    width: 18px;
    height: 18px;
    text-indent: -99999px
}

.screens-ratings {
    margin-bottom: 10px;
    min-height: 85px
}

.screens-right {
    margin-right: 0
}

.rates>li {
    float: left;
    margin: 5px
}

.star-filled {
    background-position: -396px -280px
}

.star-infilled {
    background-position: -416px -280px
}

.detailed-analysis {
    text-align: right;
    display: block;
    color: #666;
    margin-top: 20px
}

.detailed-analysis span.da-icon {
    width: 20px;
    height: 16px;
    background-position: -370px -280px
}

.no-recorsmar,
.norecords-icon {
    margin-top: 50px;
    background-position: -378px -1438px;
    width: 60px;
    height: 60px
}

.no-recorsmar {
    background-position: -318px -1438px
}

.fill-box,
.welcomesearch-sec {
    background: #fff
}

.txt-norecords {
    font-size: 20px;
    color: #999;
    margin-top: 10px
}

.main-item {
    float: left;
    font-size: 16px;
    color: #000;
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif
}

.close-popup,
.filter-box-heading,
.researchmenu li a {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.bredcrumb {
    padding: 12px 0;
    height: 40px
}

.researchmenu li {
    display: inline-block;
    padding: 0 10px
}

.researchmenu li:first-child {
    padding-left: 0
}

.researchmenu li a {
    color: #909090;
    display: block;
    font-size: 14px
}

.researchmenu li a.active,
.researchmenu li:hover a {
    border-bottom: solid 1px #000;
    color: #000
}

.new-banner {
    height: 89px
}

.new-banner img {
    width: 100%;
    height: 100%;
    display: block
}

.pagead-banner .web-img {
    width: 100%
}

.pagead-banner .mob-img {
    display: none
}

.add-bannergrid img,
.add-bannerlist img {
    display: block
}

.add-bannerlist img,
.grid-box.list-box .add-bannergrid img {
    display: none
}

.filter-row {
    margin: 30px 0
}

.filter-button {
    position: relative;
    float: left
}

.fill-box {
    cursor: pointer;
    border: 1px solid #e8e8e8;
    color: #000;
    padding: 10px;
    width: 160px;
    font-size: 16px
}

.fil-dis span {
    margin-left: 5px
}

.filter-button>span {
    display: inline-block;
    margin-left: 10px
}

.filter-icon {
    background-position: -457px -40px;
    display: inline-block;
    width: 24px;
    height: 19px
}

.filter-content-box {
    position: relative;
    width: 976px;
    margin: 10px 0 20px;
    left: 0;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    display: none;
    z-index: 11
}

.fill-box1 {
    margin-left: -10px
}

.fill-box1>li {
    width: 311px;
    float: left;
    margin: 0 0 20px 10px
}

.fill-box1>li:last-child {
    margin-right: 0
}

.filter-content-box:after,
.filter-content-box:before {
    bottom: 100%;
    left: 50px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.filter-content-box:after {
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.filter-content-box:before {
    border-color: #fff0;
    border-bottom-color: #e8e8e8;
    border-width: 11px;
    margin-left: -11px
}

.filter-box-heading {
    float: left
}

.filter-heading {
    margin-bottom: 20px
}

.filter-check {
    display: inline-block;
    float: left;
    margin-top: 5px
}

.flyout-check,
.rec-check {
    margin-top: 30px
}

.fill-expansion {
    float: right;
    cursor: pointer
}

.fil-plus {
    background-position: -541px -37px;
    width: 24px;
    height: 24px
}

.current .fil-plus {
    background-position: -565px -37px
}

.fill-call-data {
    display: none;
    border-bottom: 1px dotted #c5c5c5;
    padding-bottom: 20px
}

.page-search {
    float: left;
    margin-left: 10px;
    border: 1px solid #ebebeb;
    width: 82.4%;
    height: 41px;
    position: relative;
    background-color: #fff
}

.search-icon-area {
    width: 40px;
    height: 39px;
    padding: 10px;
    float: left;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ebebeb;
    background-color: #ebebeb
}

.serach-box-fly {
    padding: 20px 0 0;
    border-bottom: 1px dotted #c5c5c5
}

.current {
    border-bottom: 0
}

.serach-box-fly-last {
    border-bottom: 0;
    margin-bottom: 20px
}

.flyout-accordion {
    display: none
}

.search-page-inp {
    width: 100%;
    padding: 11px 60px 11px 20px;
    border: none;
    font-size: 14px
}

.search-page-inp:focus,
.search-page-inp:hover {
    border: 0
}

.serach-fly-btns a {
    display: inline-block
}

.custom-radio>label {
    color: #666;
    margin-bottom: 5px;
    display: block;
    font-size: 14px
}

.analysis-box,
.cadialog-title span,
.filter-label,
.indication .grow-op,
.out-graph,
.target-val,
.trading-popup-list,
.trading-popup-list li,
.weekpick label {
    display: inline-block
}

.custom-radio .page-search {
    width: 100%;
    height: 36px;
    margin-left: 0
}

.custom-radio .search-page-inp {
    line-height: 32px;
    padding: 1px 40px 1px 10px;
    font-size: 14px
}

.custom-radio .search-icon-area {
    height: 35px;
    width: 35px;
    padding: 8px
}

.radio-sec li {
    float: left
}

.search-result-resa {
    margin-top: 20px;
    color: #999;
    font-size: 16px
}

.filter-elements {
    padding: 10px 0 0
}

.filter-label {
    position: relative
}

.filter-title {
    float: left;
    margin: 5px 10px 0 0;
    font-size: 12px;
    color: #999
}

.filter-box-name {
    background-color: #d7e5f2;
    border: 1px solid #d7e5f2;
    float: left;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
    color: #666;
    font-size: 12px
}

.filter-box-name:hover {
    border: 1px solid #999
}

.filter-label:after {
    position: absolute;
    content: ":"
}

.vdetail-title,
.weekpick label {
    position: relative
}

.filter-name {
    margin-left: 5px
}

.filter-ele-close {
    width: 12px;
    height: 10px;
    background-position: -423px -48px;
    cursor: pointer;
    margin-left: 5px
}

.investpopcont {
    margin-top: 40px;
    font-size: 16px
}

.close-popup {
    font-size: 14px;
    color: #676767;
    cursor: pointer
}

.pop-table-hea,
.target-val h2,
.target-val h4 {
    font-family: Arial, Helvetica, sans-serif
}

.pop-name {
    float: left
}

.pop-desc {
    background-color: #f4f4f4;
    padding: 5px 0
}

.pop-desc li {
    padding: 4px 10px;
    border-right: 1px dotted #acacac;
    float: left;
    color: #999
}

.pop-desc li:first-child {
    padding-left: 30px
}

.pop-desc li:last-child {
    border-right: 0
}

.pop-pro-val-name {
    color: #666
}

.pop-pro-val-normal {
    color: #333;
    font-size: 18px
}

.likepop .vdetail-title {
    background-color: #fff
}

.pop-box1 {
    padding-bottom: 20px;
    border-bottom: 1px dotted #c5c5c5
}

.pop-left-price {
    float: left;
    margin-top: 0 !important
}

.pop-lastupdated {
    color: #ccc
}

.pop-right-compare {
    float: right;
    margin-top: 14px
}

.pro-name-sub {
    color: #666;
    font-size: 18px;
    margin-top: 30px
}

.graph-deisgn {
    margin-top: 20px
}

.tab-sec-pop {
    border-radius: 4px
}

.pop-tabs>li {
    margin: 0;
    padding-left: 0
}

.pop-boxes {
    padding-top: 30px
}

.graph-twoparts {
    margin-top: 30px
}

.out-graph {
    width: 68%;
    border-right: 1px dotted #c5c5c5;
    padding-right: 20px
}

.ourperform-graph {
    width: 100%
}

.target-val {
    padding-left: 40px
}

.target-val h4 {
    color: #999
}

.target-val h2 {
    color: #1190e0;
    margin-top: 5px
}

.download-report {
    float: right;
    border: 1px solid #128FE1;
    padding: 5px 10px
}

.down-analysis,
.down-report {
    background-position: -624px -282px;
    width: 7px;
    height: 12px;
    margin-left: 5px
}

.down-analysis {
    background-position: -636px -281px;
    width: 12px
}

.pop-table-hea {
    margin: 20px 0 10px;
    color: #666
}

.analysis {
    font-size: 18px;
    color: #999
}

.analsis-val {
    color: #333
}

.pop-buy {
    color: #00ba63;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    margin: 0 10px 5px 0
}

.trading {
    color: #333
}

.green-star {
    background: url(../images/home/grens-star.png);
    width: 19px;
    height: 19px;
    margin-right: 5px
}

.weekpick {
    float: left;
    width: 24%
}

.graph-div {
    float: left;
    width: 58%;
    padding: 0 10px
}

.buy-rgt,
.timerdiv {
    float: right
}

.timerdiv {
    width: 16%
}

p.green-txt {
    color: #00b050
}

.weekpick p {
    margin-bottom: 10px
}

.weekpick label {
    width: 110px
}

.weekpick label:after {
    position: absolute;
    content: ":";
    top: 0;
    right: 10px
}

.cadialog-title h5 {
    display: inline-block
}

.cadialog-title span {
    margin-left: 30px;
    font-size: 13px
}

.cadialog-title span small {
    color: #333;
    font-family: futura_md_btbold;
    font-size: 13px
}

.addrate,
.addtodet,
.addtohleft,
.addtohrgt,
.det-list-hea,
.mutual-pop-33 li,
.mutual-years,
.trading-star {
    float: left
}

.stop-loss {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.trading-star-con {
    padding-left: 25px
}

.hea-trading-pop {
    font-size: 18px;
    color: #333
}

.desc-trading-pop {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.trading-popup-list li {
    width: 49%;
    padding-bottom: 20px;
    position: relative;
    vertical-align: top
}

.trading-popup-list li.border-left:before {
    content: "";
    position: absolute;
    border-left: 1px dotted #c5c5c5;
    height: 100%;
    left: -25px
}

.mutual-growth {
    color: #999;
    margin-bottom: 5px
}

.mutual-years {
    width: 400px
}

.mutual-hea-left {
    padding-right: 20px;
    border-right: 1px dotted #c5c5c5
}

.mutual-pop-33 li {
    padding: 5px 20px;
    border-right: 1px dotted #c5c5c5
}

.mutual-list h4,
.mutual-pop-33 h4 {
    padding: 5px 0
}

.mutual-con {
    margin-top: 10px;
    line-height: 16px
}

.analysis-box-hea {
    color: #1190E0
}

.analysis-box {
    width: 28px;
    height: 28px;
    background-color: #e8e8e8;
    border: 1px solid #a6a6a6;
    vertical-align: middle
}

.ansis-box-fild {
    background-color: #ffc000;
    border: 1px solid #a6a6a6
}

.contractslist,
.pair-heading {
    padding: 10px;
    border: 1px solid #f1f1f1
}

.anly-sis-cap {
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

.any-box-list {
    margin: 10px 0 20px
}

.any-box-list li {
    margin-bottom: 4px
}

.indication .grow-op {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    margin: 22px 0 0 -12px
}

.analysis-box-main {
    position: relative
}

.mutual-scheme-invest {
    margin-left: 20px
}

.mutual-pop-invest {
    margin: 30px 0 0 60px;
    color: #1190E0
}

.analysis-ver {
    position: absolute;
    right: 40px;
    top: 40px;
    color: #1190E0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.analysis-ver.debt {
    width: 100px;
    right: 20px;
    top: 20px
}

.analysis-ver.ele-5 {
    right: -40px;
    top: 70px
}

.cadialog-list li {
    margin-bottom: 20px
}

.cadialog-list li:last-chlid {
    margin-bottom: 0
}

.pair-heading {
    background-color: #f1f1f1;
    cursor: pointer
}

.contractslist>li {
    margin: 0 0 20px;
    padding-top: 20px
}

.contractslist>li:last-child {
    border-top: 1px dotted #c5c5c5
}

.contracts-table>li {
    float: left;
    margin: 0 15px;
    width: 120px;
    border-right: 1px dotted #c5c5c5;
    min-height: 30px
}

.contracts-table>li:first-child {
    margin-left: 0;
    width: 250px
}

.contracts-table>li:last-child {
    margin-right: 0;
    border-right: 0
}

.contracts-table>li .smalltext {
    color: #999;
    font-size: 12px;
    margin-bottom: 5px
}

.contracts-table>li .leg {
    color: #1190e0;
    margin-top: 10px
}

.contracts-table h5 {
    font-family: Arial, Helvetica, sans-serif
}

.premium-heading,
.tarprice span {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.detailslist {
    padding: 20px 10px;
    border: 1px solid #f1f1f1
}

.det-list-hea {
    position: relative;
    width: 90px;
    color: #666
}

.notif-add,
.view-add {
    width: 30px;
    vertical-align: middle;
    height: 20px
}

.det-list-hea:after {
    position: absolute;
    content: ":";
    right: 10px
}

.det-list-con {
    color: #999;
    padding-left: 90px
}

.graph-desc {
    color: #999;
    text-align: center;
    font-size: 12px;
    margin-top: 10px
}

.addtohmain {
    margin: 20px 0
}

.add-title {
    background: #fff
}

.addtohleft {
    margin-right: 20px
}

.addtodet {
    margin-bottom: 10px;
    font-size: 20px
}

.addtodet span {
    display: block;
    font-size: 13px
}

.addrate {
    vertical-align: middle;
    margin: 10px 0 0 20px
}

.addtohrgt .primary-btn {
    margin-right: 10px
}

.view-add {
    background-position: -9px -400px
}

.notif-add {
    background-position: -42px -400px
}

.directrecut-content {
    background: #f4f4f4
}

.directrecutviews {
    margin: 20px 0
}

.directview,
.recruterview {
    float: left;
    margin-right: 3%
}

.directview {
    width: 15%
}

.view-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3
}

.impinfo li,
.stck-title {
    border-bottom: 1px dotted #999
}

.recruterview {
    width: 42%
}

.drctrectgraph {
    width: 35%;
    float: right
}

.impinfo,
.newsinfo,
.rcigraph,
.rcilft,
.rcirgt,
.recruterinner {
    float: left
}

.tarprice {
    font-size: 14px
}

.tarprice span {
    font-size: 24px;
    display: block;
    margin: 5px 0
}

.impinfo li p,
.impinfo li span,
.offerlist li,
.planinner-title,
.pre-icon {
    display: inline-block
}

.tarpercent {
    color: #999;
    margin: 5px 0
}

.recobuy {
    color: #999
}

.rcigraph {
    width: 160px
}

.rcilft {
    width: 80px
}

.rcirgt {
    width: 130px;
    margin-left: 20px
}

.analist {
    background-position: -34px -259px;
    height: 20px;
    width: 20px;
    vertical-align: sub
}

.stck-title {
    color: #0072bc;
    padding: 10px 0;
    border-top: 1px dotted #999
}

.newsinfodet {
    margin: 20px 0
}

.newsinfo {
    width: 60%
}

.impinfo {
    width: 35%;
    margin-left: 4%
}

.newsinfo h4,
.newsinfo li {
    margin-bottom: 10px
}

.newsinfo li a {
    color: #000
}

.newsinfo li p {
    color: #999;
    font-size: 13px;
    margin: 5px 0 0
}

.impinfo h4,
.impinfo li {
    margin-bottom: 10px
}

.impinfo li {
    padding: 5px 0
}

.impinfo li p {
    width: 150px
}

.impinfo li span {
    float: right
}

.actionlist a span {
    margin-right: 10px;
    height: 16px;
    width: 16px;
    vertical-align: middle
}

.spanshot {
    background-position: -12px -374px
}

.financial {
    background-position: -32px -374px
}

.shareload {
    background-position: -52px -374px
}

.peers {
    background-position: -72px -374px
}

.research-inner {
    text-align: left
}

.custdialog-content,
.pre-con-desc,
.research-header {
    text-align: center
}

.premium {
    background-color: #fff
}

.dialog-content {
    padding: 20px 30px
}

.premium .dialog-title {
    height: 100px;
    padding: 10px 30px;
    margin: 0;
    border-bottom: 1px solid #e8e8e8
}

.pre-sms-ico {
    width: 30px;
    height: 30px;
    margin-right: 5px
}

.premium-icon {
    background-position: -272px -27px
}

.sms-icon {
    background-position: -242px -27px
}

.pre-con-desc {
    line-height: 18px
}

.premium-heading {
    color: #1190e0
}

.research-header {
    height: 100px;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%
}

.premium-sub {
    font-size: 16px;
    color: #999;
    margin-top: 10px
}

.premium .dialog-content {
    background-color: #f6f6f6
}

.premium-plans-dates {
    background-color: #15b891;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.pre-plan-info {
    line-height: 20px
}

.pre-plan-info span {
    margin-left: 50px
}

.premium-planlist {
    margin: 20px auto
}

.premium-planlist>li {
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
    border-bottom: 20px;
    text-align: left;
    box-shadow: 0 1px 2px rgb(0 0 0 / .5);
    margin-bottom: 20px
}

.premium-planlist>li:last-child {
    border-bottom: 1px solid #ddd
}

.premium-planlist li p {
    line-height: normal
}

.preplaninner-lft {
    float: left;
    width: 70%;
    padding: 40px
}

.preplaninner-rgt {
    float: right;
    width: 30%;
    border-left: 1px solid #e8e8e8;
    background: #fafafa;
    padding: 40px;
    min-height: 314px
}

.rempadding {
    padding-bottom: 0
}

.pre-icon {
    width: 48px;
    height: 48px;
    vertical-align: middle
}

.pr1 {
    background-position: -10px -806px
}

.pr2 {
    background-position: -58px -806px
}

.pr3 {
    background-position: -106px -806px
}

.pr4 {
    background-position: -154px -806px
}

.planinner-title {
    vertical-align: bottom;
    margin-left: 10px
}

.subhead {
    color: #999;
    vertical-align: middle
}

.offerlist {
    margin: 20px 0
}

.offerlist li {
    margin: 0 5px;
    border-right: 1px dotted #c5c5c5;
    vertical-align: middle;
    width: 30%;
    min-height: 50px
}

.offerlist li:first-child {
    margin-left: 0;
    padding-left: 0
}

.offerlist li:last-child {
    border-right: 0
}

.offer-title span {
    display: block;
    color: #75af38;
    font-size: 24px
}

.offer-title {
    font-size: 12px;
    color: #999
}

.offer-descrip {
    color: #666;
    margin: 20px 0
}

.arrow-icon,
.plandetaillist>li i.arrow-icon {
    vertical-align: middle;
    height: 10px;
    width: 10px;
    background-position: -16px -103px;
    float: left;
    margin-right: 10px
}

.arrow-icon.open {
    background-position: -48px -105px
}

.plandetailsshow {
    display: none;
    padding: 40px;
    border-top: 1px solid #e8e8e8
}

.plandetaillist {
    margin: 20px 0
}

.palndetail-title {
    color: #fd4761
}

.plandetaillist li {
    margin-bottom: 20px
}

.plandetaillist li span {
    display: block;
    padding-left: 20px
}

.plandetaillist li i {
    margin-top: 3px
}

.combolist {
    margin: 20px 0
}

.combolist li {
    display: inline-block;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin-right: 20px
}

.combolist li.redbrder {
    border-left: 4px solid #f85354
}

.combolist li.voiletbrder {
    border-left: 4px solid #8e37e7
}

.combolist li.orangebrder {
    border-left: 4px solid #ed9b31
}

.subscriptionttl {
    padding-top: 20px
}

.subscriptionlft {
    float: left;
    width: 48%
}

.subscriptionrgt {
    float: right;
    width: 48%;
    padding-left: 1%
}

.subscriptionttl h4 {
    margin-bottom: 15px;
    color: #333;
    font-family: futura_bk_btbook
}

.subscriptionttl h5,
.subscriptionttl p {
    padding-left: 50px;
    color: #666
}

.subscriptionttl p {
    color: #999
}

.swifttradediv {
    margin: 128px 0 0
}

.subscriptionttl i {
    height: 40px;
    width: 40px;
    margin-right: 10px;
    float: left
}

.stock-icon {
    background-position: -256px -124px
}

.bar-icon {
    background-position: -336px -124px
}

.refresh-icon {
    background-position: -416px -124px
}

.envolope-icon {
    background-position: -456px -124px
}

.bulb-icon {
    background-position: -296px -124px
}

.line-icon {
    background-position: -496px -124px
}

.speedo-icon {
    background-position: -376px -124px
}

.book-icon {
    background-position: -576px -124px
}

.settings-icon {
    background-position: -616px -124px
}

.value-email-icon {
    background-position: -536px -124px
}

.paymentoptionist {
    margin: 20px 0
}

.paymentoptionist li {
    display: block;
    margin-bottom: 20px;
    position: relative
}

.paymentoptionist li .yrselect {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.paymentoptionist li p {
    display: block;
    color: #333;
    font-size: 24px;
    margin: 0 0 0 40px
}

.savepercent {
    display: inline-block;
    background: #fd4761;
    color: #fff;
    padding: 2px 4px;
    border-radius: 20px;
    font-size: 10px;
    position: absolute;
    top: 26px;
    right: 0
}

.cnfrmdet-list li span,
.pop-fnav li a,
.tandc {
    font-size: 12px
}

.payment-or::after,
.payment-or::before {
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 26%;
    z-index: -1
}

.savepercent:hover {
    background: #fe3350
}

.tandc {
    color: #a4a4a4
}

.tandc p {
    margin-bottom: 5px
}

.pop-fnav {
    margin: 20px 0 0;
    color: #666;
    text-align: left
}

.confrm-title,
.nochnage-val,
.payment-or,
.payment-title,
.resaecrh-discla {
    text-align: center
}

.pop-fnav li {
    padding: 0 10px;
    float: left;
    border-right: 1px solid #ddd
}

.pop-fnav li a {
    display: inline-block;
    color: #666
}

.pop-fnav li:last-child {
    border-right: 0
}

.cnfrmdetails {
    margin: 0 0 20px
}

.confrm-title {
    color: #5d5e5d
}

.payment-title {
    margin: 20px 0;
    border-bottom: 1px solid #e4e3e3;
    padding-bottom: 20px;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.terms-lumspsum,
.trade-sip-suces,
.tradepopup-con.invest-drop {
    font-family: Arial, Helvetica, sans-serif
}

.cnfrmdet-list {
    margin: 20px 0
}

.cnfrmdet-list li {
    display: block;
    margin-bottom: 20px
}

.cnfrmdet-list li label {
    display: block;
    margin-bottom: 10px;
    color: #666
}

.payment-or::before {
    left: 62%
}

.payment-or::after,
.payment-or::before {
    background-color: #e0e0e0
}

.payment-or::after {
    right: 62%
}

.trade-wizard li,
.trade-wizard li:first-child,
.trade-wizard li:last-child,
.trade-wizard1 li:last-child {
    width: auto
}

.payment-or {
    position: relative;
    z-index: 1;
    margin: 20px 0
}

.payment-or span {
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    padding: 6px 8px
}

.empty-space {
    min-height: 300px
}

.grid-data {
    margin-left: -25px
}

.grid-data>li {
    margin: 0 0 25px 25px
}

.resaecrh-discla {
    padding: 0 0 70px
}

.resaecrh-discla .product-button {
    margin-top: 0
}

.trade-pop-pading {
    padding: 20px
}

.tradewiz-backgournd {
    background: #f2f2f2;
    border-bottom: 1px solid #f1f1f1
}

.trade-lumpsum .con-2,
.tradepopup-con .invest-down {
    border-bottom: 1px solid #1190e0
}

.trade-wizard {
    margin-bottom: 0
}

.trade-wizard li:before,
.trade-wizard li:first-child:before {
    right: 8px
}

.trade-wizard li .step-name {
    margin-top: 6px
}

.tradepopup-con.invest-drop {
    margin-top: 20px;
    padding: 0;
    font-size: 18px
}

.tradepopup-con .intvest-time {
    color: #1190e0;
    min-width: auto
}

.tradepopup-con .inst-arrow {
    padding: 0 0 0 5px
}

.tradepopup-con .mar-val-inper {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.tradepopup-con .invest-drop-nrml,
.tradepopup-con .invest-drop-txt {
    line-height: 28px;
    margin-right: 8px
}

.tradepopup-con .mar-val {
    font-size: 24px
}

.trade-inps p,
.trade-lumpsum {
    font-size: 18px
}

.trade-lumpsum .con-1,
.trade-lumpsum .con-2 {
    line-height: 28px;
    margin-bottom: 5px;
    display: inline-block
}

.trade-lumpsum .con-1 {
    color: #666
}

.trade-lumpsum .con-2 {
    margin: 0 8px;
    color: #1190e0
}

.con-2.min-rupe {
    color: #ccc;
    border-bottom: 1px solid #ccc
}

.trade-lumpsum .mar-time-drop {
    top: 41px
}

.trade-inps.scheme-pop-list>li {
    width: 233.3px
}

.order-list li {
    margin-bottom: 10px
}

.order-list li label {
    float: left;
    width: 150px;
    position: relative
}

.order-list li label:after {
    position: absolute;
    content: ":";
    right: 10px
}

.order-list li>p,
.order-res {
    font-size: 18px;
    padding-left: 150px;
    color: #333
}

.order-res .mar-val-inper {
    display: inline-block;
    margin: -5px 0 0 5px;
    vertical-align: top
}

.order-res .mar-val {
    vertical-align: top;
    font-size: 24px
}

.trade-termscon {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    display: none;
    margin-top: 20px
}

.terms-lumspsum {
    float: left
}

.trems-closebtn {
    float: right;
    padding: 10px;
    margin-top: -10px
}

.terms-content {
    height: 60px;
    overflow-y: scroll
}

.trade-modify-icon,
.trade-proceed-icon {
    width: 18px;
    height: 18px;
    vertical-align: bottom
}

.defaultCountdown,
.market-pri-inc,
.sort-select-name,
.stockbuzz-vals-tab {
    vertical-align: middle
}

.trade-modify-icon {
    background-position: -117px -1088px;
    margin-right: 5px
}

.trade-proceed-icon {
    background-position: -135px -1088px;
    margin-left: 5px
}

.trade-lumsetp1-le {
    width: 460px;
    float: left
}

.trade-lumsetp1-re {
    float: right;
    border: 1px dotted #c5c5c5;
    width: 250px;
    margin-left: 25px;
    padding: 20px
}

.ipos-input.lumpsum-input {
    min-width: 150px;
    font-size: 18px
}

.trade-lumsetp1-re .con-1 {
    font-size: 18px;
    color: #666;
    margin-bottom: 10px
}

.trade-lumsetp1-re .mar-val {
    font-size: 16px
}

.trade-lumsetp1-re p {
    margin-top: 10px;
    color: #999;
    font-style: italic
}

.scheme-moreinfo {
    float: right;
    margin-right: 180px
}

.lumpsum-list-box,
.sip-list-box {
    margin-top: 20px;
    position: relative;
    display: none
}

.sip-list-box {
    margin: 10px 0 20px
}

.lumpsum-list-box-close {
    background-position: -995px -1776px;
    width: 12px;
    height: 12px
}

.lumpsum-closebtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    display: block
}

.redeem-list,
.trade-lumpsum-list {
    border: 1px solid #f1f1f1;
    padding: 20px 20px 0
}

.trade-lumpsum-list>li {
    width: 47%;
    float: left;
    margin-bottom: 10px
}

.trade-lumpsum-list>li:first-child {
    width: 100%
}

.trade-lumpsum-list>li label,
.trade-lumpsum-list>li p {
    display: inline-block
}

.trade-lumpsum-list>li label {
    color: #999
}

.line-chrge.lumpsumpop-noline-chrge {
    border-bottom: 0
}

.trade-sip-sucesmsg span {
    font-size: 16px;
    color: #333
}

.invest-down .ui-datepicker-trigger {
    margin: 0
}

.ipos-input.sip-months {
    width: 30px
}

.ipos-input.sip-date-input {
    width: 110px
}

.sip-date .ui-datepicker-trigger {
    display: none
}

.sip-urn-desc {
    margin-top: 20px
}

.sip-urn-desc span {
    color: #333;
    font-weight: 600
}

.steps-info-more {
    float: none;
    margin: 10px 0 0
}

.sip-process-steps {
    margin-top: 10px
}

.sip-process-steps-le,
.sip-process-steps-re {
    float: left;
    width: 49%
}

.sip-process-steps-re {
    margin-left: 2%;
    margin-top: 20px
}

.process-name-list li {
    margin-bottom: 16px;
    width: 100%;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    position: relative
}

.process-name-list li:after {
    content: "";
    position: absolute;
    background: url(../images/markets/trade/process-listarrow.png);
    width: 15px;
    height: 8px;
    left: 50%;
    margin-left: -7px;
    bottom: -13px
}

.process-name-list li:last-child:after {
    background: 0 0
}

.bor-1.active,
.bor-2.active {
    background: #f68567
}

.process-name-list li a {
    display: block;
    padding: 10px 20px;
    color: #333
}

.process-name-list li a span {
    font-weight: 600
}

.process-name-list li.active a {
    color: #fff
}

.bor-1 {
    border-top: 2px solid #f68567
}

.bor-2 {
    border-top: 2px solid #fdb64e
}

.bor-3 {
    border-top: 2px solid #aed361
}

.bor-3.active {
    background: #aed361
}

.bor-4 {
    border-top: 2px solid #71c5a4
}

.bor-4.active {
    background: #71c5a4
}

.bor-5 {
    border-top: 2px solid #70c3ed
}

.bor-5.active {
    background: #70c3ed
}

.bor-6 {
    border-top: 2px solid #9087c0
}

.bor-6.active {
    background: #9087c0
}

.mar-left,
.mar-main,
.mar-panel-list {
    background-color: #fff
}

.process-name-list li:last-child {
    margin-bottom: 0
}

.mar-list>li,
.redeem-list>li {
    margin-bottom: 20px
}

.sip-process-steps-re img {
    border: 1px solid #f1f1f1;
    width: 100%
}

.redeem-list>li {
    width: 47%;
    float: left
}

.redeem-list>li label,
.redeem-list>li p {
    display: inline-block
}

.redeem-list>li label {
    color: #999
}

.redeem-unit-checkbox {
    margin-top: 6px;
    display: inline-block
}

.after-all,
.mar-list-con,
.mar-scattered-con,
.units-inp {
    display: none
}

.mar-gri-lis {
    border-left: 0
}

.mar-list>li:last-child {
    margin-bottom: 0
}

.tool-size {
    min-width: 100px
}

.tool-size1 {
    min-width: 105px
}

.mar-panel-list {
    padding: 20px
}

.mar-panel-body,
.mar-panel-footer,
.mar-panel-hea {
    float: left
}

.mar-panel-hea {
    width: 32%;
    padding: 0 0 0 20px
}

.mar-panel-body {
    width: 52%;
    margin-right: 2%;
    padding-left: 2%;
    border-left: 1px dotted #c5c5c5;
    min-height: 83px
}

.mar-panel-footer {
    float: right;
    width: 11%
}

.mar-list-axis {
    display: block
}

.mar-pd-list-33>li {
    float: left;
    width: 33%
}

.mar-pd-list-50>li {
    float: left;
    width: 50%
}

.market-search-open {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #c5c5c5
}

.market-open,
.market-search {
    float: left
}

.market-search {
    width: 70%;
    margin-left: 0
}

.mar-auto-search {
    width: 75%
}

.market-search .search-page-inp {
    width: 90%;
    padding: 11px 20px
}

.search-advance {
    display: inline-block;
    width: 10px;
    height: 14px
}

.market-open {
    float: right;
    padding-left: 20px
}

.mar-closes-in,
.mar-left,
.mar-openicon,
.mar-right,
.mar-updated-left {
    float: left
}

.mar-openicon {
    margin-top: 5px
}

.mar-open-time {
    padding-left: 40px
}

.mar-open-ico {
    background-position: -209px -972px;
    width: 32px;
    height: 32px;
    display: inline-block
}

.mar-open-txt-left {
    color: #999;
    margin-right: 5px
}

.open-txt {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    color: #000;
    margin-top: 2px;
    font-size: 18px
}

.invest-rupe,
.lumpsumsip .invest-drop,
.mar-val,
.market-subnames,
.sim-hea-stoc {
    font-family: Arial, Helvetica, sans-serif
}

.countdown-section {
    display: block;
    float: left;
    font-size: 10px;
    margin-right: 10px;
    position: relative
}

.countdown-section:after {
    position: absolute;
    content: ':';
    margin-left: 5px;
    width: 2px;
    height: 2px
}

.countdown-section:last-child:after {
    content: ""
}

.mar-closes-in {
    color: #999
}

.defaultCountdown {
    display: inline-block
}

.countdown-amount {
    color: #fff;
    font-size: 12px
}

.countdown-period {
    font-size: 10px;
    color: #fff
}

.box-padding-mar {
    padding-top: 30px
}

.sort-list.indecesdrop {
    width: 250px
}

.sort-list.indecesdrop-med {
    width: 160px
}

.mstockselect {
    margin: 0 0 20px
}

.mstockselect p {
    display: inline-block;
    margin: 0 4px 10px 0
}

.mstockselect .select2-container {
    min-width: 100px !important
}

.mar-big-sel .select2-container {
    min-width: 220px !important
}

.mar-med-sel .select2-container {
    min-width: 120px !important
}

.mar-med-sel1 .select2-container {
    min-width: 150px !important
}

.mar-cap,
.mar-name,
.mar-per,
.mar-value {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 190px
}

.mar-name-mutual,
.mar-value {
    color: #333
}

.mar-name-gap {
    margin-top: 10px
}

.mar-value {
    font-size: 24px
}

.mar-main {
    position: relative;
    border-top: 2px solid #0d57a0
}

.mar-left {
    width: 330px;
    padding: 20px
}

.mar-left .panel {
    padding: 0;
    width: auto
}

.mar-right {
    background: url(../images/home/market-graph-bg.png);
    width: 646px;
    padding: 20px;
    border-left: 1px solid #e8e8e8;
    min-height: 355px
}

.mar-right img {
    width: 100%
}

.mar-val-inper {
    margin-top: 5px
}

.market-val-dec,
.market-val-inc {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 10px
}

.mar-val-inper span {
    color: #00ba63;
    font-size: 16px
}

.mar-val-inper span.dec {
    color: #f63
}

.market-val-inc {
    background-position: -10px -1058px
}

.market-val-dec {
    background-position: -30px -1058px
}

.invest-rupe {
    margin-top: 20px;
    color: #5d5e5d;
    font-size: 18px
}

.list-none {
    display: none
}

.advgraphshow p span,
.drop-mar-select,
.invest-lsit li {
    display: inline-block
}

.invest-lsit {
    margin: 20px 0 0
}

.invest-lsit li p {
    margin-bottom: 15px;
    color: #333
}

.investlsit-left {
    width: 30%;
    padding: 0 3% 0 0
}

.investlsit-middle {
    width: 32%;
    padding: 0 2%;
    border-right: 1px dotted #c5c5c5
}

.investlsit-right {
    width: 33%;
    padding: 0 0 0 3%
}

.invest-lsit li .invest-title {
    color: #999;
    margin-bottom: 20px
}

.invest-lsit li .invest-year {
    color: #999
}

.last-updated {
    margin-bottom: 10px;
    color: #ccc
}

.pop-last-updated {
    margin-bottom: 0
}

.mar-sort {
    margin-bottom: 10px
}

.slider-num.mar-last {
    border-left: 0
}

.sort-by.mar-sort-by {
    border-left: 1px solid #c5c5c5;
    padding-left: 10px
}

.mar-last {
    color: #ccc;
    padding: 0 10px 0 0
}

.mar-updated-right {
    float: right
}

.mar-grid-ico {
    background-position: -185px -24px
}

.mar-list-ico {
    background-position: -149px -24px
}

.mar-sctared-ico {
    background-position: -204px -24px
}

.active .mar-grid-ico {
    background-position: -185px -42px
}

.active .mar-list-ico {
    background-position: -149px -42px
}

.active .mar-sctared-ico {
    background-position: -204px -42px
}

.mar-updated-right li {
    float: left;
    padding: 0 10px;
    border-right: 1px dotted #c5c5c5
}

.mar-updated-right li:last-child {
    padding-right: 0;
    border-right: 0
}

.mf-slider .ui-slider-tabs-list li {
    height: 120px !important
}

.market-dir-view {
    margin-top: 20px;
    color: #999;
    font-size: 14px
}

.market-dir-view p {
    margin-right: 5px
}

ul.curosal_con-dis>li.ui-tabs-active .market-pri-inc {
    width: 16px;
    height: 16px;
    background-position: -598px -42px
}

ul.curosal_con-dis>li.ui-tabs-active .market-pri-inc.dec {
    background-position: -598px -61px
}

.market-pri-inc {
    width: 16px;
    height: 16px;
    background-position: -614px -42px
}

.market-pri-inc.dec {
    background-position: -614px -61px
}

.largecap-name {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.largecap-name a {
    color: #999
}

.largecap-name a label,
.largecap-name label {
    color: #666
}

.cap-user {
    width: 12px;
    height: 12px;
    background-position: -644px -42px
}

.mar-benval {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #c5c5c5
}

.mar-benval li {
    margin-bottom: 5px
}

.mar-benval li:last-child {
    margin-bottom: 0
}

.mar-ben-label {
    color: #999
}

.advgraphshow {
    width: 80%;
    font-size: 12px
}

.advgraphshow p {
    margin: 5px 0 0;
    color: #999
}

.back-option,
.exp-heas {
    margin-bottom: 10px
}

.progress-advances {
    background-color: #20c17b;
    height: 3px;
    margin-top: 2px;
    padding-right: 10px;
    position: relative
}

.filled-progress-advances,
.nochange-progress-advances {
    background-color: #fa5238;
    width: 35%;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    height: 3px
}

.nochange-progress-advances {
    background-color: #ccc;
    left: 35%;
    width: 20%
}

.event-calendar .calendar thead,
.event-calendar thead.event-days,
.event-calendar tr,
.event-calendar tr:nth-child(odd) {
    background-color: #fff
}

.advgraphshow p span {
    width: 30%
}

.advgraphshow p.progress-values {
    margin-top: 2px
}

.graph-desline .highlow-gr,
.highlow-gr {
    margin-top: 5px
}

.advances-pending-val {
    text-align: right
}

.advgraphshow .equidrgt {
    float: right;
    padding-right: 10px
}

.advgraphshow .equidlft {
    position: static
}

.highlow-gr {
    width: 121px;
    position: relative
}

.highlow-gr p {
    color: #999;
    font-size: 12px
}

.equidlft,
.equidrgt {
    position: absolute
}

.equidrgt {
    right: 7px
}

.equidlft {
    left: 27px;
    top: 24px
}

.pd-list-50 li.graph-desline {
    min-height: 56px
}

.pd-list-50 li.graph-desline-gainers {
    min-height: 62px
}

.drop-mar-select {
    position: relative;
    border-bottom: 1px solid #000;
    height: 50px;
    cursor: pointer
}

.market-subnames {
    font-size: 16px;
    display: none;
    top: 61px;
    width: 200px;
    right: inherit
}

.market-subnames:after,
.market-subnames:before {
    bottom: 100%;
    left: 20px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.market-subnames:after {
    border-color: #fff0;
    border-bottom-color: #f1efef;
    border-width: 11px;
    margin-left: -11px
}

.market-subnames:before {
    border-color: #fff0;
    border-bottom-color: #e3e3e3;
    border-width: 12px;
    margin-left: -12px
}

.back-option {
    color: #999;
    display: inline-block
}

.axis-direxpspeak {
    margin-top: 40px
}

.expspeak-list li,
.expspeak-list li:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none
}

.axis-hea {
    float: left;
    font-size: 18px;
    color: #999
}

.experts-btn {
    float: left;
    display: block;
    font-size: 12px;
    padding-left: 10px;
    margin-top: 4px
}

.expert-video {
    width: 225px;
    height: 126px
}

.expert-video img,
.stock-box-content .market-mood {
    width: 100%
}

.exp-video-name {
    height: 32px;
    overflow: hidden;
    margin-top: 30px
}

.exp-video-time {
    margin-top: 5px;
    color: rgb(0 0 0 / .3);
    font-size: 12px
}

.stock-head-pop {
    margin-bottom: 0
}

.mar-pro-name {
    max-width: 260px
}

.stockbuzz-vals-tab,
.stockbz-le {
    display: inline-block
}

.stockbuzz-vals-tab>li {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    font-size: 12px
}

.market_val_item.active {
    color: #000
}

.stockbuzz-vals-tab>li:last-child {
    margin-right: 0
}

.mar-val-list {
    font-size: 18px;
    color: #333;
    margin: 3px 0 0
}

.mar-val-list-inc {
    color: #00ba63
}

.mar-val-list-dec {
    color: #f63
}

.mar-val-list-dec span,
.mar-val-list-inc span {
    margin-left: 5px
}

.mar-datapoints-list>li {
    min-height: 44px
}

.mar-datapoints-list h4 {
    margin-top: 3px
}

.mar-tablelables {
    font-size: 12px;
    color: #999;
    margin-top: 20px
}

.mar-tablelables span.label {
    display: inline-block;
    color: #999;
    margin-right: 2px
}

.ipos-points {
    width: 156px;
    margin-top: 5px
}

.range-left-val,
.range-right-val {
    float: left;
    color: #333
}

.range-right-val {
    float: right
}

.mar-panel-footer .view-details {
    margin-left: 0
}

.calender-list-txt {
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
    color: #999;
    height: 45px;
    overflow: hidden
}

.mar-sort-icon {
    background-position: -84px -1021px;
    width: 20px;
    height: 20px
}

.list-dval {
    margin-top: 3px
}

.Similar-Stocksbox {
    margin-top: 40px;
    text-align: center
}

.sim-hea-stoc {
    color: #999;
    margin-bottom: 20px;
    position: relative
}

.sim-hea-stoc:after,
.sim-hea-stoc:before {
    content: "";
    position: absolute;
    top: 10px;
    border-top: 1px dotted #c5c5c5;
    width: 200px;
    height: 1px
}

.sim-hea-stoc:before {
    left: 18%
}

.sim-hea-stoc:after {
    right: 18%
}

.simliar-stoc-list {
    margin-left: -20px;
    text-align: center
}

.simliar-stoc-list>li {
    display: inline-block;
    border-right: 1px dotted #c5c5c5;
    padding: 0 20px;
    text-align: left
}

.simliar-stoc-list li:last-child {
    border-right: 0;
    padding-right: 0
}

.events-calender {
    margin-bottom: 50px;
    text-align: center;
    width: 100%
}

.events-calender-left {
    width: 30%;
    display: inline-block;
    margin: 0 15px;
    vertical-align: top
}

.derv-inc,
.foot-snap-icon,
.lastupdate-icon,
.news-icon span,
.newstypes li span,
.return-down {
    vertical-align: middle
}

.events-calender-right {
    width: 25%;
    display: inline-block;
    margin-left: 30px;
    text-align: left;
    height: 290px;
    overflow: auto
}

.cal-next-icon,
.cal-prev-icon {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.feed-cont-wrap,
.social-right-wrap {
    overflow: hidden;
    text-overflow: ellipsis
}

.events-calender .cal-header-section {
    text-align: left;
    padding: 15px;
    border-bottom: 2px solid #1c8994
}

.events-calender .cal-monthly-hea {
    font-size: 12px
}

.events-calender .event-yearly,
.events-calender .month {
    color: #fff;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif
}

.events-calender .calendar h4 {
    position: static
}

.cal-prev-icon {
    background-position: -38px -1021px
}

.cal-next-icon {
    background-position: -51px -1021px
}

.mar-event-date {
    font-size: 24px;
    border-bottom: 1px dotted #c5c5c5;
    padding-bottom: 5px;
    margin-bottom: 20px;
    display: none
}

.nfos-toltip:hover .headingtooltip {
    display: block
}

.lumpsumsip {
    background: #fdfdfd;
    padding: 30px;
    text-align: center;
    margin: 20px 0 40px
}

.lumpsumsip-list {
    width: 355px;
    margin: 0 auto;
    background-color: #f7f7f7
}

.lumpsumsip-list li {
    text-align: left;
    float: left
}

.lumpsumsip-list li a {
    color: #ccc;
    font-weight: 400;
    border: none;
    display: block;
    padding: 20px 30px;
    position: relative;
    border-right: 1px dotted #c5c5c5
}

.lumpsumsip-list li:last-child a {
    border-right: 0
}

.bigtext {
    color: #ccc;
    font-size: 24px
}

.lumpsumsip-list li.ui-state-hover a,
.lumpsumsip-list li.ui-state-hover a .bigtext,
.lumpsumsip-list li.ui-tabs-active a,
.lumpsumsip-list li.ui-tabs-active a .bigtext {
    color: #333
}

.lumpsumsip-list>li a:after,
.lumpsumsip-list>li a:before {
    top: 100%;
    left: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1
}

.lumpsumsip-list>li.ui-tabs-active>a:after {
    border-color: #fff0;
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.lumpsumsip-list>li.ui-tabs-active>a:before {
    border-color: #fff0;
    border-top-color: #c4c4c4;
    border-width: 11px;
    margin-left: -11px
}

.mar-time-drop {
    top: 51px
}

.lumpsumsip .invest-drop {
    font-size: 20px;
    padding: 0
}

.lumpsumsip .invest-drop-nrml,
.lumpsumsip .invest-drop-txt {
    line-height: 40px;
    margin-right: 10px
}

.lumpsumsip .invest-drop-txt .invest-time {
    line-height: 18px
}

.lumpsumsip .invest-down {
    border-bottom: 1px solid #1190e0
}

.lumpsumsip .intvest-time {
    color: #1190e0
}

.lumpsumsip .inst-arrow {
    padding: 0 0 0 5px
}

.lumpsum-selection-div {
    margin-bottom: 20px
}

.scatered-cons {
    background-color: #fbfbfb;
    padding: 20px
}

.ipos-input,
.ipos-input:focus,
.ipos-input:hover {
    border: none;
    color: #1190e0
}

.ipos-input {
    width: 100px;
    font-size: 20px
}

.social-actions-list-3items {
    width: 732px
}

.social-actions-list li {
    float: left;
    border-right: 1px solid #e8e8e8;
    width: 25%
}

.social-actions-list li:last-child {
    border-right: 0
}

.social-actions-list li a {
    padding: 20px;
    display: block;
    border: none;
    font-weight: 400;
    background-color: #fff;
    min-height: 110px
}

.social-actions-list-3items li {
    width: 33.3%
}

.social-actions-list li.ui-tabs-active a {
    background: #0d57a0;
    color: #fff
}

.social-actions-list li.ui-tabs-active a .maintitle,
.social-actions-list li.ui-tabs-active a .subtitle {
    color: #fff
}

.social-actions-list li a:hover {
    background-color: #f8f8f8
}

.social-actions-list li.ui-tabs-active a:hover {
    background: #0d57a0
}

.social-image {
    width: 24px;
    height: 24px;
    float: left
}

.newsicon {
    background-position: -247px -822px
}

.tweetsicon {
    background-position: -271px -820px
}

.videosicon {
    background-position: -295px -821px
}

.feedicon {
    background-position: -319px -821px
}

.social-actions-list li.ui-tabs-active a .newsicon {
    background-position: -247px -845px
}

.social-actions-list li.ui-tabs-active a .tweetsicon {
    background-position: -271px -844px
}

.social-actions-list li.ui-tabs-active a .videosicon {
    background-position: -295px -845px
}

.social-actions-list li.ui-tabs-active a .feedicon {
    background-position: -319px -845px
}

.social-details {
    padding-left: 35px
}

.maintitle {
    color: #333;
    font-size: 24px;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    margin-bottom: 4px
}

.cri-heading,
.cri-value,
.index-lehea,
.mar-snap-news h4,
.per-chart-con.invest-drop,
.snap-slider-news-left h4 {
    font-family: Arial, Helvetica, sans-serif
}

.subtitle {
    color: #999;
    font-size: 14px
}

.social-left-div {
    float: left;
    width: 660px
}

.social-right-div {
    float: right;
    width: 200px
}

.newslist li {
    position: relative;
    padding-bottom: 30px
}

.newslist li:before {
    border-left: 1px solid #666;
    content: " ";
    position: absolute;
    left: 18px;
    top: 40px;
    bottom: 0
}

.newpopup-dialog,
.news-icon {
    position: relative
}

.newslist li:last-child:before {
    border: 0
}

.news-icon {
    float: left;
    z-index: 2;
    padding: 2px 0
}

.news-icon span {
    width: 36px;
    height: 36px
}

.new-lazyload {
    display: none
}

.news-icon1 {
    background-position: -340px -1123px
}

.news-icon2 {
    background-position: -376px -1123px
}

.news-icon3 {
    background-position: -448px -1123px
}

.news-icon4 {
    background-position: -484px -1123px
}

.newslist li:hover a {
    color: #1190e0
}

.newslist li:hover .news-icon1 {
    background-position: -340px -1159px
}

.newslist li:hover .news-icon2 {
    background-position: -376px -1159px
}

.newslist li:hover .news-icon3 {
    background-position: -448px -1159px
}

.newslist li:hover .news-icon4 {
    background-position: -484px -1159px
}

.news-details {
    padding-left: 55px
}

.news-details a,
.news-title a {
    color: #666
}

.news-title {
    font-size: 24px
}

a.news-title:hover {
    background: 0 0
}

.newstypes li span.news-timeagotext {
    margin-top: 5px;
    color: rgb(0 0 0 / .3);
    font-size: 12px;
    display: block
}

.tweet-content,
.tweetlist {
    font-size: 16px
}

.timeagotext {
    color: #999;
    margin-top: 5px
}

.newstypes {
    margin-top: 20px
}

.newstypes li {
    margin-bottom: 18px
}

.newstypes li a {
    color: #666;
    display: block;
    padding: 6px 10px;
    border-left: 2px solid #e1e1e1
}

.feed-right,
.live-right {
    padding-left: 220px
}

.newstypes li a.active,
.newstypes li a:hover {
    color: #1190e0;
    border-color: #1190e0;
    background: 0 0
}

.newstypes li span {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px
}

.newstypes li span.allnews {
    background-position: -530px -1123px
}

.newstypes li a.active span.allnews,
.newstypes li a:hover span.allnews {
    background-position: -530px -1141px
}

.newstypes li span.globalnews,
.newstypes li span.othersnews {
    background-position: -548px -1123px
}

.newstypes li a.active span.globalnews,
.newstypes li a.active span.othersnews,
.newstypes li a:hover span.globalnews,
.newstypes li a:hover span.othersnews {
    background-position: -548px -1141px
}

.newstypes li span.economynews {
    background-position: -566px -1123px
}

.newstypes li a.active span.economynews,
.newstypes li a:hover span.economynews {
    background-position: -566px -1141px
}

.newstypes li span.corpratenews {
    background-position: -584px -1123px
}

.newstypes li a.active span.corpratenews,
.newstypes li a:hover span.corpratenews {
    background-position: -584px -1141px
}

.newstypes li span.marketnews {
    background-position: -602px -1123px
}

.newstypes li a.active span.marketnews,
.newstypes li a:hover span.marketnews {
    background-position: -602px -1141px
}

.tweet-head {
    color: #000;
    font-weight: 700
}

.tweet-content {
    margin-top: 5px
}

a.anchor-orange {
    color: #FA9D1C
}

a.anchor-blue {
    color: #10A6D4
}

.tweet-img {
    margin-top: 15px
}

.tweettypes li a {
    color: #000
}

.livetv-sec {
    margin-bottom: 20px;
    border-bottom: 1px dotted #c5c5c5;
    padding-bottom: 20px
}

.livetv-area iframe {
    width: 100%;
    min-height: 300px
}

.head-margin {
    margin: 10px 0;
    color: #207AC6
}

.live-left {
    float: left;
    width: 210px
}

.live-left iframe {
    width: 100%
}

.videos-others h6 a {
    color: #1190e0;
    font-weight: 600;
    margin-bottom: 5px
}

.videos-others p {
    margin-bottom: 3px;
    color: #999;
    margin-top: 5px;
    font-size: 14px
}

.videos-others p.news-timeagotext {
    color: #ccc;
    font-size: 12px
}

.other-video {
    margin-bottom: 20px
}

.video-sec {
    margin-bottom: 30px
}

.feed-cont-wrap {
    height: 46px
}

.social-right-wrap {
    width: 148px !important;
    white-space: nowrap;
    color: #666
}

.bot-mar {
    margin-bottom: 15px
}

.feed-left {
    float: left;
    width: 210px
}

.feed-left iframe {
    width: 100%
}

.floating-width {
    padding-left: 25px;
    width: 94%;
    float: left
}

.post_all_actions.post_all_tweets {
    text-align: left
}

.parameters-hea h4,
.perfermence-rating,
.riskcon,
.shareholding-left {
    text-align: center
}

.post_all_actions.post_all_tweets ul {
    margin: 10px 0
}

.share-margin {
    margin-top: 5px
}

.feed-img {
    float: left;
    width: 30px;
    height: 30px
}

.sprite-img-cont {
    padding-left: 15px
}

.pop-name-btn {
    margin-top: 24px
}

.newspop-share {
    position: absolute;
    top: 20px;
    right: 30px
}

.statitics-con-panel {
    background-color: #fff
}

.stat-con {
    float: left;
    width: 33.33%;
    padding: 0 3%;
    color: #333
}

.market-sta-lsit li {
    margin-bottom: 20px
}

.stat-con.empty {
    height: 10px
}

.stat-hea,
.stat-le-hea {
    color: #999
}

.stats-data-size {
    font-size: 14px
}

.statistics-graph {
    min-height: 280px
}

.statistic-cr {
    font-size: 10px;
    display: block;
    color: #ccc
}

.datelist {
    width: 180px;
    float: left
}

.datelist li {
    display: block;
    padding-right: 20px
}

.datelist li a {
    color: #999;
    display: block;
    padding-bottom: 10px
}

.datelist li.active a {
    color: #1190E0
}

.datelist-content {
    padding-left: 180px
}

.detaildatecontent {
    height: 416px;
    overflow: auto
}

.contentdatlst {
    margin-left: 10px;
    border-left: solid 1px #ccc
}

.contentdatlst>li {
    position: relative;
    margin: 0 0 30px 30px
}

.contentdatlst>li:last-child {
    margin-bottom: 0
}

.contentdatlst>li:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -36px;
    top: 31px;
    background: #F8F8F8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #ccc
}

.cardsec {
    position: relative;
    background: #fff;
    padding: 20px
}

.cardsec:after,
.cardsec:before {
    right: 100%;
    top: 20%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.cardsec:after {
    border-color: #fff0;
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px
}

.cardsec:before {
    border-color: #fff0;
    border-right-color: #ccc;
    border-width: 17px;
    margin-top: -17px
}

.date-patch {
    padding: 5px;
    background: #efefef;
    display: inline-block
}

.leftfll {
    border-right: dotted 1px #c5c5c5
}

.main-fll-dll {
    margin-top: 20px
}

.leftdll,
.leftfll {
    float: left;
    width: 50%
}

.leftdll {
    padding-left: 20px
}

.datehead {
    font-size: 24px;
    color: #000
}

.netvalue {
    color: #999;
    font-size: 20px;
    padding: 0 0 10px
}

.values li {
    float: left;
    width: 50%;
    border-left: dotted 1px #c5c5c5;
    padding-left: 10px
}

.values li:first-child {
    border: none;
    padding-left: 0
}

.value-cal {
    color: #999;
    margin-bottom: 2px
}

.value-graph img {
    display: block;
    margin-top: 4px
}

.der-per-rating,
.inp-post-box,
.post-btn {
    display: inline-block
}

.indices-companies {
    width: 50%;
    margin-top: 20px
}

.stockviewboxes {
    margin-top: 20px;
    background-color: #fff
}

.stock-sec.stock-topsection {
    padding-top: 50px;
    padding-bottom: 0
}

.stock-sec.stock-topsection-index {
    padding: 50px 0
}

.snap-menus {
    margin: 50px 0 20px
}

.stockbox-pad {
    padding: 20px
}

.stock-snap-name {
    font-size: 30px
}

.lastupdate-icon {
    background-position: -10px -1023px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.snap-pro-name {
    color: #333;
    margin-left: 20px
}

.snap-sub-pro-name {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px dotted #c5c5c5;
    font-size: 18px
}

.snap-pro-name a {
    color: #999
}

.snap-pro-name a.active {
    border-bottom: 1px solid #333;
    color: #333
}

.mar-sanp-padding {
    padding-top: 0
}

.mar-perfamence {
    background-color: #fbfbfb;
    padding: 20px 10px;
    border-bottom: 1px dotted #c5c5c5
}

.mar-perfamence li {
    float: left;
    border-right: 1px dotted #c5c5c5;
    padding: 0 10px;
    width: 26%
}

.dervivatives-snap {
    padding: 20px 0
}

.dervivatives-snap li.sec {
    width: 20%
}

.dervivatives-snap li.first {
    width: 63%
}

.dervivatives-snap li .price-arrow {
    margin-right: 0
}

.derivatives-snap-dec,
.derivatives-snap-inc {
    float: left;
    background-position: -653px -1135px;
    width: 8px;
    height: 36px;
    margin-top: 4px
}

.derivatives-snap-dec {
    background-position: -662px -1135px
}

.derivatives-snap-inc.long-bullinc {
    float: none;
    vertical-align: middle
}

.der-per-rating {
    color: #00ba63;
    font-size: 16px
}

.dervivatives-snap .mar-per-rating {
    font-size: 18px;
    margin-top: 5px
}

.der-1,
.der-2,
.der-3 {
    float: left;
    position: relative;
    min-width: 110px
}

.der-1:after,
.der-2:after {
    position: absolute;
    content: ""
}

.der-1:after {
    background: url(../images/home/icon-01.png);
    width: 28px;
    height: 28px;
    right: -40px;
    top: 8px
}

.der-2:after {
    background: url(../images/home/right-arrow.png);
    width: 17px;
    height: 10px;
    right: -30px;
    top: 14px
}

.der-1,
.der-2 {
    margin-right: 55px
}

.derv-inc {
    background: url(../images/home/up-arrow.png);
    width: 10px;
    height: 34px
}

.mar-perfamence li.snap-dir-view {
    width: 17%
}

.mar-per-icon,
.performence {
    width: 50px;
    height: 50px
}

.mar-perfamence li:last-child {
    border-right: 0
}

.mar-per-icon {
    float: left
}

.mar-per-con {
    padding-left: 60px
}

.mar-snap-axis-buy {
    padding-left: 0
}

.mar-snap-axis-buy p {
    margin-bottom: 5px
}

.per-1 {
    background-position: -10px -1116px
}

.per-2 {
    background-position: -60px -1116px
}

.per-3 {
    background-position: -110px -1116px
}

.per-1bad {
    background-position: -10px -1165px
}

.per-2bad {
    background-position: -60px -1165px
}

.per-3bad {
    background-position: -110px -1165px
}

.mar-per-rating {
    color: #00ba63;
    font-size: 30px
}

.mar-inc-dec-per,
.mar-return {
    font-size: 12px
}

.mar-inc-dec-per {
    color: #999
}

.map-snap-news-graph {
    margin: 30px 0
}

.mar-snap-graph-right,
.mar-snap-news-left {
    width: 50%;
    float: left
}

.post-btn {
    background: #0d57a0;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px
}

.postsnapshot-con {
    margin: 30px 0 10px
}

.postsnapshot-con.post-com-sep {
    margin: 0 0 30px
}

.inp-post-box .inp-filed {
    height: 40px;
    font-size: 20px;
    border: 0;
    border-bottom: 1px solid rgb(0 0 0 / .1);
    background: 0 0
}

.inp-post-box {
    width: 90%;
    margin-right: 10px
}

.mar-snap-graph-right {
    float: right;
    padding-left: 20px
}

.consis-pro-tax li,
.cri-left,
.cri-pro-tax-left,
.cri-right,
.est-txt,
.fundmager-img,
.high-low-heading,
.mar-left-reasearch,
.mar-right-reasearch,
.mar-snap-news-icon,
.revenue-list li,
.snap-high-graph,
.snap-slider-news-left {
    float: left
}

.mar-snap-news-left {
    padding-right: 20px;
    border-right: 1px dotted #c5c5c5;
    min-height: 300px
}

.high-low-heading {
    margin: 20px 10px 0 0
}

.mar-snap-news-list {
    margin-top: 20px;
    overflow: auto
}

.minisnapnews-list {
    height: 260px;
    margin-top: 20px
}

.mar-snap-news h4 {
    color: #666
}

.mar-snap-news-icon {
    position: relative;
    z-index: 2;
    padding: 4px 0
}

.newslist.mar-snap-news-list li:before {
    left: 7px;
    top: 23px
}

.newslist.mar-snap-news-list li:last-child:before {
    border: 0
}

.mar-snap-newsicons {
    width: 18px;
    height: 18px
}

.snap-newsico-1 {
    background-position: -548px -1124px
}

.snap-newsico-2 {
    background-position: -566px -1124px
}

.snap-newsico-3 {
    background-position: -584px -1124px
}

.snap-slider-news {
    border: 1px solid #e9e9e9;
    height: 82px;
    position: relative
}

.snap-slider-news-left {
    width: 120px;
    height: 80px;
    background: #f68567;
    position: absolute
}

.snap-slider-news-left h4 {
    color: #fff;
    text-align: center;
    width: 114px;
    margin-top: 27px
}

.snap-slider-news-left h4.scheme {
    margin-top: 18px
}

.snap-slider-news-left:before {
    content: "";
    position: absolute;
    right: -26px;
    width: 0;
    height: 0;
    border-top: 40px solid #fff0;
    border-left: 26px solid #f68567;
    border-bottom: 40px solid #fff0;
    margin: 0 0 0 -25px
}

.snap-slider-news-right {
    padding: 20px 40px 20px 160px
}

.snap-slider-news .bx-wrapper .bx-controls-direction a {
    display: none
}

.snap-slider-news .bx-pager {
    display: block;
    right: -20px;
    top: 0;
    padding-top: 0;
    color: #fff0;
    width: auto;
    height: 20px
}

.snap-slider-news-right .bx-pager .bx-pager-item {
    display: block;
    margin-bottom: 5px
}

.snap-slider-news-right .bx-wrapper .bx-pager.bx-default-pager a {
    width: 6px;
    height: 6px;
    color: #ccc
}

.snap-slider-news-right .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #333
}

.snap-footer {
    background-color: #a40032;
    padding: 15px 10px
}

.consis-per-panel,
.mar-perlist,
.mar-reasearch-box {
    background-color: #fff
}

.snapfoo {
    margin-left: 10px
}

.snapfoo li {
    display: inline-block;
    border-right: 1px dotted #c5c5c5
}

.snapfoo li:last-child {
    border-right: 0
}

.snapfoo li a {
    color: #fff;
    padding: 0 20px;
    display: inline-block
}

.foot-snap-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.footer-snap-1 {
    background-position: -60px -1058px
}

.footer-snap-2 {
    background-position: -80px -1058px
}

.footer-snap-3 {
    background-position: -100px -1058px
}

.footer-snap-4 {
    background-position: -120px -1058px
}

.fundmager-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%
}

.funma-deatils {
    padding-left: 100px;
    margin-top: 5px
}

.fund-mname {
    font-size: 30px;
    margin-bottom: 5px;
    color: #000;
    text-transform: capitalize
}

.fund-desig,
.fund-exp {
    font-size: 18px;
    color: #333
}

.mar-perlist {
    border-top: 1px dotted #c5c5c5
}

.cri-box {
    padding: 30px
}

.cri-left {
    width: 70%;
    border-right: 1px dotted #c5c5c5;
    padding-right: 20px
}

.cri-right {
    width: 30%;
    padding-left: 10px
}

.cri-info {
    margin-top: 5px;
    line-height: 16px
}

.per-chart-con-risk,
.per-chart-con.invest-drop {
    margin-top: 30px;
    color: #999
}

.cri-info span,
.cri-res {
    color: #00ba63
}

.cri-info span.cri-info-notbeaten {
    color: #f63
}

.per-chart-con.invest-drop {
    font-size: 14px;
    padding: 0
}

.return-inp {
    width: 70px;
    border: 0;
    color: #999
}

.per-chart-con .invest-down,
.return-inp {
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    height: 20px
}

.mar-critical-param {
    top: 30px
}

.returns-chart {
    margin-top: 10px
}

.consistent-meter,
.cri-pro-tax-graph,
.mar-reasearch-tabcon {
    margin-top: 30px
}

.cri-value {
    color: #00ba63;
    font-weight: 600
}

.cri-performence {
    color: #999
}

.con-per {
    padding-top: 40px
}

.consistent-meter-hea {
    color: #999;
    margin-bottom: 5px
}

.consis-per-panel {
    padding: 30px
}

.cri-mar-left,
.cri-mar-right {
    float: left
}

.cri-mar-left {
    width: 360px;
    padding-right: 30px
}

.cri-mar-right {
    padding-left: 30px;
    width: 555px;
    border-left: 1px dotted #c5c5c5;
    min-height: 200px
}

.cri-mar-right img {
    width: 100%
}

.consis-pro-tax {
    padding: 30px
}

.consis-pro-tax li {
    width: 33.3%;
    border-right: 1px dotted #c5c5c5;
    padding: 0 30px
}

.consis-pro-tax li:first-child {
    padding-left: 0
}

.consis-pro-tax li:last-child {
    padding-right: 0;
    border-right: 0
}

.cri-pro-tax-right {
    padding-left: 30px
}

.profit-tax-icon {
    background-position: -631px -1107px;
    width: 15px;
    height: 64px;
    display: inline-block
}

.indexpopup li {
    min-height: 64px
}

.beta-txt {
    font-size: 30px
}

.mar-left-reasearch {
    width: 330px;
    padding: 20px
}

.mar-left-reasearch .panel {
    padding: 0;
    width: auto
}

.mar-right-reasearch {
    width: 646px;
    min-height: 270px;
    padding: 20px;
    border-left: 1px solid #e8e8e8;
    background: url(../images/home/market-graph-bg.png)
}

.mar-right-reasearch .out-graph {
    width: 79%
}

.mar-reasrach-twoparts {
    padding-right: 0
}

.mar-right-reasearch .target-val {
    width: 20%;
    padding-left: 10px
}

.mar-reasearch-tabcon .ui-tabs-panel {
    padding: 0
}

.mar-resea-right-con h3 {
    color: #00ba63;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.derivative-list li h3,
.mgmt-hea,
.mu-fund-hea,
.parameters-hea h4,
.prevalue,
.product-subtitle,
.top-performers-list li h4 {
    font-family: Arial, Helvetica, sans-serif
}

.mar-resea-right-con .view-details {
    margin: 10px 0 0
}

.mar-reasearch-list .border-left {
    padding: 0 10px 20px
}

.mar-reasearch-list li.border-left:before {
    left: 0
}

.mar-peercom-txt {
    color: #999;
    margin-top: 20px
}

.peer-com-right {
    min-height: inherit
}

.conses-mapsec {
    margin-top: 30px
}

.revenue-list li {
    padding: 0 20px;
    border-right: 1px dotted #c5c5c5;
    width: 50%
}

.revenue-list li:first-child {
    padding-left: 0
}

.revenue-list li:last-child {
    padding-right: 0;
    border-right: 0
}

.rev-estgrphsec {
    margin-top: 20px
}

.independent-underweight-le {
    width: inherit;
    padding-right: 40px
}

.estimates-rs {
    font-size: 12px;
    color: #ccc;
    float: right
}

.parameters-hea {
    padding: 20px
}

.parameters-hea h4 {
    line-height: 22px;
    height: 44px;
    overflow: hidden
}

.performence-list li {
    height: 306px
}

.perfermence-rating span {
    margin-top: 5px;
    display: block;
    color: #999;
    text-transform: uppercase;
    height: 35px;
    overflow: hidden
}

.perfermence-rating i {
    width: 32px;
    height: 32px
}

.permence-star-nrml {
    background-position: -738px -34px
}

.permence-star-fill {
    background-position: -770px -34px
}

.perpara-1 {
    border-top: 2px solid #81ccaf;
    background: rgb(129 204 175 / .1)
}

.perpara-2 {
    border-top: 2px solid #f48fac;
    background: rgb(244 143 172 / .1)
}

.perpara-3 {
    border-top: 2px solid #70c3ed;
    background: rgb(112 195 237 / .1)
}

.perpara-4 {
    border-top: 2px solid #9188c1;
    background: rgb(145 136 193 / .1)
}

.performence-smalbox {
    color: #666;
    font-size: 12px;
    line-height: 16px
}

.performence-smalbox p {
    height: 66px;
    overflow: hidden
}

.performence-list li.scrollist:hover .pram-hover {
    display: none
}

.performence-list li.scrollist:hover .performence-smalbox {
    height: 224px
}

.performence-list li.scrollist:hover .performence-smalbox p {
    height: 100%;
    overflow: auto
}

.perfermence-rating span.srenicon {
    display: block;
    height: 92px;
    margin: 0 0 10px;
    color: #128fe1;
    font-size: 48px
}

.srenicon sub {
    font-size: 20px;
    vertical-align: baseline;
    font-weight: 600;
    text-transform: capitalize
}

.detailsheading li,
.product-title,
.tbaccordion {
    text-transform: uppercase
}

.srenicon i {
    width: 180px;
    height: 92px
}

.srenbuy,
.srenhold,
.srensell {
    background: url(../images/markets/sren-buy.png)
}

.riskcon {
    border-top: 2px solid rgb(0 0 0 / .1);
    background: rgb(0 0 0 / .03)
}

.riskcon p {
    height: 32px;
    overflow: hidden
}

.otherrange i {
    width: 163px;
    height: 20px
}

.otherper-range {
    background: url(../images/markets/otherper-range.png)
}

.risklist li {
    height: 335px
}

.risklist li.scrollist:hover .pram-hover {
    display: none
}

.risklist li.scrollist:hover .riskcon {
    height: 236px
}

.risklist li.scrollist:hover .riskcon p {
    height: 100%;
    overflow: auto
}

.table-aacordian {
    white-space: nowrap;
    overflow: auto;
    width: 100%
}

.table-aacordian-inner {
    width: 976px
}

.tableaccordianicon,
.tbaccordion .ui-icon {
    width: 10px;
    height: 2px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block
}

.tbaccordion {
    border-bottom: solid 1px #a2ddfd;
    background: #d0edfd;
    padding: 15px 15px 15px 20px;
    color: #333;
    cursor: pointer
}

.tableaccordianicon {
    background: #000
}

.tbaccordion.active .tableaccordianicon {
    background: #FF0004
}

.tbaccordion .ui-icon {
    background: #000
}

.tbaccordion .ui-icon.ui-icon-triangle-1-s {
    background: #FF0004
}

.detailsheading li {
    font-size: 18px;
    color: #999;
    background: #333
}

.tbaccordion-content {
    transition: none;
    transform: none
}

.tbaccordion-list {
    cursor: pointer
}

.tbaccordion-list li {
    font-size: 12px;
    color: #666;
    background: #f6fcff;
    border-bottom: solid 1px #a2ddfd
}

.acordian-elements li {
    padding: 15px;
    min-height: 52px;
    width: 123px;
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
    margin-right: -4px
}

.acordian-elements li:first-child {
    width: 301px;
    padding-left: 40px;
    color: #333
}

.acordian-elements li.lastli {
    width: 60px
}

.graph-sec {
    width: 22px;
    height: 17px;
    display: block;
    background: url(../images/home/table-icon.png) no-repeat;
    visibility: hidden
}

.tbaccordion-list:hover .graph-sec {
    visibility: visible
}

.tbaccordion-list:hover li {
    background: #fff
}

.shareholding-left {
    float: left;
    width: 330px;
    padding: 20px 0
}

.shareholding-right {
    background: url(../images/home/market-graph-bg.png);
    padding-left: 330px;
    min-height: 300px
}

.shareholding-right-inner {
    padding: 30px 10px;
    background: #fff;
    min-height: 300px
}

.shareholding-title {
    margin: 10px 0 30px
}

.shareholder-table tr th {
    color: #999;
    padding: 0 20px 20px
}

.shareholder-table tr td {
    padding: 10px 20px
}

.shareholder-table tr td,
.shareholder-table tr th {
    border-right: 1px dotted #ccc
}

.shareholder-table tr td:last-child,
.shareholder-table tr th:last-child {
    border-right: 0
}

.shareholder-table tr:nth-child(even),
.shareholder-table tr:nth-child(odd) {
    background: #fff
}

.shareholder-table tr td.td1 {
    width: 200px
}

.trdisplay {
    display: none
}

.colorrep {
    width: 10px;
    height: 10px;
    margin: 3px 8px 0 0;
    float: left
}

.colorlabel {
    padding-left: 20px
}

.color1 {
    background-color: #fdb64e
}

.color2 {
    background-color: #aed361
}

.color3 {
    background-color: #70c5a4
}

.color4 {
    background-color: #70c3ed
}

.color5 {
    background-color: #9087c0
}

.color6 {
    background-color: #f489a7
}

.color7 {
    background-color: #f68567
}

.sharehold-viewdetails {
    float: right
}

.cal-header-section {
    background-color: #6fc6a4;
    color: #fff
}

.events-calender.years-calender .cal-header-section {
    border-bottom: 0
}

.cal-year-list {
    background-color: #fff;
    padding: 20px;
    text-align: left
}

.data-left p,
.mgmt-name-label,
.mgmt-show-btn,
.normal-ratio-icon {
    text-align: center
}

.cal-year-list li {
    margin-bottom: 20px
}

.cal-year-list li:last-child {
    margin-bottom: 0
}

.cal-year-list li a {
    color: #666
}

.cal-year-list li.active a {
    color: #1190e0
}

.events-year-right {
    height: 195px;
    overflow: auto
}

.cust-main-area,
.customers-testmonials,
.exp-con,
.pri-pro-price {
    overflow: hidden
}

.mar-hist-date {
    margin-top: 10px
}

.mar-cmny-radio-info label,
.mar-cmny-radio-info ul {
    display: inline-block;
    vertical-align: middle
}

.data-section {
    background: #fff;
    padding: 40px
}

.data-fix-height {
    padding: 0 20px
}

.data-section>.data-fix-height>.data-list {
    position: relative
}

.data-section>.data-fix-height>.data-list:before {
    border-left: 1px solid #cfcfcf;
    bottom: 0;
    content: " ";
    left: 30px;
    position: absolute;
    top: 0
}

.data-section>.data-fix-height>.data-list>li {
    margin-bottom: 30px
}

.data-section>.data-fix-height>.data-list>li:last-child {
    margin-bottom: 0
}

.data-left {
    float: left;
    position: relative;
    width: 90px;
    left: 0
}

.data-left p {
    width: 60px;
    height: 60px;
    border: 1px solid #cfcfcf;
    background: #f2f2f2;
    color: #666;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 12px;
    display: table
}

.data-left p span {
    display: table-cell;
    vertical-align: middle
}

.data-right {
    padding-left: 90px
}

.data-right .data-text {
    background: #f8e9ff;
    padding: 10px 0;
    position: relative;
    border: 1px solid #e1bff4;
    border-radius: 3px;
    font-size: 14px;
    color: #666
}

.data-right .data-text:after,
.data-right .data-text:before {
    right: 100%;
    top: 22px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.data-right .data-text:after {
    border-color: #fff0;
    border-right-color: #f8e9ff;
    border-width: 9px;
    margin-top: -4px
}

.data-right .data-text:before {
    border-color: #fff0;
    border-right-color: #e1bff4;
    border-width: 10px;
    margin-top: -5px
}

.data-text li {
    display: inline-block;
    border-right: 1px dotted #666;
    padding: 0 36px;
    vertical-align: top
}

.bull-icon,
.chain-color-com,
.data-text-single li,
.mutual-latest-rigimg,
.normal-ratio-icon,
.ratio-nrml-txt {
    vertical-align: middle
}

.data-text li:last-child {
    border-right: 0
}

.data-right .seller-data-text {
    background: #cdedff;
    border: 1px solid #8fcff6
}

.data-right .seller-data-text:after {
    border-color: #fff0;
    border-right-color: #cdedff
}

.data-right .seller-data-text:before {
    border-color: #fff0;
    border-right-color: #8fcff6
}

.data-right .data-text-single {
    padding: 15px 0
}

.data-text-single li {
    line-height: 20px
}

.data-text-single li:first-child {
    width: 280px
}

.data-text-single li:nth-child(2) {
    width: 130px;
    text-align: center
}

.price-value {
    color: #333;
    font-size: 18px
}

.data-person-name {
    font-size: 16px
}

.mar-insider-showmore {
    border: 1px solid #cfcfcf;
    color: #1190e0;
    font-size: 12px;
    padding: 4px 8px;
    margin-left: -10px;
    background: #fff
}

.hist-date {
    border: 1px solid #ddd;
    height: 28px;
    width: 120px;
    padding-left: 10px;
    box-shadow: inset 0 1px 2px 1px #C5C5C5;
    -webkit-box-shadow: inset 0 1px 2px 1px #C5C5C5;
    -moz-box-shadow: inset 0 1px 2px 1px #C5C5C5;
    -o-box-shadow: inset 0 1px 2px 1px #C5C5C5
}

.cal-dash,
.port-repor {
    color: #999
}

.port-repor {
    font-size: 12px
}

.mar-date-inp {
    position: relative
}

.mar-date-inp .ui-datepicker-trigger {
    top: 4px
}

.comny-trade-hide {
    display: none
}

.mgmt-show-btn,
.mutual-label-value span,
.star-mutual {
    display: block
}

.historicalgo {
    margin-left: 20px;
    padding: 5px 10px
}

.mgmt-hea {
    color: #666
}

.mgmt-desc {
    color: #999;
    line-height: 18px
}

.mgmt-team,
.reg-ofices {
    margin-top: 30px
}

.mgmt-list,
.mgmt-show-btn,
.reg-add {
    margin-top: 20px
}

.mgmt-list li {
    float: left;
    width: 25%;
    padding-right: 20px;
    margin-bottom: 20px
}

.mgmt-name-icon {
    float: left
}

.mgmt-name-label {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.category-return img,
.market-full-search {
    width: 100%
}

.mgmt-label-col1 {
    background-color: #f7aec1
}

.mgmt-label-col2 {
    background-color: #c5acd3
}

.mgmt-label-col3 {
    background-color: #96d1f3
}

.mgmt-label-col4 {
    background-color: #8ed0b5
}

.mgmt-names {
    padding-left: 50px
}

.mgmt-name {
    font-size: 18px;
    color: #333
}

.mgmt-desig {
    font-size: 14px;
    color: #999
}

.reg-add-list>li {
    float: left;
    padding: 0 20px;
    border-right: 1px dotted #c5c5c5
}

.reg-add-list>li:first-child {
    padding-left: 0
}

.reg-add-list>li:last-child {
    padding-right: 0;
    border-right: 0 dotted #c5c5c5
}

.reg-add li {
    margin-bottom: 5px;
    color: #999
}

.category-return {
    padding: 20px
}

.mar-val-inper-nav {
    margin-top: 15px
}

.nav-txt {
    color: #999
}

.mar-sta-top-mar {
    margin-top: 20px
}

.star-mutual {
    margin-top: 5px
}

.experts-sepaks {
    margin-left: -20px
}

.experts-sepaks li {
    float: left;
    margin: 0 0 20px 20px;
    color: #fff
}

.keypeolpe {
    margin-top: 30px
}

.expert-details {
    padding: 10px 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px
}

.exp-deposit,
.exp-time-age {
    font-size: 12px
}

.exp-time-age {
    float: right;
    color: rgb(255 255 255 / .5)
}

.exp-name {
    font-size: 24px
}

.exp-deposit,
.exp-name {
    width: 185px
}

.expert-box .exp-deposit,
.expert-box .exp-name {
    color: #fff
}

.exp-popup-left {
    float: left
}

.exp-popup-right {
    padding-left: 250px
}

.exp-con {
    height: 50px
}

.exp-name-mutual {
    font-size: 16px;
    color: #999
}

.mutual-newsgap {
    margin-top: 40px
}

.mutual-latest-image img {
    width: 180px
}

.mutual-latest-right {
    padding-left: 200px
}

.mutual-latest-rigimg {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.mutual-sector-list {
    margin-top: 20px
}

.mutual-sector-list li,
.mutual-sector-list-nogap li {
    margin-bottom: 10px
}

.mutual-label-name,
.mutual-label-value {
    float: left;
    width: 50%
}

.mutual-label-name {
    padding-right: 10px;
    color: #666
}

.mutual-label-value {
    padding-left: 10px;
    color: #333
}

.mutual-statistics-list {
    display: none;
    margin-top: 40px
}

.mutual-stat-list-def-dis {
    margin-top: 40px
}

.mu-fund-hea {
    margin-bottom: 15px
}

.aum-graph img {
    width: 100%
}

.mutual-scheme {
    margin-top: 30px
}

.mutual-scheme-left,
.mutual-scheme-right {
    float: left
}

.mutual-scheme-left {
    width: 70%
}

.mutual-scheme-right {
    width: 30%;
    padding-left: 20px
}

.mutual-scheme-details li {
    margin-top: 10px;
    line-height: 20px
}

.mutual-scheme-details li span.label {
    color: #999;
    float: left;
    position: relative;
    width: 160px
}

.mutual-scheme-details li span.label:after {
    content: ":";
    position: absolute;
    right: 10px
}

.mutual-scheme-details li p {
    padding-left: 160px
}

.expiry-time {
    margin-bottom: 10px
}

.heatmap-expiry {
    display: inline-block;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .1);
    padding: 5px
}

.heatmap-list {
    margin-bottom: 20px
}

.heatmap-list li {
    float: left;
    border: 1px solid #e8e8e8;
    border-right: 0;
    background-color: #fff;
    min-height: 78px
}

.heatmap-list li:last-child {
    border-right: 1px solid #e8e8e8
}

.heatmap-list li a {
    padding: 10px 20px;
    color: #666;
    display: block;
    border: none;
    font-weight: 400
}

.heat-map-all {
    line-height: 56px
}

.heatmap-list li a:hover {
    background-color: #f8f8f8
}

.heatmap-list li.ui-tabs-active a {
    background: #1190e0;
    color: #fff
}

.heat-map-icons {
    width: 40px;
    height: 40px;
    display: block
}

.heat-icon-1 {
    background-position: -170px -1121px
}

.heat-icon-2 {
    background-position: -250px -1121px
}

.heat-icon-3 {
    background-position: -290px -1121px
}

.heat-icon-4 {
    background-position: -209px -1121px
}

.heatmap-list li.ui-tabs-active a .heat-icon-1 {
    background-position: -170px -1161px
}

.heatmap-list li.ui-tabs-active a .heat-icon-2 {
    background-position: -250px -1161px
}

.heatmap-list li.ui-tabs-active a .heat-icon-3 {
    background-position: -290px -1161px
}

.heatmap-list li.ui-tabs-active a .heat-icon-4 {
    background-position: -209px -1161px
}

.contract-buzz-val {
    color: #00ba63
}

.bull-icon {
    width: 30px;
    height: 30px
}

.bull-1 {
    background-position: -81px -1222px
}

.bull-2 {
    background-position: -51px -1222px
}

ul.curosal_con-dis>li>a.active-tab .bull-1 {
    background-position: -81px -1252px
}

ul.curosal_con-dis>li>a.active-tab .bull-2 {
    background-position: -51px -1252px
}

.dervi-nrml-ratio {
    display: inline-block;
    margin-bottom: 3px
}

.normal-ratio-icon {
    width: 20px;
    height: 20px;
    background-color: #999;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 20px
}

.ratio-nrml-txt {
    color: rgb(0 0 0 / .4);
    font-size: 12px;
    display: inline-block;
    margin-left: 4px
}

ul.curosal_con-dis>li>a.active-tab .normal-ratio-icon {
    background-color: #fff;
    color: #333
}

ul.curosal_con-dis>li>a.active-tab .ratio-nrml-txt {
    color: #fff
}

.option-index-con {
    float: right;
    border: 1px solid rgb(0 0 0 / .1);
    padding: 10px;
    background: #fff
}

.col2,
.col3,
.derivative-spot-pice {
    border-left: 1px dotted #c5c5c5
}

.option-index-con-left,
.option-index-con-right {
    float: left
}

.option-index-con-left {
    text-align: right;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px dotted #c5c5c5
}

.option-ri-hea {
    color: #333;
    font-size: 18px
}

.option-index-con-right .mar-val-list {
    margin-top: 0
}

.option-update {
    margin-top: 10px
}

.option-chainheading {
    background-color: #fff
}

.option-chainheading>.call-list-left-1,
.option-chainheading>.call-list-left-2,
.option-chainheading>.call-list-left-3 {
    float: left;
    width: 420px;
    padding: 10px;
    font-size: 18px;
    text-align: center
}

.option-chainheading>.call-list-left-2 {
    width: 134px;
    border-left: 1px dotted #c5c5c5;
    border-right: 1px dotted #c5c5c5
}

.chainslider {
    margin: 60px 0
}

.call-strikeprice-put li {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.call-list-left,
.put-list-right {
    float: left;
    border-top: 2px solid #00ba63;
    width: 426px;
    padding: 20px
}

.strike-price {
    float: left;
    background: #333;
    color: #999;
    width: 124px;
    text-align: center;
    height: 137px;
    font-size: 18px
}

.put-list-right {
    border-top: 2px solid #f85337
}

.col1,
.col2,
.col3 {
    width: 33.33%;
    float: left;
    min-height: 95px
}

.col2 .call-details,
.col3 .call-details {
    padding-left: 20px
}

.call-details-line {
    border-top: 1px dotted #c5c5c5;
    padding: 10px 0 0;
    margin-top: 10px
}

.call-title {
    color: #999;
    margin-bottom: 5px
}

.call-subtitle {
    color: #333
}

.chain-txt,
.der-flllist li a {
    color: #999
}

.call-title-empty {
    height: 16px
}

.option-chain-datapoints li {
    float: left;
    margin-right: 10px
}

.chain-color-com {
    width: 20px;
    display: inline-block;
    height: 4px
}

.chain-col1 {
    background-color: #00ba63
}

.chain-col2 {
    background-color: #f85337
}

.chain-txt {
    margin-left: 4px
}

.strike-price p {
    display: table;
    width: 100%;
    height: 100%
}

.strike-price p span {
    display: table-cell;
    vertical-align: middle
}

.openintesr-hea .heat-map-icons,
.openintesr-hea p {
    display: inline-block;
    vertical-align: middle
}

.topsector-listview {
    margin-top: 40px
}

.openintesr-hea {
    margin-bottom: 20px
}

.openintesr-hea p {
    font-size: 18px;
    margin-left: 10px
}

.markets-fil-list .stat-con {
    width: 50%
}

.der-flllist li,
.der-flllist-res li {
    margin-bottom: 10px
}

.der-flllist li:last-child,
.der-flllist-res li:last-child {
    margin-bottom: 0
}

.der-flllist li.active a {
    color: #1190E0
}

.der-flllist-res li {
    font-size: 16px
}

.der-net-val {
    color: #00ba63
}

.der-snapleft-value .mar-val {
    float: left;
    margin: 14px 10px 0 0
}

.derivative-spot-pice {
    float: left;
    padding-left: 10px
}

.der-stock-snap-le {
    width: 30%
}

.der-stock-snap-re {
    width: 70%;
    text-align: center
}

.derivative-list li {
    border-right: 1px dotted #ccc;
    float: left;
    padding: 0 30px;
    margin: 30px 0;
    min-height: 250px;
    width: 33.33%
}

.derivative-list li:last-child {
    border-right: 0
}

.derivative-list li h3 {
    margin-bottom: 20px
}

.derivative-list2 li {
    min-height: 100%
}

.derivative-list li h3.pretitle {
    color: #666;
    margin-bottom: 0
}

.presubtitle {
    color: #999
}

.prevalue {
    margin-top: 10px
}

.goto-con-buzz {
    margin-bottom: 20px
}

.right-arrow {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-position: -636px -278px;
    vertical-align: middle
}

.contract-buzz-con {
    display: none
}

.more-snaps {
    margin-top: 40px
}

.more-snap-hea {
    margin-bottom: 10px;
    font-size: 18px;
    color: #999
}

.top-performers-list {
    margin: 0 0 0 -15px
}

.top-performers-list li {
    float: left;
    width: 232px;
    margin-left: 15px;
    color: #999;
    background: #fff;
    padding: 20px;
    border: 1px solid #fff;
    position: relative
}

.top-performers-list li h4 {
    margin-bottom: 10px
}

.top-performers-list li:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -moz-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -ms-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -o-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23)
}

.top-performers-list li.border1 {
    border-color: #c0e4ac
}

.top-performers-list li.border2 {
    border-color: #f9c4bd
}

.top-performers-list li.border3 {
    border-color: #96d9e3
}

.top-performers-list p {
    height: 32px;
    overflow: hidden
}

.bottomshape {
    width: 0;
    height: 0;
    border-top: 18px solid #fff;
    border-right: 18px solid #fff0;
    position: absolute;
    left: 0;
    top: 0
}

.bottomshape-color1 {
    border-top-color: #c0e4ac
}

.bottomshape-color2 {
    border-top-color: #f9c4bd
}

.bottomshape-color3 {
    border-top-color: #96d9e3
}

.textcolor1 {
    color: #71a953
}

.textcolor2 {
    color: #db6758
}

.textcolor3 {
    color: #0db1c8
}

.currency-list {
    margin-left: -40px
}

.currency-list li {
    float: left;
    padding: 0 40px;
    border-right: 1px dotted #c5c5c5;
    margin-top: 20px
}

.currency-list li:last-child {
    border-right: 0
}

.currency-type {
    color: #999
}

.indian-currency {
    color: #333;
    font-size: 40px
}

.mar-val-list-inc-down {
    color: #fa5238
}

.currency-list .mar-val-list-inc,
.currency-list .mar-val-list-inc-down {
    font-size: 18px
}

.price-arrow {
    margin-right: 5px;
    width: 8px;
    height: 14px
}

.price-dec {
    background-position: -664px -42px
}

.price-inc {
    background-position: -681px -42px
}

.commodities-list {
    margin: 10px 0 0 -15px
}

.commodities-list li {
    background: #fff;
    float: left;
    width: 229px;
    height: 269px;
    margin-left: 15px;
    text-align: center;
    border-top: 3px solid #fff
}

.commodities-list li.gold {
    border-color: #d4af37
}

.commodities-list li.crude {
    border-color: #555874
}

.commodities-list li.copper {
    border-color: #ac6952
}

.commodities-list li.paddy {
    border-color: #9eb514
}

.commodities-icon-details {
    padding: 20px 20px 16px
}

#commodities .eq-exp-con {
    height: 100px
}

.iconsize {
    width: 50px;
    height: 45px;
    display: inline-block
}

.gold-icon {
    background-position: -11px -968px
}

.crude-icon {
    background-position: -68px -968px;
    width: 40px
}

.copper-icon {
    background-position: -110px -967px;
    width: 45px
}

.paddy-icon {
    background-position: -156px -967px
}

.commodities-details {
    display: inline-block;
    vertical-align: top;
    color: #ccc;
    text-align: left
}

.commodities-tilte {
    color: #999;
    font-size: 24px
}

.indian-currency30 {
    color: #333;
    font-size: 30px
}

.commodities-divider {
    border-top: 1px solid #e8e8e8;
    background: #fcfcfc;
    padding: 20px;
    font-size: 18px
}

.over-products {
    height: 500px;
    width: 100%;
    background-repeat: no-repeat
}

.over-pro-1 {
    background: url(../images/products/overview-1.jpg) center center
}

.over-pro-2 {
    background: url(../images/products/overview-2.jpg) center center
}

.over-pro-3 {
    background: url(../images/products/overview-3.jpg) center center
}

.over-pro-4 {
    background: url(../images/products/overview-4.jpg) center center
}

.over-pro-5 {
    background: url(../images/products/overview-5.jpg) center center
}

.product-title {
    margin-bottom: 10px;
    line-height: 45px
}

.pro-ipos {
    text-transform: none
}

.product-paragraph,
.product-title {
    color: #fff !important
}

.product-paragraph {
    line-height: 26px;
    font-size: 16px
}

.product-center {
    text-align: center;
    width: 85%;
    margin: 0 auto
}

.right-arr,
.two-buttons a:last-child,
.two-buttons a:nth-child(2) {
    margin-left: 5px
}

.banner-title,
.product-subtitle {
    margin-bottom: 20px;
    text-transform: uppercase
}

.product-align {
    display: table;
    /* height: 500px; */
    height: 535px;
    position: relative
}

.product-align1 {
    height: 400px
}

.product-vertical-align {
    display: table-cell;
    vertical-align: middle
}

.product-bottom-align,
.product-top-align {
    position: absolute;
    top: 70px
}

.product-bottom-align {
    top: inherit;
    bottom: 70px
}

.banner-align .product-paragraph,
.product-bottom-align .product-paragraph,
.product-top-align .product-paragraph {
    padding: 0 120px
}

.text-right {
    text-align: right
}

.curency-de-list li,
.der-exp-list,
.dis-price-slider,
.fea-headings,
.fea-icon,
.le-products-menu li a,
.option-icon,
.price-body,
.price-header1,
.price-list-slider,
.price-show-btns,
.recom-data,
.sip-img,
.slider-area {
    text-align: center
}

.product-right {
    float: right
}

.product-button {
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
    background: 0 0;
    border: 1px solid #fff;
    font-size: 14px;
    min-width: 136px;
    display: inline-block;
    cursor: pointer;
    margin-top: 30px
}

.product-button-black {
    color: #000;
    border: 1px solid #000
}

.product-button.product-button-black.active,
.product-button.product-button-black:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff
}

.right-arr {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.overview-arrow-wh {
    background-position: -194px -1951px
}

.blockbg .overview-arrow-wh,
.overview-arrow-wh.bla,
.product-button:hover .overview-arrow-wh {
    background-position: -214px -1951px
}

.product-button:hover {
    color: #000;
    border: 1px solid #fff;
    background-color: #fff
}

.blockbg .product-button,
.blockbg .product-title {
    color: #97144D !important
}

.blockbg .product-subtitle {
    color: #333 !important
}

.blockbg .product-button:hover .overview-arrow-wh {
    background-position: -194px -1951px
}

.banner-video {
    width: 100%;
    position: relative;
    height: 400px
}

.banner-video video {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0
}

.banner-align,
.pro-expansion-left,
.pro-expansion-left.pro-3,
.pro-expansion-left.pro-5,
.pro-expansion-left.pro-7,
.pro-expansion-left.pro-9,
.pro-expansion-left.vas-3,
.pro-expansion-left.vas-4,
.pro-expansion-left.vas-5,
.pro-expansion-right,
.pro-expansion-right.pro-4,
.pro-expansion-right.pro-6,
.pro-expansion-right.vas-1,
.pro-expansion-right.vas-2,
.pro-expansion-right.vas-6 {
    position: relative
}

.page-banner {
    height: 410px
}

.products-banner {
    background: url(../images/products/products.jpg) center center
}

.banner-align {
    height: 410px;
    display: table;
    color: #fff;
    font-size: 16px
}

.banner-title {
    color: #fff;
    line-height: 45px
}

.banner-align p {
    line-height: 20px
}

.blockbg .banner-title,
.blockbg .product-paragraph {
    color: #333 !important;
}

.blockbg .banner-title {
    text-transform: uppercase
}

.darkbg .product-button,
.darkbg .product-paragraph,
.darkbg .product-subtitle,
.darkbg .product-title {
    color: #fff !important
}

.darkbg .product-button {
    border-color: #fff !important
}

.darkbg .product-button:hover {
    background: #fff;
    color: #000 !important
}

.blockbg .product-button {
    border-color: #97144D !important
}

.blockbg .product-button:hover {
    background: #97144D;
    color: #fff !important
}

.product-subtitle {
    line-height: 22px
}

.eq-exp-con h4,
.fea-headings h2,
.hea-heaing,
.pri-hea {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.pro-headings {
    line-height: inherit
}

.le-products-menu {
    background: url(../images/home/learn-menu-pattern.jpg)
}

.le-products-menu li {
    width: 8.2%;
    border-right: 1px solid #ccc;
    float: left
}

.le-products-menu li:last-child {
    border-right: 0
}

.le-products-menu li a {
    font-size: 14px;
    color: #999;
    display: block;
    padding: 15px 8px
}

.le-products-menu li.active a {
    color: #333;
    background-color: #f0f0f0
}

.pro-icons {
    width: 50px;
    height: 50px
}

.of-pro-name {
    margin-top: 5px
}

.pro-ico1 {
    background-position: -10px -1575px
}

.le-products-menu li a:hover .pro-ico1,
.le-products-menu li.active a .pro-ico1 {
    background-position: -10px -1625px
}

.pro-ico2 {
    background-position: -60px -1575px
}

.le-products-menu li a:hover .pro-ico2,
.le-products-menu li.active a .pro-ico2 {
    background-position: -60px -1625px
}

.pro-ico3 {
    background-position: -110px -1575px
}

.le-products-menu li a:hover .pro-ico3,
.le-products-menu li.active a .pro-ico3 {
    background-position: -110px -1625px
}

.pro-ico4 {
    background-position: -160px -1575px
}

.le-products-menu li a:hover .pro-ico4,
.le-products-menu li.active a .pro-ico4 {
    background-position: -160px -1625px
}

.pro-ico5 {
    background-position: -210px -1575px
}

.le-products-menu li a:hover .pro-ico5,
.le-products-menu li.active a .pro-ico5 {
    background-position: -210px -1625px
}

.pro-ico6 {
    background-position: -260px -1575px
}

.le-products-menu li a:hover .pro-ico6,
.le-products-menu li.active a .pro-ico6 {
    background-position: -260px -1625px
}

.pro-ico7 {
    background-position: -310px -1575px
}

.le-products-menu li a:hover .pro-ico7,
.le-products-menu li.active a .pro-ico7 {
    background-position: -310px -1625px
}

.pro-ico8 {
    background-position: -360px -1575px
}

.le-products-menu li a:hover .pro-ico8,
.le-products-menu li.active a .pro-ico8 {
    background-position: -360px -1625px
}

.pro-ico9 {
    background-position: -410px -1575px
}

.le-products-menu li a:hover .pro-ico9,
.le-products-menu li.active a .pro-ico9 {
    background-position: -410px -1625px
}

.pro-ico10 {
    background-position: -812px -1325px
}

.le-products-menu li a:hover .pro-ico10,
.le-products-menu li.active a .pro-ico10 {
    background-position: -812px -1445px
}

.pro-ico11 {
    background-position: -745px -1325px
}

.le-products-menu li a:hover .pro-ico11,
.le-products-menu li.active a .pro-ico11 {
    background-position: -745px -1445px
}

.insurance-ico {
    background-position: -530px -1575px
}

.le-products-menu li a:hover .insurance-ico,
.le-products-menu li.active a .insurance-ico {
    background-position: -530px -1625px
}

.product-content .product-align {
    float: left
}

.equity-content .floatdiv-right {
    float: right
}

.product-four,
.product-one {
    margin-top: 100px
}

.par-cen-pading {
    padding: 0 180px
}

.der-products,
.exp-thr-el li {
    padding-right: 20px
}

.product-1 {
    background: url(../../../images/beta/joomla/products/pro-1_opt.jpg) center center
}

.product-2 {
    background: url(../../../images/beta/joomla/products/pro-2_opt.jpg) center center
}

.product-3 {
    background: url(../../../images/beta/joomla/products/pro-3_opt.jpg) center center
}

.product-4 {
    background: url(../../../images/beta/joomla/products/pro-4_opt.jpg) center center
}

.product-5 {
    background: url(../../../images/beta/joomla/products/pro-5_opt.jpg) center center
}

.product-6 {
    background: url(../../../images/beta/joomla/products/pro-6_opt.jpg) center center
}

.product-7 {
    background: url(../../../images/beta/joomla/products/pro-7_opt.jpg) center center
}

.product-8 {
    background: url(../../../images/beta/joomla/products/pro-8_opt.jpg) center center
}

.product-9 {
    background: url(../../../images/beta/joomla/products/pro-9.jpg) center center
}

.product-10 {
    background: url(../../../images/beta/joomla/products/pro-com-10_opt.jpg) center center
}

.currency-bg {
    background: url(../../../images/beta/joomla/products/Currency-Desktop-Banner-Light.jpg) center center
}

.product-insurance {
    background: url(../../../images/beta/joomla/products/product-insurance.jpg) center center
}

.pro-expansion-left.pro-3:before,
.pro-expansion-left.pro-7:before,
.pro-expansion-left.pro-9:before,
.pro-expansion-left.vas-3:before,
.pro-expansion-left.vas-4:before,
.pro-expansion-left.vas-5:before,
.pro-expansion-left:before {
    position: absolute;
    left: 30px;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #252525;
    border-left: 100px solid #fff0
}

.pro-expansion-right.pro-4:before,
.pro-expansion-right.pro-6:before,
.pro-expansion-right.vas-1:before,
.pro-expansion-right.vas-2:before,
.pro-expansion-right.vas-6:before,
.pro-expansion-right:before {
    position: absolute;
    right: 30px;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #ee4b63;
    border-right: 100px solid #fff0
}

.pro-expansion-left.pro-3:before {
    border-top: 50px solid #f8cf51
}

.pro-expansion-right.pro-4:before {
    border-top: 50px solid #fff
}

.pro-expansion-left.pro-5:before {
    border-top: 50px solid #2e2c2b
}

.pro-expansion-right.pro-6:before {
    border-top: 50px solid #fff
}

.pro-expansion-left.pro-7:before {
    border-top: 50px solid #0f2940
}

.pro-expansion-left.pro-9:before {
    border-top: 50px solid #666869
}

.pro-expansion-right.vas-1:before {
    border-top: 50px solid #412113
}

.pro-expansion-right.vas-2:before {
    border-top: 50px solid #9f8975
}

.pro-expansion-left.vas-3:before {
    border-top: 50px solid #573520
}

.pro-expansion-left.vas-4:before {
    border-top: 50px solid #f2f2f1
}

.pro-expansion-left.vas-5:before {
    border-top: 50px solid #f1dac6
}

.pro-expansion-right.vas-5:before {
    border-top: 50px solid #222226
}

.expansion-pro,
.expansion-pro1 {
    display: none;
    position: relative
}

.close-expansion {
    position: absolute;
    right: 10px;
    top: 20px;
    cursor: pointer
}

.exp-thr-el li {
    width: 33.33%;
    float: left;
    margin-bottom: 30px
}

.eqi-exp-icons {
    width: 50px;
    height: 50px;
    float: left
}

.eqi-exp1 {
    background-position: -10px -1685px
}

.eqi-exp2 {
    background-position: -60px -1685px
}

.eqi-exp3 {
    background-position: -110px -1685px
}

.eqi-exp4 {
    background-position: -160px -1685px
}

.eqi-exp5 {
    background-position: -210px -1685px
}

.eqi-exp6 {
    background-position: -260px -1685px
}

.eqi-exp7 {
    background-position: -310px -1685px
}

.eq-exp-con {
    padding-left: 70px
}

.exp-txt {
    margin-top: 5px;
    color: #999;
    line-height: 18px
}

.eq-exp-learn {
    display: block;
    margin-top: 10px
}

.der-icon-border {
    width: 100px;
    height: 100px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 10px;
    display: inline-block
}

.der-exp-icon {
    width: 50px;
    height: 50px;
    margin-top: 25px
}

.cur_diversify_portfolio {
    background-position: -595px -1900px
}

.cur_invest_or_hedge {
    background-position: -707px -1900px
}

.cur_low_margins {
    background-position: -760px -1900px
}

.der-exp1 {
    background-position: -360px -1685px
}

.der-exp2 {
    background-position: -410px -1685px
}

.der-exp3 {
    background-position: -460px -1685px
}

.der-exp-list .eq-exp-con {
    padding-left: 0
}

.fea-headings {
    position: relative
}

.fea-headings:after {
    content: "";
    position: absolute;
    left: 50%;
    margin: 5px 0 0 -40px;
    border-bottom: 1px solid #b7b7b7;
    width: 80px;
    height: 1px
}

.fea-headings p {
    margin-top: 5px
}

.features-list {
    margin-top: 30px
}

.features-list li {
    min-height: 60px;
    margin-bottom: 20px
}

.features-list li:last-child {
    margin-bottom: 0
}

.fea-icon,
.option-icon {
    float: left;
    width: 48px;
    height: 48px;
    background-color: #ee4b63;
    position: relative
}

.fea-icon i,
.option-icon i {
    width: 24px;
    height: 24px;
    margin-top: 12px
}

.fea-icon:after,
.option-icon:after {
    bottom: 100%;
    right: -20px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    margin-left: -10px;
    top: 0;
    pointer-events: none
}

.fea-icon1 {
    background-position: -179px -1985px
}

.fea-icon2 {
    background-position: -203px -1985px
}

.fea-icon3 {
    background-position: -227px -1985px
}

.op-icon1 {
    background-position: -251px -1985px
}

.op-icon2 {
    background-position: -275px -1985px
}

.option-icon {
    background-color: #4aace3
}

.cur-der,
.ncd-cir {
    background-color: #fff;
    display: inline-block
}

.fea-icon:after {
    border: solid #fff0;
    border-color: #fff0;
    border-top-color: #ee4b63;
    border-left: 1px solid #ee4b63;
    border-width: 10px
}

.option-icon:after {
    border: solid #fff0;
    border-color: #fff0;
    border-top-color: #4aace3;
    border-left: 1px solid #4aace3;
    border-width: 10px
}

.fea-con {
    padding-left: 85px
}

.mut-exp-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 10px
}

.mut-exp1 {
    background-position: -10px -1745px
}

.mut-exp2 {
    background-position: -90px -1745px
}

.mut-exp3 {
    background-position: -170px -1745px
}

.mut-exp4 {
    background-position: -250px -1745px
}

.mut-exp5 {
    background-position: -330px -1745px
}

.mut-exp6 {
    background-position: -410px -1745px
}

.etf-exp-list li {
    min-height: 235px;
    margin-bottom: 30px
}

.etf-exp-icon {
    width: 64px;
    height: 64px
}

.etf-exp1 {
    background-position: -10px -1835px
}

.etf-exp2 {
    background-position: -74px -1835px
}

.etf-exp3 {
    background-position: -138px -1835px
}

.etf-exp4 {
    background-position: -202px -1835px
}

.etf-exp-con {
    margin: 20px 0
}

.etf-exp-con h4 {
    margin-bottom: 20px
}

.etf-exp-con .exp-txt {
    padding: 0 20px
}

.sip-list li {
    width: 100%
}

.eq-sip-exp-icons i,
.sip-exp-icons {
    width: 32px;
    height: 32px;
    float: left
}

.sip-exp1,
eq-sip-exp1 {
    background-position: -10px -1909px
}

.eq-sip-exp2,
.sip-exp2 {
    background-position: -42px -1909px
}

.eq-sip-exp3,
.sip-exp3 {
    background-position: -74px -1909px
}

.eq-sip-exp4,
.sip-exp4 {
    background-position: -106px -1909px
}

.eq-sip-exp-icons .eq-exp-con,
.sip-list li .eq-exp-con {
    padding-left: 50px
}

.eqsip-1 {
    background-position: -138px -1909px
}

.eqsip-2 {
    background-position: -170px -1909px
}

.eqsip-3 {
    background-position: -202px -1909px
}

.eqsip-4 {
    background-position: -234px -1909px
}

.eqsip-5 {
    background-position: -266px -1909px
}

.ncd-cir {
    width: 112px;
    height: 112px;
    border: 1px solid #f0f0f0;
    border-radius: 50%
}

.ncd-exp-icon {
    width: 64px;
    height: 64px;
    margin-top: 20px
}

.ncd-exp1 {
    background-position: -268px -1836px
}

.ncd-exp2 {
    background-position: -330px -1836px
}

.ncd-exp3 {
    background-position: -396px -1836px
}

.ncd-exp4 {
    background-position: -460px -1836px
}

.ncd-exp-list h4 {
    margin-top: 10px;
    padding: 0 40px
}

.curency-de-list {
    width: 90%;
    margin: 40px auto 0
}

.curency-de-list li {
    margin: 0 0 70px 30px;
    float: left;
    width: 45%;
    padding: 0 20px 20px;
    border: 1px solid #e3e3e3;
    min-height: 181px
}

.curency-de-list li.curd-last {
    margin-bottom: 0
}

.cur-der {
    width: 80px;
    height: 80px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    margin-top: -40px;
    z-index: 1
}

.mob-dis-price,
.modifyplans,
.plans-invest,
.pricing-btnsec,
.slide-price-none {
    display: none
}

.curd-exp-icon {
    width: 64px;
    height: 64px;
    margin-top: 8px
}

.curd-exp1 {
    background-position: -650px -1835px
}

.curd-exp2 {
    background-position: -714px -1835px
}

.curd-exp3 {
    background-position: -778px -1835px
}

.curd-exp4 {
    background-position: -842px -1835px
}

.cur-der-con {
    margin-top: 20px;
    padding: 0 40px
}

.tax-exp1 {
    background-position: -524px -1836px
}

.tax-exp2 {
    background-position: -588px -1836px
}

.tax-paragraph {
    padding: 0 100px;
    margin: 20px 0 60px
}

.com-pri,
.price-baner {
    margin-bottom: 10px
}

.pricing-banner {
    background: url(../images/products/pricing.jpg) center center
}

.price-sec {
    padding-top: 70px
}

.pricing-arr {
    background-position: -154px -1955px
}

.pricing-sel {
    text-align: center
}

.price-body h1,
.price-header h3 {
    font-family: Arial, Helvetica, sans-serif
}

.price-items-sel {
    padding: 30px 0
}

.price-item-selctor {
    width: 300px
}

.sel-item-name {
    color: #333;
    border-bottom: 1px solid #333
}

.price-show-btns {
    padding-bottom: 70px
}

.price-list-slider .bx-viewport {
    padding: 7px 6px !important;
    height: 100% !important
}

.mob-dis-price,
.web-dis-price {
    color: #333;
    font-size: 18px
}

.price-slider>li {
    float: left;
    margin-right: 20px;
    transition: none
}

.dis-price-slider>li {
    display: inline-block;
    width: 225px;
    margin-right: 19px
}

.dis-price-slider>li:last-child {
    margin-right: 0
}

.box-col-1 {
    background-color: #7f899d;
    min-height: 163px
}

.box-col-2 {
    background-color: #0d99d6
}

.box-col-3 {
    background-color: #5dc7f5
}

.dis-price-slider>li.recomend,
.price-slider>li.recomend {
    position: relative
}

.dis-price-slider>li.recomend:after,
.price-slider>li.recomend:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #d32b5e
}

.price-header1 {
    width: 100%;
    padding: 0 20px;
    height: 160px;
    color: #fff
}

.price-header {
    display: table
}

.price-header-txt {
    padding: 36px 0
}

.recom-data {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #d32b5e;
    padding: 4px 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.price-hide {
    display: none
}

.recom-staricon {
    width: 20px;
    height: 10px;
    background-position: -174px -1957px
}

.pri-pro-name {
    font-size: 18px
}

.pri-subscr-name {
    font-size: 12px;
    margin-top: 10px
}

.pri-pro-price {
    font-size: 38px;
    white-space: nowrap
}

.pri-pro-price span {
    font-size: 20px;
    vertical-align: middle
}

.price-header h3 {
    color: #fff
}

.complimentory-con {
    padding: 25px 20px 20px
}

.com-details-items>li,
.com-items li {
    padding: 10px 0 0;
    position: relative
}

.com-details-items>li:first-child,
.com-items li:first-child {
    padding-top: 0
}

.com-items li:last-child:after {
    content: "";
    border-bottom: 0;
    padding-bottom: 0
}

.acc-open-charges,
.com-val {
    color: #333;
    margin-top: 5px
}

.acc-open-charges {
    font-size: 24px;
    margin-top: 10px
}

.com-name {
    color: #999
}

.com-name span,
.price-fultoll {
    display: inline-block;
    vertical-align: top
}

.awardcontent,
.awardcontentinner,
.cal-sy,
.profilePics ul li {
    vertical-align: middle
}

.price-fultoll {
    position: relative
}

.price-tooltip-icon {
    background-position: -106px -1953px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.price-fultoll:hover .pric-fulbox {
    display: block
}

.pric-fulbox {
    position: absolute;
    padding-top: 10px;
    display: none;
    z-index: 1;
    left: -132px
}

.price-tol-box {
    width: 225px
}

.price-tol-box:before {
    top: -10px;
    left: 62%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-bottom-color: #333;
    border-width: 10px;
    margin-left: -10px
}

.price-cal-deta,
.price-cal-part {
    padding: 20px 40px;
    background-color: #333
}

.pri-toll-label,
.price-add {
    color: rgb(255 255 255 / .5);
    font-size: 12px
}

.price-add {
    font-size: 20px;
    margin: 10px 0
}

.pri-toll-amnt {
    margin-top: 5px;
    font-size: 16px;
    color: #fff
}

.before-cal {
    position: relative
}

.before-cal:after {
    position: absolute;
    border-bottom: 1px solid #3d3d3d;
    width: 100px;
    height: 1px;
    content: "";
    left: 20px;
    margin-top: 10px
}

.befe-cal:after,
.vas-list-pop>li:after {
    left: 50%;
    content: ""
}

.after-cal {
    margin-top: 20px
}

.price-cal-deta {
    padding: 20px;
    background-color: #3d3d3d;
    border-top: 1px solid #484848;
    color: #ccc;
    font-size: 12px
}

.price-cal-deta p {
    margin-bottom: 5px
}

.price-cal-deta p:last-child {
    margin-bottom: 0
}

.price-cal-deta span {
    color: #fff;
    font-size: 16px
}

.complimentory-details,
.subscriptions-area {
    padding: 20px
}

.complimentory-details {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.com-smal-txt,
.com-terms a {
    font-size: 12px;
    color: #999;
    padding-bottom: 10px
}

.value-add-icon {
    width: 20px;
    height: 20px;
    background-position: -10px -1946px
}

.com-terms {
    margin-top: 10px
}

.com-val-items {
    font-size: 14px
}

.pri-subscripbe-btn {
    border: 1px solid #1190e0;
    padding: 5px 20px;
    display: inline-block
}

.price-downpart {
    margin-top: 40px;
    text-align: center
}

.price-sounds {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    color: #666;
    margin: 30px 0 10px
}

.price-popup h3,
.vas-in-con h3,
.vas-in-con h4,
.vas-invest h3,
.vas-popup h4 {
    font-family: Arial, Helvetica, sans-serif
}

.price-menu li {
    display: inline-block;
    border-right: 1px solid #1190e0;
    padding-right: 10px
}

.price-menu li:last-child {
    border-right: 0
}

.newinvest-plans-none {
    display: none
}

.reg-ivest-hea {
    color: #666
}

.progress-bar-sec {
    margin-top: 20px
}

.slider-area {
    width: 800px;
    margin: 40px auto 20px
}

.slider-area li {
    margin-bottom: 30px
}

.slider-area li:last-child {
    margin-bottom: 0
}

.slide-left,
.slide-left1,
.slide-right {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.slide-right {
    width: 150px;
    text-align: left
}

.slide-left1 {
    font-size: 18px;
    color: #333;
    width: 200px;
    text-align: right
}

.invest-1,
.invest-2,
.pop-cal-sec,
.pri-cal-box li,
.price-popup,
.vas-popup h4 {
    text-align: center
}

.slide-left1 span {
    font-size: 12px;
    color: #ccc;
    display: block
}

.slide-left {
    width: 340px;
    border-radius: 20px;
    padding: 10px;
    header-menu -webkit-box-shadow: inset 0 0 5px 0 rgb(0 0 0 / .3);
    -moz-box-shadow: inset 0 0 5px 0 rgb(0 0 0 / .3);
    box-shadow: inset 0 0 5px 0 rgb(0 0 0 / .3)
}

.slide-right input {
    background: 0 0;
    border: 0;
    font-size: 18px;
    color: #333;
    width: 100px
}

.price-trade-link {
    margin: 20px 0;
    display: block;
    cursor: pointer
}

.invest-2 {
    display: none
}

.price-popup h5 {
    color: #999
}

.price-popup h3 {
    color: #666;
    margin: 20px 0
}

.pri-cal-box {
    margin: 40px 0
}

.pri-cal-box li {
    float: left;
    width: 200px;
    color: #fff;
    opacity: 0
}

.pri-cal-box li.plus {
    width: 40px;
    font-size: 40px;
    color: #ccc;
    margin-top: 60px
}

.pri-box1 {
    background-color: #71c5a4
}

.pri-box2 {
    background-color: #9086c2
}

.pri-box3 {
    background-color: #f48ba9
}

.pri-box4 {
    background-color: #f68567
}

.pri-pop-box {
    padding: 20px
}

.pri-cal-box li.amountsec {
    width: 100%;
    padding-top: 50px
}

.befe-cal {
    font-size: 18px;
    position: relative
}

.befe-cal:after {
    position: absolute;
    background-color: rgb(255 255 255 / .5);
    width: 100px;
    height: 1px;
    margin: 5px 0 0 -50px
}

.bef-cal-val {
    margin-top: 20px
}

.afte-cal,
.bef-cal-val {
    font-size: 30px
}

.afte-cal {
    margin-top: 10px
}

.cal-sy,
.pop-cal-sec p {
    color: #333;
    font-size: 30px;
    display: inline-block
}

.cal-sy,
.pri-pop-fot p {
    color: #999
}

.pop-cal-sec span {
    color: #999;
    font-size: 18px
}

.pop-fin-cal {
    margin-left: 50px
}

.pri-pop-fot {
    border-top: 1px dotted #c5c5c5;
    padding-top: 20px;
    margin-top: 40px
}

.vas-popup.dialog-title {
    border-bottom: 0;
    padding-top: 30px
}

.vas-popup h4 {
    color: #666
}

.vas-list-pop {
    margin-top: 20px
}

.vas-list-pop>li {
    background-color: #fafafa;
    border: 1px dashed #ccc;
    padding: 20px;
    position: relative;
    margin-bottom: 37px
}

.vas-list-pop>li:last-child {
    margin-bottom: 0
}

.vas-list-pop>li:after {
    position: absolute;
    background: url(../images/home/pack-plus.png) no-repeat;
    width: 18px;
    height: 18px;
    bottom: -29px;
    margin-left: -9px
}

.vas-list-pop>li:last-child:after {
    background: 0 0
}

.vas-in-con>li {
    float: left;
    border-right: 1px dotted #c5c5c5;
    padding: 0 20px;
    width: 25%;
    min-height: 70px
}

.vas-in-con>li:first-child {
    padding-left: 0;
    width: 50%
}

.vas-in-con>li:last-child {
    padding-right: 0;
    border-right: 0
}

.vas-pop-icons {
    width: 32px;
    height: 32px;
    float: left
}

.vas-pop-con {
    padding-left: 40px
}

.vas-in-con li p {
    margin-top: 10px
}

.vas-ic1 {
    background-position: -74px -1981px
}

.vas-ic2 {
    background-position: -42px -1981px
}

.vas-ic3 {
    background-position: -10px -1981px
}

.vas-in-con h4 {
    color: #333;
    text-align: left
}

.financial-list li,
.leverage-bor,
.loan-list,
.ribbonBtn {
    text-align: center
}

.vas-col1 {
    color: #f48ba9
}

.vas-col2 {
    color: #9086c2
}

.vas-col3 {
    color: #71c5a4
}

.vas-banner {
    background-image: url(../images/products/vas.jpg);
    background-position: 40% top
}

.vas-banner p {
    color: #333
}

.vas-bg-1 {
    background: url(../images/products/vas-1.jpg) center center
}

.vas-bg-2 {
    background: url(../images/products/vas-2.jpg) center center
}

.vas-bg-3 {
    background: url(../images/products/vas-3.jpg) center center
}

.vas-bg-4 {
    background: url(../images/products/vas-4.jpg) center center
}

.vas-bg-5 {
    background: url(../images/products/vas-5.jpg) center center
}

.vas-bg-6 {
    background: url(../images/products/vas-6.jpg) center center
}

.vas-bg-7 {
    background: url(../images/products/vas-7.jpg) center center
}

.vas-bg-8 {
    background: url(../images/products/vas-8.jpg) center center
}

.vas-bg-9 {
    background: url(../images/products/vas-9.jpg) center center
}

.vas-bg-10 {
    background: url(../images/products/vas-10.jpg) center center
}

.invest-pop-btn,
.ribbonBtn {
    background-color: #70c5a4;
    color: #fff
}

.portfolio-trackerlist {
    width: 90%;
    margin: auto
}

.portfolio-trackerlist li {
    float: left;
    width: 45%;
    padding: 0 20px 20px
}

.portfolio-tra-icon {
    width: 64px;
    height: 64px;
    float: left
}

.tr-1 {
    background-position: -10px -2021px
}

.tr-2 {
    background-position: -74px -2021px
}

.tr-3 {
    background-position: -138px -2021px
}

.tr-4 {
    background-position: -202px -2021px
}

.prot-list-txt {
    padding-left: 80px
}

.invest-list-1 li,
.invest-list-2 li {
    border: 1px solid #e3e3e3;
    padding: 20px;
    margin-bottom: 20px
}

.invest-list-1 li {
    min-height: 124px
}

.in-1 {
    background-position: -266px -2021px
}

.in-2 {
    background-position: -330px -2021px
}

.in-3 {
    background-position: -394px -2021px
}

.in-4 {
    background-position: -458px -2021px
}

.in-5 {
    background-position: -522px -2021px
}

.in-6 {
    background-position: -586px -2021px
}

.invest-list-2 {
    width: 600px;
    margin: auto
}

.invest-list-2 li {
    position: relative
}

.invest-exp-icon {
    width: 32px;
    height: 32px;
    float: left
}

.invest-exp1 {
    background-position: -10px -2161px
}

.invest-exp2 {
    background-position: -42px -2161px
}

.invest-exp5 {
    background-position: -74px -2161px
}

.invest-exp4 {
    background-position: -106px -2161px
}

.invest-con {
    padding-left: 42px
}

.ribbonBtn {
    display: block;
    min-width: 200px;
    position: absolute;
    right: -8px;
    top: 25%;
    padding: 8px 15px
}

.ribbonBtn:after {
    position: absolute;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 11px solid #24986b;
    border-right: 8px solid #fff0;
    bottom: -11px
}

.invest-pop-btn {
    padding: 5px 10px;
    margin-top: 10px;
    display: none
}

.ri-col2 {
    background-color: #70c3ed
}

.ri-col2:after {
    border-top: 11px solid #2a86b5
}

.ri-col3 {
    background-color: #9188c1
}

.ri-col3:after {
    border-top: 11px solid #4f438c
}

.ri-col4 {
    background-color: #f48ba9
}

.ri-col4:after {
    border-top: 11px solid #c0365e
}

.ri-col5 {
    background-color: #fdb64e
}

.ri-col5:after {
    border-top: 11px solid #cd7f0e
}

.vas-invest p {
    margin: 10px 0;
    color: #999
}

.leverage-list li {
    min-height: 110px
}

.leverage-bor {
    margin-top: 0;
    float: left;
    width: 72px;
    height: 72px
}

.leverage-con {
    padding-left: 90px
}

.leverage-exp-icon {
    width: 32px;
    height: 32px;
    margin-top: 20px
}

.leverage-exp1 {
    background-position: -170px -2161px
}

.leverage-exp2 {
    background-position: -202px -2161px
}

.leverage-exp3 {
    background-position: -234px -2161px
}

.leverage-exp4 {
    background-position: -256px -2161px
}

.push-noti-list {
    width: 120px;
    height: 90px;
    border-radius: 8px
}

.push-exp-icon {
    width: 64px;
    height: 64px;
    margin-top: 13px
}

.push-exp1 {
    background-position: -650px -2023px
}

.push-exp2 {
    background-position: -714px -2023px
}

.push-exp3 {
    background-position: -10px -2087px
}

.push-1 {
    background-position: -778px -2023px
}

.push-2 {
    background-position: -842px -2023px
}

.fin-icon-border {
    width: 120px;
    height: 120px
}

.fin-exp-icon,
.loan-exp-icon {
    width: 64px;
    height: 64px
}

.financial-list .eq-exp-con {
    padding-left: 0
}

.fin-exp-icon {
    margin-top: 28px
}

.fin-exp1 {
    background-position: -74px -2087px
}

.fin-exp2 {
    background-position: -138px -2087px
}

.fin-exp3 {
    background-position: -202px -2087px
}

.fin-exp4 {
    background-position: -266px -2087px
}

.fin-exp5 {
    background-position: -330px -2087px
}

.fin-aply-btn,
.two-ap-btns {
    padding: 5px 10px;
    border: 1px solid #000;
    color: #000;
    margin-top: 10px;
    display: inline-block
}

.fin-aply-btn:hover,
.two-ap-btns:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff
}

.twobtns-aply-btn {
    margin-top: 10px
}

.two-ap-btns {
    margin: 0 5px 0 0
}

.loan-list li {
    min-height: 203px
}

.loan-con {
    margin-top: 10px
}

.loan-exp1 {
    background-position: -394px -2087px
}

.loan-exp2 {
    background-position: -842px -2087px
}

.loan-exp3 {
    background-position: -778px -2087px
}

.loan-exp4 {
    background-position: -586px -2087px
}

.loan-exp5 {
    background-position: -650px -2087px
}

.loan-exp6 {
    background-position: -714px -2087px
}

.loan-exp7 {
    background-position: -458px -2087px
}

.loan-exp8 {
    background-position: -522px -2087px
}

.gi-noti-list {
    width: 120px;
    height: 90px;
    border-radius: 8px
}

.gi-exp-icon {
    width: 64px;
    height: 64px;
    margin-top: 13px
}

.gi-exp1 {
    background-position: -906px -2087px
}

.gi-exp2 {
    background-position: -970px -2087px
}

.gi-exp3 {
    background-position: -1034px -2087px
}

.vas-online-details {
    margin-top: 30px
}

.vas-online-details li {
    display: inline-block;
    border-right: 1px dotted #fff;
    padding: 0 10px
}

.vas-online-details li:first-child {
    padding-left: 0
}

.vas-online-details li:last-child {
    border-right: 0;
    padding-right: 0
}

.vas-online-icon1,
.vas-online-icon2 {
    float: left;
    width: 32px;
    height: 32px;
    background-position: -298px -2161px
}

.vas-online-icon2 {
    background-position: -331px -2161px
}

.vas-online-txt {
    padding-left: 50px;
    color: #fff
}

.vas-hea {
    font-size: 16px
}

.vas-num {
    text-align: left;
    margin-top: 5px
}

.vas-num a {
    color: #fff;
    font-size: 18px
}

.vas-dialog-content {
    padding: 0 30px 20px
}

.platform-4 {
    background: url(../images/products/platform-4.jpg) center center
}

.platform-5 {
    background: url(../images/products/platform-5.jpg) center center
}

.plat-txt-mid {
    display: table;
    height: 405px
}

.fullpage-mob,
.plat-mob-img {
    display: none
}

.plat-3 {
    height: 600px
}

.pro-divider {
    border-bottom: 1px solid #EAE7E7
}

.dir-butons-gap {
    margin-top: 20px
}

.plat-back {
    background: url(../images/home/arrows-back.png);
    width: 30px;
    height: 30px;
    opacity: .5
}

.plat-back:hover {
    opacity: 1
}

.fullpage-big-sm {
    width: 100%
}

#section0 {
    background: url(../images/products/blue.jpg)
}

#section1,
#section3,
#section5,
#section7,
#section9,
.section1 {
    background: url(../images/products/grey.jpg)
}

#section2,
.section2 {
    background: url(../images/products/red.jpg)
}

#section4 {
    background: url(../images/products/green.jpg)
}

.palt-right-pading {
    padding-right: 50px
}

.image-platfade {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    min-height: 10px
}

.image-platfade li {
    position: absolute
}

.pic-1,
.pic-10,
.pic-11,
.pic-12,
.pic-13,
.pic-14,
.pic-15,
.pic-16,
.pic-17,
.pic-18,
.pic-19,
.pic-2,
.pic-20,
.pic-21,
.pic-22,
.pic-23,
.pic-24,
.pic-25,
.pic-26,
.pic-27,
.pic-28,
.pic-29,
.pic-3,
.pic-30,
.pic-31,
.pic-32,
.pic-33,
.pic-34,
.pic-35,
.pic-4,
.pic-5,
.pic-6,
.pic-7,
.pic-8,
.pic-9 {
    position: absolute;
    display: none
}

.pic-1,
.pic-12,
.pic-16,
.pic-20,
.pic-23,
.pic-28,
.pic-3,
.pic-31,
.pic-6,
.pic-8 {
    display: block
}

.fourthimg,
.secimg,
.thirdimg {
    display: none
}

.sec-1,
.sec-3 {
    height: 450px
}

.sec-2 {
    height: 470px;
    margin-left: 200px
}

.sec-4,
.sec-5 {
    height: 460px
}

.sec-11 {
    height: 338px
}

.plat-images-tgap {
    margin-top: 30px
}

.fullsec-move1 {
    margin-top: -160px
}

.fullsec-move2 {
    margin-top: -50px
}

.trade-instant {
    width: 80%;
    margin: 40px auto 0
}

.trade-instant li {
    width: 28%;
    margin-right: 5%;
    display: inline-block;
    text-align: center
}

.trade-instant li:last-child {
    margin-right: 0
}

.inst-icon1,
.inst-icon2,
.inst-icon3 {
    width: 181px;
    height: 180px;
    background: url(../images/products/trade-2-01.png);
    display: inline-block
}

.inst-icon2 {
    background: url(../images/products/trade-2-02.png)
}

.inst-icon3 {
    background: url(../images/products/trade-2-03.png)
}

.trade-instant li h3 {
    text-align: center;
    margin-top: 10px
}

.trade-ask {
    margin-top: 40px;
    text-align: center
}

.trade-ask li {
    display: inline-block
}

.as-like-1,
.as-like-2,
.as-like-3 {
    width: 257px;
    height: 270px;
    background: url(../images/products/trade-3-01.png);
    display: inline-block
}

.as-like-2 {
    background: url(../images/products/trade-3-02.png);
    width: 358px
}

.as-like-3 {
    background: url(../images/products/trade-3-03.png);
    width: 243px
}

.trade-ask h3 {
    color: #fff
}

.con-mov-sec {
    margin-top: 100px
}

.con-mov-sec-1 {
    margin-top: 50px
}

.con-mov-sec-neg {
    margin-top: -210px
}

.sec-6 {
    height: 400px
}

.trade-logo {
    margin-bottom: 20px
}

#section6 {
    background: url(../images/products/light-green.jpg);
    position: relative
}

.funtastic-down {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 316px;
    background: url(../images/products/funtastic-bg.png) center center
}

#section8 {
    background: url(../images/products/purple.jpg)
}

.bg-img-prop,
.mob-bg-img-prop {
    background-repeat: no-repeat;
    background-position: center center
}

.sec-7 {
    height: 319px
}

.sec-8 {
    height: 300px;
    width: 960px
}

.sec-9 {
    height: 469px
}

.sec-10 {
    height: 378px
}

.homepage-banners li {
    height: 410px
}

.bg-img-prop {
    background-size: cover
}

.hm-banners-1 {
    background: url(../images/home/hm-banner-01.jpg) center center
}

.hm-banners-2 {
    background: url(../images/home/hm-banner-02.jpg) center center
}

.hm-banners-3 {
    background: url(../images/home/hm-banner-03.jpg) center center
}

.hm-banners-4 {
    background: url(../images/home/hm-banner-04.jpg) center center
}

.banners-sections .bx-controls-direction {
    display: none
}

.banners-sections .bx-pager,
.profilePics {
    display: block
}

.banners-sections .bx-wrapper .bx-pager {
    bottom: 10px
}

.banners-sections .bx-wrapper .bx-pager.bx-default-pager a {
    width: 5px;
    height: 5px;
    background: rgb(0 0 0 / .2)
}

.banners-sections .bx-wrapper .bx-pager.bx-default-pager a.active,
.banners-sections .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000
}

.home-banalign {
    height: 410px
}

.simple-link {
    margin-top: 20px
}

.blockbg .simple-link a,
.darkbg .simple-link a {
    color: #000;
    font-size: 18px;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.darkbg .simple-link a {
    color: #fff
}

.ban-txt {
    line-height: 38px
}

.profilePics {
    border: 1px solid #000;
    width: 100%
}

.profilePics ul li {
    display: block;
    float: left;
    width: 80px;
    height: 110px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 2px;
    position: relative;
    color: #ccc
}

.profilePics ul li .c {
    display: none;
    border: 1px solid #000;
    position: absolute;
    z-index: 12;
    width: 250px;
    background-color: #fff
}

.exp-sliderr {
    margin-top: 20px
}

.exp-sliderr li {
    width: 308px !important;
    margin-right: 20px;
    position: relative
}

.exp-cont {
    position: absolute;
    bottom: 40px;
    left: 20px;
    text-align: left
}

.awardcontent,
.awardcontentinner,
.awrds-cons,
.banner-locate-us h1,
.expinvesting,
.faq-list-items>li,
.home-thank,
.home-weliner,
.homeban-txt,
.open-acc-footer,
.open-accmovedown,
.query-butons,
.query-heading,
.ridlist li {
    text-align: center
}

.exp-cont h4,
.exp-cont p {
    color: #fff
}

.exp-cont p {
    font-size: 60px
}

.exp-cont h4 {
    margin: 0 0 3px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif
}

.awrds-cons p,
.brows-list-hea,
.browser-hea,
.browser-sub,
.open-accfrmbox h3 {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.exp-cont small {
    color: rgb(255 255 255 / .5);
    font-style: italic
}

.award-circle {
    width: 274px;
    height: 274px;
    background: url(../images/home/star.png) no-repeat;
    position: relative;
    margin: auto;
    display: table
}

.hom-finbtn {
    margin-top: 30px
}

.award-circle span {
    font-size: 30px;
    color: #000;
    display: block
}

.awardlst li {
    float: left;
    height: 200px
}

.awardcontent {
    display: table-cell
}

.award-circle:after,
.award-circle:before {
    content: "";
    position: absolute;
    top: 120px;
    right: -240px;
    width: 70%;
    border-bottom: solid 2px #ddc103
}

.award-circle:before {
    top: 120px;
    left: -240px
}

.award-content {
    color: #797777;
    position: relative;
    display: table
}

.awardcontentinner:after,
.awardcontentinner:before {
    position: absolute;
    top: 0;
    width: 70px;
    height: 146px;
    content: ""
}

.awardcontentinner {
    display: table-cell;
    padding: 0 70px 0 50px
}

.awardcontentinner:after {
    right: 0;
    background: url(../images/home/right-leaf.png) no-repeat
}

.awardcontentinner:before {
    left: 0;
    background: url(../images/home/left-leaf.png) no-repeat
}

.award-content .contentinvesthead {
    color: #000;
    font-size: 30px;
    padding: 10px 0
}

.awardcontentinner .sub-hea {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.mrgtop {
    margin-top: 40px
}

.awrds-arrows .bx-wrapper .bx-controls-direction a {
    margin-top: 0
}

.awrds-cons p {
    font-size: 18px
}

.expinvesting {
    background: url(../images/products/red.jpg)
}

.expinvesting h1,
.expinvesting h3 {
    color: #fff
}

.expinvesting h1 {
    margin-top: 20px
}

.homepage-banner {
    background: url(../images/home/Home-Page.jpg) center center;
    width: 100%;
    height: 400px
}

.web-none {
    display: none !important
}

.cust-main-area {
    width: 105%;
    padding: 20px 0 0;
    margin-left: -10px;
    height: 360px
}

.cust-main-area li,
.mil-spi {
    display: inline-block;
    width: 80px;
    height: 80px
}

.cust-main-area li {
    float: left;
    position: relative;
    cursor: pointer;
    margin: 4px 4px 0 0
}

.mil-spi {
    background: url(../images/home/customers-test-sprite.png);
    z-index: 1;
    opacity: .5
}

.cust-tool,
.heal-otp {
    display: none
}

.mil-spi:hover {
    opacity: 1
}

.sampl-pl1 {
    background-position: -7px -7px
}

.sampl-pl1:hover {
    background-position: -7px -90px
}

.sampl-pl2 {
    background-position: -90px -7px
}

.sampl-pl2:hover {
    background-position: -90px -90px
}

.sampl-pl3 {
    background-position: -173px -7px
}

.sampl-pl3:hover {
    background-position: -173px -90px
}

.sampl-pl4 {
    background-position: -256px -7px
}

.sampl-pl4:hover {
    background-position: -256px -90px
}

.sampl-pl5 {
    background-position: -339px -7px
}

.sampl-pl5:hover {
    background-position: -339px -90px
}

.sampl-pl6 {
    background-position: -422px -7px
}

.sampl-pl6:hover {
    background-position: -422px -90px
}

.sampl-pl7 {
    background-position: -505px -7px
}

.sampl-pl7:hover {
    background-position: -505px -90px
}

.sampl-pl8 {
    background-position: -588px -7px
}

.sampl-pl8:hover {
    background-position: -588px -90px
}

.sampl-pl9 {
    background-position: -671px -7px
}

.sampl-pl9:hover {
    background-position: -671px -90px
}

.sampl-pl10 {
    background-position: -754px -7px
}

.sampl-pl10:hover {
    background-position: -754px -90px
}

.sampl-pl11 {
    background-position: -837px -7px
}

.sampl-pl11:hover {
    background-position: -837px -90px
}

.sampl-pl12 {
    background-position: -920px -7px
}

.sampl-pl12:hover {
    background-position: -920px -90px
}

.sampl-pl13 {
    background-position: -1003px -7px
}

.sampl-pl13:hover {
    background-position: -1003px -90px
}

.sampl-pl14 {
    background-position: -1086px -7px
}

.sampl-pl14:hover {
    background-position: -1086px -90px
}

.sampl-pl15 {
    background-position: -1169px -7px
}

.sampl-pl15:hover {
    background-position: -1169px -90px
}

.sampl-pl16 {
    background-position: -1252px -7px
}

.sampl-pl16:hover {
    background-position: -1252px -90px
}

.sampl-pl17 {
    background-position: -1335px -7px
}

.sampl-pl17:hover {
    background-position: -1335px -90px
}

.sampl-pl18 {
    background-position: -1418px -7px
}

.sampl-pl18:hover {
    background-position: -1418px -90px
}

.sampl-pl19 {
    background-position: -1501px -7px
}

.sampl-pl19:hover {
    background-position: -1501px -90px
}

.sampl-pl20 {
    background-position: -1584px -7px
}

.sampl-pl20:hover {
    background-position: -1584px -90px
}

.sampl-pl21 {
    background-position: -1667px -7px
}

.sampl-pl21:hover {
    background-position: -1667px -90px
}

.sampl-pl22 {
    background-position: -1750px -7px
}

.sampl-pl22:hover {
    background-position: -1750px -90px
}

.sampl-pl23 {
    background-position: -1833px -7px
}

.sampl-pl23:hover {
    background-position: -1833px -90px
}

.sampl-pl24 {
    background-position: -7px -174px
}

.sampl-pl24:hover {
    background-position: -7px -257px
}

.sampl-pl25 {
    background-position: -90px -174px
}

.sampl-pl25:hover {
    background-position: -90px -257px
}

.sampl-pl26 {
    background-position: -173px -174px
}

.sampl-pl26:hover {
    background-position: -173px -257px
}

.sampl-pl27 {
    background-position: -256px -174px
}

.sampl-pl27:hover {
    background-position: -256px -257px
}

.sampl-pl28 {
    background-position: -339px -174px
}

.sampl-pl28:hover {
    background-position: -339px -257px
}

.sampl-pl29 {
    background-position: -422px -174px
}

.sampl-pl29:hover {
    background-position: -422px -257px
}

.sampl-pl30 {
    background-position: -505px -174px
}

.sampl-pl30:hover {
    background-position: -505px -257px
}

.sampl-pl31 {
    background-position: -588px -174px
}

.sampl-pl31:hover {
    background-position: -588px -257px
}

.sampl-pl32 {
    background-position: -671px -174px
}

.sampl-pl32:hover {
    background-position: -671px -257px
}

.sampl-pl33 {
    background-position: -754px -174px
}

.sampl-pl33:hover {
    background-position: -754px -257px
}

.sampl-pl34 {
    background-position: -837px -174px
}

.sampl-pl34:hover {
    background-position: -837px -257px
}

.sampl-pl35 {
    background-position: -920px -174px
}

.sampl-pl35:hover {
    background-position: -920px -257px
}

.sampl-pl36 {
    background-position: -1003px -174px
}

.sampl-pl36:hover {
    background-position: -1003px -257px
}

.sampl-pl37 {
    background-position: -1086px -174px
}

.sampl-pl37:hover {
    background-position: -1086px -257px
}

.sampl-pl38 {
    background-position: -1169px -174px
}

.sampl-pl38:hover {
    background-position: -1169px -257px
}

.sampl-pl39 {
    background-position: -1252px -172px
}

.sampl-pl39:hover {
    background-position: -1252px -255px
}

.sampl-pl40 {
    background-position: -1335px -172px
}

.sampl-pl40:hover {
    background-position: -1335px -255px
}

.sampl-pl41 {
    background-position: -1418px -172px
}

.sampl-pl41:hover {
    background-position: -1418px -255px
}

.sampl-pl42 {
    background-position: -1501px -172px
}

.sampl-pl42:hover {
    background-position: -1501px -255px
}

.sampl-pl43 {
    background-position: -1584px -174px
}

.sampl-pl43:hover {
    background-position: -1584px -257px
}

.sampl-pl44 {
    background-position: -1667px -174px
}

.sampl-pl44:hover {
    background-position: -1667px -257px
}

.sampl-pl45 {
    background-position: -1750px -174px
}

.sampl-pl45:hover {
    background-position: -1750px -257px
}

.sampl-pl46 {
    background-position: -1833px -174px
}

.sampl-pl46:hover {
    background-position: -1833px -257px
}

.sampl-pl47 {
    background-position: -7px -338px
}

.sampl-pl47:hover {
    background-position: -7px -421px
}

.sampl-pl48 {
    background-position: -90px -338px
}

.sampl-pl48:hover {
    background-position: -90px -421px
}

.sampl-pl49 {
    background-position: -173px -338px
}

.sampl-pl49:hover {
    background-position: -173px -421px
}

.sampl-pl50 {
    background-position: -256px -338px
}

.sampl-pl50:hover {
    background-position: -256px -421px
}

.sampl-pl51 {
    background-position: -339px -338px
}

.sampl-pl51:hover {
    background-position: -339px -421px
}

.sampl-pl52 {
    background-position: -422px -338px
}

.sampl-pl52:hover {
    background-position: -422px -421px
}

.sampl-pl53 {
    background-position: -505px -338px
}

.sampl-pl53:hover {
    background-position: -505px -421px
}

.sampl-pl54 {
    background-position: -588px -338px
}

.sampl-pl54:hover {
    background-position: -588px -421px
}

.sampl-pl55 {
    background-position: -671px -338px
}

.sampl-pl55:hover {
    background-position: -671px -421px
}

.sampl-pl56 {
    background-position: -754px -338px
}

.sampl-pl56:hover {
    background-position: -754px -421px
}

.sampl-pl57 {
    background-position: -837px -338px
}

.sampl-pl57:hover {
    background-position: -837px -421px
}

.sampl-pl58 {
    background-position: -920px -338px
}

.sampl-pl58:hover {
    background-position: -920px -421px
}

.sampl-pl59 {
    background-position: -1003px -338px
}

.sampl-pl59:hover {
    background-position: -1003px -421px
}

.sampl-pl60 {
    background-position: -1086px -338px
}

.sampl-pl60:hover {
    background-position: -1086px -421px
}

.sampl-pl61 {
    background-position: -1169px -338px
}

.sampl-pl61:hover {
    background-position: -1169px -421px
}

.sampl-pl62 {
    background-position: -1252px -338px
}

.sampl-pl62:hover {
    background-position: -1252px -421px
}

.sampl-pl63 {
    background-position: -1335px -338px
}

.sampl-pl63:hover {
    background-position: -1335px -421px
}

.sampl-pl64 {
    background-position: -1418px -337px
}

.sampl-pl64:hover {
    background-position: -1418px -420px
}

.sampl-pl65 {
    background-position: -1501px -338px
}

.sampl-pl65:hover {
    background-position: -1501px -421px
}

.sampl-pl66 {
    background-position: -1584px -338px
}

.sampl-pl66:hover {
    background-position: -1584px -421px
}

.sampl-pl67 {
    background-position: -1667px -338px
}

.sampl-pl67:hover {
    background-position: -1667px -421px
}

.sampl-pl68 {
    background-position: -1750px -338px
}

.sampl-pl68:hover {
    background-position: -1750px -421px
}

.sampl-pl69 {
    background-position: -1833px -338px
}

.sampl-pl69:hover {
    background-position: -1833px -421px
}

.sampl-pl70 {
    background-position: -7px -505px
}

.sampl-pl70:hover {
    background-position: -7px -588px
}

.sampl-pl71 {
    background-position: -90px -505px
}

.sampl-pl71:hover {
    background-position: -90px -588px
}

.sampl-pl72 {
    background-position: -173px -505px
}

.sampl-pl72:hover {
    background-position: -173px -588px
}

.sampl-pl73 {
    background-position: -256px -505px
}

.sampl-pl73:hover {
    background-position: -256px -588px
}

.sampl-pl74 {
    background-position: -339px -505px
}

.sampl-pl74:hover {
    background-position: -339px -588px
}

.sampl-pl75 {
    background-position: -422px -505px
}

.sampl-pl75:hover {
    background-position: -422px -588px
}

.sampl-pl76 {
    background-position: -505px -505px
}

.sampl-pl76:hover {
    background-position: -505px -588px
}

.sampl-pl77 {
    background-position: -588px -505px
}

.sampl-pl77:hover {
    background-position: -588px -588px
}

.sampl-pl78 {
    background-position: -671px -505px
}

.sampl-pl78:hover {
    background-position: -671px -588px
}

.sampl-pl79 {
    background-position: -754px -505px
}

.sampl-pl79:hover {
    background-position: -754px -588px
}

.sampl-pl80 {
    background-position: -837px -505px
}

.sampl-pl80:hover {
    background-position: -837px -588px
}

.sampl-pl81 {
    background-position: -920px -505px
}

.sampl-pl81:hover {
    background-position: -920px -588px
}

.sampl-pl82 {
    background-position: -1003px -505px
}

.sampl-pl82:hover {
    background-position: -1003px -588px
}

.sampl-pl83 {
    background-position: -1086px -505px
}

.sampl-pl83:hover {
    background-position: -1086px -588px
}

.sampl-pl84 {
    background-position: -1169px -505px
}

.sampl-pl84:hover {
    background-position: -1169px -588px
}

.sampl-pl85 {
    background-position: -1252px -505px
}

.sampl-pl85:hover {
    background-position: -1252px -588px
}

.sampl-pl86 {
    background-position: -1335px -505px
}

.sampl-pl86:hover {
    background-position: -1335px -588px
}

.sampl-pl87 {
    background-position: -1418px -505px
}

.sampl-pl87:hover {
    background-position: -1418px -588px
}

.sampl-pl88 {
    background-position: -1501px -505px
}

.sampl-pl88:hover {
    background-position: -1501px -588px
}

.sampl-pl89 {
    background-position: -1584px -505px
}

.sampl-pl89:hover {
    background-position: -1584px -588px
}

.sampl-pl90 {
    background-position: -1667px -505px
}

.sampl-pl90:hover {
    background-position: -1667px -588px
}

.sampl-pl91 {
    background-position: -1750px -505px
}

.sampl-pl91:hover {
    background-position: -1750px -588px
}

.sampl-pl92 {
    background-position: -1833px -505px
}

.sampl-pl92:hover {
    background-position: -1833px -588px
}

.sampl-pl93 {
    background-position: -1919px -505px
}

.sampl-pl93:hover {
    background-position: -19019px -588px
}

.sampl-pl94 {
    background-position: -1086px -505px
}

.sampl-pl94:hover {
    background-position: -1086px -588px
}

.sampl-pl95 {
    background-position: -1086px -505px
}

.sampl-pl95:hover {
    background-position: -1086px -588px
}

.sampl-pl96 {
    background-position: -1086px -505px
}

.sampl-pl96:hover {
    background-position: -1086px -588px
}

.sampl-pl97 {
    background-position: -1086px -505px
}

.sampl-pl97:hover {
    background-position: -1086px -588px
}

.sampl-pl98 {
    background-position: -1086px -505px
}

.sampl-pl98:hover {
    background-position: -1086px -588px
}

.cust-tool {
    position: absolute;
    background: #fff;
    z-index: 2;
    left: 85px;
    bottom: 0;
    padding: 20px 30px;
    width: 300px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    border-radius: 5px
}

.cu-tol-con {
    color: #000;
    position: relative;
    padding: 0 20px
}

.cu-tol-con:after,
.cu-tol-con:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 27px
}

.cu-tol-con:before {
    background: url(../images/home/block-1.png);
    left: -20px;
    top: -10px
}

.cu-tol-con:after {
    background: url(../images/home/block-2.png);
    right: -20px;
    bottom: -10px
}

.open-acc-customers,
.open-accmovedown {
    bottom: 0;
    position: absolute
}

.testmoinal-author {
    color: #ccc;
    margin-top: 10px;
    margin-left: 10px
}

.cust-tool.tool-left-push {
    right: 85px;
    left: auto
}

.hea-check-pop {
    margin-top: 20px
}

.resend-btn {
    margin-right: 9px
}

.home-mob-comment {
    color: #00ba61;
    font-size: 16px;
    margin: 10px 0
}

.coatch-boxes-home {
    position: relative
}

.coatch-homelfttxt {
    position: absolute;
    left: 20%;
    width: 280px;
    margin-top: -20px
}

.le-con,
.mi-con,
.re-con {
    color: #ffcd77;
    margin-top: 30px;
    position: absolute;
    width: 280px
}

.re-con {
    right: 108px;
    top: 121px;
    width: 200px
}

.le-con {
    left: 30px;
    margin: 154px 0 0 40px
}

.mi-con {
    margin-top: 129px;
    margin-left: -110px
}

.coatch-homergttxt {
    position: absolute;
    right: 130px;
    width: 100px;
    margin-top: -10px
}

.coatch-homemitxt {
    position: absolute;
    left: 50%;
    margin-left: -11px;
    margin-top: -58px
}

.home-wel-coartch {
    position: fixed;
    top: 50%;
    width: 100%
}

.home-wel-coartch h1,
.home-wel-coartch h3 {
    color: #fff
}

.coatch-tab {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -211px;
    margin-left: -348px
}

.home-tabclose {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    z-index: 99
}

.coatch-browser {
    margin-top: -320px;
    margin-left: -509px
}

.coatch-browser .home-tabclose {
    top: 30px;
    right: 30px
}

.screen-close {
    background: url(../images/home/close.png);
    width: 16px;
    height: 16px
}

.browser-sub {
    color: #666;
    margin-top: 20px;
    padding: 0 150px
}

.borwser-listarea {
    background-color: #f7f7f7;
    padding: 20px 0
}

.browser-list {
    width: 60%;
    margin: 20px auto 0
}

.browser-list li {
    width: 21%;
    margin-left: 3%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.browser-list li i {
    width: 120px;
    height: 120px;
    margin-bottom: 5px
}

.browser-list li a {
    color: #666;
    display: block
}

.browser1 {
    background-position: -182px -310px
}

.browser1:hover {
    background-position: -182px -430px
}

.browser2 {
    background-position: -302px -310px
}

.browser2:hover {
    background-position: -302px -430px
}

.browser3 {
    background-position: -422px -310px
}

.browser3:hover {
    background-position: -422px -430px
}

.browser4 {
    background-position: -542px -310px
}

.browser4:hover {
    background-position: -542px -430px
}

.browser-close-msg {
    margin: 20px 0 30px
}

.account-content {
    padding-top: 70px
}

.open-acc-main {
    position: relative
}

.open-acc-rig {
    position: absolute;
    top: 20px;
    right: 80px;
    z-index: 1;
    background-color: rgb(0 0 0 / .4);
    border: 0 solid rgb(0 0 0 / .1);
    color: #fff
}

.iframe-opanacc {
    position: absolute;
    top: 10px;
    right: 80px
}

.open-accfrmbox {
    width: 360px;
    padding: 20px 25px
}

.open-accfrmbox h3 {
    color: #fff
}

.ban-sub-hea,
.banner-chose-sel,
.banner-inps,
.inputValue,
.inputValue1,
.open-err small,
.open-simply a {
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif
}

.open-err {
    display: none
}

.open-err small {
    display: block;
    color: #feb13f;
    margin-top: 5px
}

.banner-inps,
.captcha-area,
.inputValue,
.inputValue1,
.open-accfileds li label,
.open-accradios,
.power-span,
.ridlist li,
.scrolldown {
    display: inline-block
}

.open-acc-cont {
    margin-top: 20px
}

.form-fileds.open-accfileds>li {
    margin-bottom: 6px
}

.open-accfileds .inp-filed {
    height: 30px;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none
}

.open-accfileds .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 30px;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    line-height: 30px
}

.open-accfileds .select2-container .select2-selection--single {
    height: 30px
}

.open-accfileds .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 10px
}

.open-accfileds label {
    color: #fff
}

.inp-2boxes-mob,
.inps-2boxes,
.inps-3boxes {
    margin-left: -2.3%
}

.inps-3boxes li {
    float: left;
    width: 47.5%;
    margin-left: 2.3%
}

.inps-2boxes li {
    float: left;
    width: 47.7%;
    margin-left: 2.3%
}

.opensubmit .product-button {
    min-width: inherit;
    margin-top: 0;
    padding: 7px 10px
}

.open-imgae {
    width: 100%
}

.acc-sttus-link {
    color: #fff;
    margin-left: 5px
}

.open-acc-footer {
    padding: 10px;
    background-color: #fff;
    position: relative;
    color: #666
}

.open-acc-footer:before {
    position: absolute;
    background: url(../images/open-account/shadow.png) center no-repeat;
    top: -7px;
    left: 0;
    width: 100%;
    content: "";
    height: 7px
}

.acc-tollfree {
    font-weight: 600;
    font-size: 16px
}

.acc-tollfree a {
    color: #333
}

.captcha-area {
    vertical-align: middle
}

.inp-2boxes-mob li {
    float: left;
    width: 75.4%;
    margin-left: 2.3%
}

.inp-2boxes-mob li:first-child {
    width: 20%
}

.open-accradios {
    margin-left: 10px
}

#section10 {
    background: url(../images/open-account/open-banner.jpg);
    background-size: cover;
    width: 100%;
    height: 100%
}

#section11 {
    background: url(../images/products/blue.jpg)
}

.movedown,
.power-span {
    background-color: #fff
}

.open-simply {
    font-size: 24px;
    font-style: italic
}

.open-simply a {
    color: #fff
}

.movedown {
    padding: 10px;
    width: 500px;
    margin: auto
}

.ridlist {
    width: 100%
}

.ridlist li {
    width: 17%;
    margin-right: 2%;
    vertical-align: top
}

.cont-preaddhea li i,
.conthvrbox i,
.day-name,
.day-nomo,
.open-accmovedown,
.scrolldown {
    vertical-align: middle
}

.power-list li {
    opacity: 0
}

.ridlist li h3 {
    color: #fff;
    margin-top: 10px
}

.power-span {
    width: 146px;
    height: 146px;
    border-radius: 50%
}

.rid-icon1,
.rid-icon2,
.rid-icon3,
.rid-icon4,
.rid-icon5 {
    width: 72px;
    height: 72px;
    margin-top: 37px
}

.rid-icon1 {
    background-position: -253px -173px
}

.rid-icon2 {
    background-position: -328px -173px
}

.rid-icon3 {
    background-position: -400px -173px
}

.rid-icon4 {
    background-position: -472px -173px
}

.rid-icon5 {
    background-position: -542px -173px
}

.banner-title-small {
    text-transform: capitalize
}

.open-accmovedown {
    width: 100%;
    left: 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    background: #296098;
    padding: 10px 0;
    letter-spacing: .5px
}

.scrolldown {
    background: url(../images/open-account/open-scrolldown.gif);
    width: 13px;
    height: 35px;
    margin-left: 10px
}

.sec-12 {
    height: 480px;
    width: 607px
}

.invest-section {
    background-color: #fff
}

.power1 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.power2 {
    -webkit-animation-delay: .4s;
    / -moz-animation-delay: .4s;
    animation-delay: .4s
}

.power3 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.power4 {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

.power5 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.termsli a {
    color: #fff;
    text-decoration: underline
}

.terms-popup {
    height: 500px;
    overflow-y: scroll;
    margin: 0 30px 20px
}

.conthvrbox,
.course-name,
.cousers-hover-con,
.goodreadhea,
.howit-wizard,
.le-top-heading,
.learn-dircon,
body.course_push {
    overflow: hidden
}

.downloads-banner {
    background: url(../images/support/downloads.jpg) center center
}

.ban-sub-hea,
.banner-chose-sel {
    margin-top: 20px;
    color: #fff
}

.banner-chose-sel {
    margin-top: 40px
}

.banner-inps,
.inputValue,
.inputValue1 {
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    background: 0 0;
    font-size: 24px;
    min-width: 50px;
    line-height: 26px
}

.acc-oping h4,
.download-list>li h3 {
    font-family: Arial, Helvetica, sans-serif
}

.inputValue,
.inputValue1 {
    line-height: 30px
}

.inputValue {
    min-width: 178px
}

.banner-inps:focus,
.banner-inps:hover {
    border: 0;
    border-bottom: 1px solid #fff
}

.banner-chose-sel .text-enterarea {
    margin: 0 0 0 10px
}

.text-enterarea.inst-arrow {
    padding: 10px 0 0
}

.download-list>li {
    border-top: 1px dotted #c5c5c5
}

.download-list>li .ui-accordion-content.ui-accordion-content-active {
    transition: none
}

.download-list>li .ui-icon,
.faq-accordion>li .ui-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/home/sprite-icons.png) no-repeat;
    float: left;
    margin-top: 5px
}

.faq-accordion>li .ui-icon {
    margin-top: 0
}

.download-list>li h3 {
    color: #999;
    font-size: 24px;
    transition: none;
    cursor: pointer;
    padding: 20px 0
}

.acc-qus {
    padding-left: 25px
}

.download-list>li .ui-icon.ui-icon-triangle-1-e,
.faq-accordion>li .ui-icon.ui-icon-triangle-1-e {
    background-position: -10px -2245px
}

.download-list>li .ui-icon.ui-icon-triangle-1-s {
    background-position: -24px -2245px
}

.faq-accordion>li .ui-icon.ui-icon-triangle-1-s {
    background-position: -24px -2259px
}

.download-list>li:last-child {
    border-bottom: 1px dotted #c5c5c5
}

.commodities-list li.blue {
    border-top-color: #0070c0
}

.acc-oping li {
    padding: 30px;
    margin-top: 20px
}

.acc-oping h4 {
    color: #333;
    min-height: 120px
}

.acc-op-download {
    border: 1px solid #128FE1;
    padding: 5px 10px
}

.faqs-banner {
    background: url(../images/support/faq-bg.jpg) center center
}

.faq-or {
    margin-top: 30px
}

.chose-sel-2,
.faq-accordion {
    margin-top: 10px
}

.inp-placeh {
    color: rgb(255 255 255 / .3)
}

.faq-list-items>li a {
    display: block;
    padding: 30px;
    min-height: 155px
}

.faq-list-items>li:last-child {
    margin-right: 0
}

.faq-list-items>li a.active-tab {
    background-color: #1190e0
}

.faq-list-items>li a.active-tab p {
    color: #fff
}

.faq-list-items li i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    margin-top: 10px
}

.faq-ic1 {
    background-position: -265px -2283px
}

.faq-list-items>li a.active-tab .faq-ic1 {
    background-position: -268px -2347px
}

.faq-ic2 {
    background-position: -10px -2283px
}

.faq-list-items>li a.active-tab .faq-ic2 {
    background-position: -10px -2347px
}

.faq-ic3 {
    background-position: -138px -2283px
}

.faq-list-items>li a.active-tab .faq-ic3 {
    background-position: -138px -2347px
}

.faq-ic4 {
    background-position: -202px -2283px
}

.faq-list-items>li a.active-tab .faq-ic4 {
    background-position: -202px -2348px
}

.faq-ic5 {
    background-position: -73px -2283px
}

.faq-list-items>li a.active-tab .faq-ic5 {
    background-position: -73px -2348px
}

.faq-list-items li p {
    font-size: 16px;
    color: #333
}

.faq-filter {
    padding: 10px 0
}

.faq-accordion>li {
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    transition: all .2s ease-in-out
}

.faq-accordion>li:last-child {
    margin-bottom: 0
}

.faq-clrlink {
    float: left;
    line-height: 24px;
    font-size: 12px
}

.faq-accordion>li:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -moz-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -ms-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -o-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23)
}

.faq-hea {
    color: #333;
    font-size: 14px;
    padding: 14px;
    cursor: pointer
}

.faq-hea.ui-accordion-header-active {
    color: #fff;
    background-color: #1190e0
}

.faq-content {
    padding: 14px 14px 14px 35px;
    line-height: 16px
}

.mul-selection {
    background-color: #d7e5f2;
    border: 1px solid #d7e5f2;
    float: left;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
    color: #666;
    font-size: 12px
}

.demo-center-box,
.ri-add {
    margin-top: 20px
}

.mul-selection.active {
    background-color: #1190e0;
    color: #fff;
    border: 1px solid #1190e0
}

.faq-fillhea {
    font-size: 12px;
    margin-bottom: 5px
}

.center-le,
.center-re {
    float: left
}

.center-le {
    width: 334px;
    padding-right: 50px
}

.center-re {
    width: 640px
}

.center-tabmenus li {
    margin-bottom: 20px
}

.center-tabmenus li.ui-tabs-active a {
    border-left: 2px solid #1190e0
}

.center-tabmenus li a {
    color: #ccc;
    font-size: 24px;
    border-left: 2px solid #ccc;
    padding-left: 10px
}

.center-tabmenus .ui-tabs-active a {
    border: 0;
    background-color: #fff0;
    padding: 0 0 0 10px;
    color: #1190e0;
    font-weight: 400
}

.cent-tb-msg {
    color: #666;
    font-size: 14px;
    padding-left: 12px;
    display: none
}

.center-tabmenus .ui-tabs-active .cent-tb-msg {
    display: block
}

.con-add-bg {
    background: url(../images/products/grey.jpg);
    width: 100%
}

.ri-add li:first-child {
    margin: 20px 0
}

.ri-add li {
    margin-bottom: 10px
}

.ri-add li a {
    color: #333;
    font-size: 16px
}

.ri-add li:last-child {
    margin-bottom: 0
}

.cont-add-box {
    margin-top: 40px
}

.con-add-box1,
.con-add-box2,
.con-add-box3 {
    padding: 0 20px
}

.con-add-box2 {
    border-left: 1px dotted #c5c5c5;
    border-right: 1px dotted #c5c5c5
}

.cont-preaddhea li {
    margin-bottom: 20px;
    font-size: 24px;
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif
}

.cont-preaddhea li a {
    cursor: pointer
}

.cor-add,
.procedures-hea,
.query-coment-box {
    font-family: Arial, Helvetica, sans-serif
}

.cont-preaddhea li i {
    width: 32px;
    height: 32px
}

.con-add1 {
    background-position: -109px -2242px
}

.con-add2 {
    background-position: -141px -2242px
}

.con-add3 {
    background-position: -173px -2242px
}

.banner-locate-us {
    width: 100%;
    padding: 40px 0;
    background: rgb(0 102 153);
    background: -moz-linear-gradient(left, rgb(0 102 153) 0, rgb(102 204 255) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgb(0 102 153)), color-stop(100%, rgb(102 204 255)));
    background: -webkit-linear-gradient(left, rgb(0 102 153) 0, rgb(102 204 255) 100%);
    background: -o-linear-gradient(left, rgb(0 102 153) 0, rgb(102 204 255) 100%);
    background: -ms-linear-gradient(left, rgb(0 102 153) 0, rgb(102 204 255) 100%);
    background: linear-gradient(to right, rgb(0 102 153) 0, rgb(102 204 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#66ccff', GradientType=1)
}

.banner-locate-us h1 {
    color: #fff
}

.find-branch {
    margin-top: 30px
}

.find-branch li {
    float: left;
    margin-right: 10px
}

.find-branch li:last-child {
    margin-right: 0
}

.fin-b {
    color: #fff;
    margin-top: 8px
}

.locateus-sel {
    width: 350px
}

.locateus-sel .select2-container {
    width: 100% !important
}

.locateus-sel .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../images/home/up-down-arrows.png) no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 12px
}

.locateus-sel .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff0;
    color: #fff
}

.locateus-sel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background: url(../images/home/up-down-arrows.png) 0 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 12px
}

.find-branch a {
    color: #fff
}

.map-area img {
    width: 100%;
    height: 300px
}

.map-tabs {
    margin-top: 60px
}

.show-res {
    color: #ccc;
    margin-bottom: 10px
}

.locate-main {
    margin-bottom: 80px
}

.locate-main .bx-wrapper .bx-controls-direction a {
    margin-top: -22px
}

.loc-main-name,
.loc-sub-name {
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.loc-main-name {
    font-size: 24px;
    color: #333
}

.loc-sub-name {
    color: #999
}

.contact-curosal>li {
    width: 244px !important;
    padding: 18px 26px;
    border-right: 1px solid #c5c5c5
}

ul.curosal_con-dis>li.ui-tabs-active a .loc-main-name,
ul.curosal_con-dis>li.ui-tabs-active a .loc-sub-name {
    background: #0d57a0;
    color: #fff;
    font-weight: 400;
    border: 0
}

.locate-icon {
    width: 18px;
    height: 18px;
    background-position: -214px -2237px;
    margin-top: 4px
}

ul.curosal_con-dis>li.ui-tabs-active a .locate-icon {
    background-position: -214px -2255px
}

.loc-icon-main {
    float: left
}

.loc-ful-add {
    padding-left: 25px
}

.contact-cont-box {
    padding: 20px
}

.tab-res-list {
    margin-top: 20px;
    padding-left: 0
}

.tab-res-list>li {
    float: left;
    width: 33.3%;
    padding: 0 20px;
    border-right: 1px dotted #c5c5c5
}

.tab-res-list>li:first-child,
.tour-list {
    padding-left: 0
}

.tab-res-list>li:last-child {
    padding-right: 0;
    border-right: 0
}

.cor-add {
    color: #666;
    margin-bottom: 10px
}

.tour-list {
    margin-top: 10px;
    font-size: 14px
}

.tour-list>li {
    line-height: 20px;
    color: #000
}

.tour-list li a {
    color: #666
}

.tour-list li label {
    float: left;
    position: relative;
    width: 40px;
    font-weight: 400
}

.annexure,
.terms-1 li span,
.terms-gap span {
    font-weight: 600
}

.tour-list li label:after {
    content: ":";
    position: absolute;
    display: inline-block;
    right: 10px
}

.re-list li:before,
.re-list:before {
    content: ""
}

.tour-info {
    padding-left: 40px
}

.query-from {
    width: 810px;
    margin: 40px auto 0
}

.terms-1 li,
.terms-sub-list>li {
    margin-bottom: 10px
}

.query-from-le,
.query-from-re {
    width: 395px;
    float: left
}

.query-from-re {
    margin-left: 20px
}

.query-coment-box {
    border: 1px solid #ddd;
    width: 100%;
    height: 343px;
    padding: 10px 24px 0 10px;
    resize: none
}

.query-butons .sec-clr {
    margin-left: 9px
}

.red-bg {
    background: url(../images/products/red.jpg);
    width: 100%
}

.list-holidays .query-heading {
    color: #fff
}

.list-hol-sec {
    margin-top: 40px
}

.conditionsist,
.list-mainhead,
.terms-gap {
    margin-top: 20px
}

.le-list,
.re-list {
    float: left;
    width: 48%;
    text-align: right;
    color: #fff;
    font-size: 16px;
    padding-right: 10px
}

.re-list {
    text-align: left;
    position: relative;
    font-size: 16px;
    padding: 0 0 0 10px
}

.course-selbox,
.event-slider li a,
.lea-cour-register,
.ourteam,
.policy-tables table td {
    text-align: center
}

.disclaimer-main-list,
.policy-main-list,
.procedure-four,
.procedure-plices,
.procedure-sub,
.procedure-third,
.procedures-main-list,
.rules-main-list,
.rules-sub-list,
.terms-1 {
    padding-left: 20px
}

.le-list li,
.re-list li {
    padding-bottom: 30px
}

.le-list li:last-child,
.re-list li:last-child {
    padding-bottom: 0
}

.re-list:before {
    position: absolute;
    border-left: 1px solid #fff;
    height: 100%;
    left: 0
}

.re-list li {
    position: relative
}

.re-list li:before {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 6px;
    left: -13px;
    top: 6px;
    border-radius: 50%
}

.terms-1 {
    list-style-type: upper-roman
}

.list-mainhead {
    font-size: 18px
}

.terms-1sub {
    margin-top: 10px
}

.terms-1sub li {
    list-style-type: upper-alpha
}

.conditionsist ul {
    counter-reset: item;
    margin-left: 20px
}

.conditionsist li {
    position: relative
}

.conditionsist ul li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px;
    display: marker
}

.terms-main-list>li {
    font-size: 14px;
    margin-top: 20px
}

.terms-main-list>li .terms-mian-hea {
    font-size: 18px;
    margin-bottom: 10px
}

.terms-four-list,
.terms-sub-list,
.terms-three-list {
    margin-top: 10px
}

.terms-sub-list>li {
    font-size: 14px;
    line-height: 16px
}

.conditionsist ul.terms-eight-list li,
.conditionsist ul.terms-six-list li,
.proce-1 span,
.terms-three-list li {
    margin-bottom: 5px
}

.conditionsist ul.terms-four-list,
.conditionsist ul.terms-three-list {
    list-style-type: lower-alpha
}

.conditionsist>.terms-main-list>li>.terms-sub-list>li>.terms-three-list>li:before,
.conditionsist>.terms-main-list>li>.terms-sub-list>li>.terms-three-list>li>.terms-four-list>li:before,
.conditionsist>.terms-main-list>li>ul.terms-five-list>li:before,
.conditionsist>.terms-main-list>li>ul.terms-six-list>li:before,
.conditionsist>.terms-main-list>li>ul.terms-six-list>li>ul.terms-seven-list>li:before,
.conditionsist>.terms-main-list>li>ul.terms-sub-list>li>ul.terms-eight-list>li:before,
.conditionsist>.terms-main-list>li>ul.terms-three-list>li:before {
    content: none
}

.conditionsist ul.terms-five-list,
.conditionsist ul.terms-seven-list {
    list-style-type: lower-roman
}

.conditionsist ul.terms-eight-list,
.conditionsist ul.terms-six-list {
    list-style-type: decimal;
    margin-top: 10px
}

.disclaimer-main-list li,
.policy-main-list li,
.rules-main-list>li {
    list-style-type: disc;
    margin-top: 10px
}

.policy-main-list li,
.procedure-plices>li,
.procedures-main-list li,
.rules-sub-list>li {
    list-style-type: decimal;
    margin-top: 10px
}

.procedure-main-hea {
    font-size: 18px;
    margin-bottom: 5px
}

.procedure-sub li {
    list-style-type: lower-roman
}

.procedure-third li {
    list-style-type: lower-alpha
}

.proce-1 {
    margin-top: 10px
}

.proce-1 span {
    font-size: 16px;
    display: block
}

.lean-events-none,
.lern-exp-courses,
.lern-exp-demos {
    display: none
}

.annexure {
    margin-top: 30px
}

.proce-tb1 {
    margin: 20px 0
}

.policy-tables {
    width: 45%;
    margin-right: 30px;
    float: left
}

.policy-tables table {
    border: 1px solid #E4E3E3;
    margin-top: 10px
}

.policy-tables table tr {
    padding: 0
}

.policy-tables table td {
    border-right: 1px solid #E4E3E3
}

.mf-tables table td {
    border-bottom: 1px solid #E4E3E3
}

.tb-heading {
    border-bottom: 1px solid #efefef
}

.righ-proced {
    float: right;
    margin-right: 0
}

.sub-heatbl td {
    color: #999
}

.crse-txt a,
.lea-pro-subhea a {
    color: #fff
}

.learn-banner {
    background: url(../images/learn/blue.jpg)
}

.lea-pro-hea,
.lea-pro-subhea {
    text-align: center;
    color: #fff
}

.lea-pro-subhea {
    font-size: 18px;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.goodread-con h3,
.lea-cls-cont h4 {
    font-family: Arial, Helvetica, sans-serif
}

.lear-course-sel {
    margin-top: 40px;
    margin-left: -2%
}

.lear-course-sel li {
    width: 48%;
    margin-left: 2%;
    float: left
}

.lear-course-sel li.active {
    position: relative
}

.lear-course-sel li.active:after {
    top: 100%;
    left: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-bottom-color: #f2f2f2;
    border-width: 15px;
    margin: 40px 0 0 -100px
}

.lear-course-sel li:last-child {
    margin-right: 0
}

.crse-1-img,
.crse-2-img {
    background: url(../images/learn/course-bac-1.jpg);
    width: 478px;
    height: 210px;
    position: relative
}

.crse-2-img {
    background: url(../images/learn/course-bac-2.jpg)
}

.crse-txt {
    position: absolute;
    right: 20px;
    top: 60px;
    width: 200px
}

.crse-txt .primary-btn {
    margin-top: 20px
}

.learn-dropdwn {
    width: 280px
}

.lock-learn {
    width: 10px;
    height: 15px;
    float: left;
    background: url(../images/home/lock.png);
    margin-top: 4px
}

.invsting-down span {
    padding-left: 20px
}

.course-selbox {
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / .2);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    padding: 40px 0;
    position: relative;
    background: #f2f2f2
}

.leran-couse-sel .intvest-time {
    border-bottom: 1px solid #000;
    color: #333
}

.lea-course-sellist {
    margin-top: 20px
}

.learn-calender {
    width: 560px;
    margin: 0 auto 40px
}

.learn-left-cal {
    width: 280px;
    float: left
}

.learn-right-cal {
    width: 250px;
    float: right
}

.events-calender-left.learn-left-cal {
    margin: 0
}

.learn-events .btn-next,
.learn-events .btn-prev {
    bottom: 55%
}

.leran-upcoming-hea {
    margin-bottom: 10px
}

.learncrs-list>li {
    background-color: #fff;
    border-bottom: 3px solid #36a2ad;
    position: relative
}

.learncrs-list>li img {
    width: 100%;
    height: 163px;
    display: block
}

.learncrs-list>li.lock-image img {
    opacity: .4
}

.lea-share-white {
    position: absolute;
    top: 20px;
    right: 20px
}

.lea-share-white li {
    display: inline-block;
    border-right: 1px dotted #fff;
    margin-right: 9px;
    padding-right: 10px
}

.lea-share-white li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0
}

.lea-share-white li a {
    color: #fff
}

.eclass-image {
    width: 225px;
    height: 163px
}

.eclass-image img {
    width: 100%;
    height: 100%
}

.day-name {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #c5c5c5;
    color: #81003C
}

.day-name,
.day-nomo {
    font-size: 30px;
    display: inline-block;
    text-transform: uppercase
}

.day-num {
    color: #333
}

.mnth-name {
    font-size: 16px;
    color: rgb(0 0 0 / .6)
}

.conthvrbox,
.goodread-con p,
.goodreadhea,
.goodreads-list>li,
ul.curosal_con-dis>li.ui-tabs-active a .day-name,
ul.curosal_con-dis>li.ui-tabs-active a .day-num,
ul.curosal_con-dis>li.ui-tabs-active a .mnth-name {
    color: #fff
}

ul.curosal_con-dis>li.ui-tabs-active a .day-name {
    border-right: 1px dotted #6a91b6
}

.lea-cls-cont {
    padding: 15px
}

.lea-cls-cont,
.lea-cls-conthvr {
    height: 150px
}

.lea-cls-cont p {
    margin-top: 5px;
    font-size: 12px
}

.lea-cls-conthvr {
    background-color: #36a2ad;
    display: none
}

.conthvrbox {
    font-size: 12px;
    width: 225px;
    height: 100px;
    margin-bottom: 18px;
    line-height: 14px
}

.conthvrbox span {
    padding: 15px;
    display: block
}

.lea-cour-register {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0;
    background: #197D88
}

.conthvrbox li {
    margin-bottom: 5px
}

.conthvrbox li:last-child {
    margin-bottom: 0
}

.course-name {
    height: 45px;
    width: 195px
}

.conthvrbox i {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.lea-calender,
.lea-time,
.lea-user1 {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle
}

.lea-calender {
    background-position: -10px -1508px
}

.lea-user1 {
    background-position: -23px -1508px
}

.lea-time {
    background-position: -36px -1508px
}

.lea-calender-white {
    background: url(../images/home/calender-white.png) no-repeat
}

.lea-user {
    background: url(../images/home/lea-user.png) no-repeat
}

.lea-clock-white {
    background: url(../images/home/clock-white.png) no-repeat
}

.learncrs-list>li:hover .lea-cls-cont {
    display: none
}

.learncrs-list>li:hover .lea-cls-conthvr {
    display: block
}

.learncrs-list>li:hover {
    border-bottom: 3px solid #197D88
}

.sys-req a {
    margin-top: 10px;
    display: inline-block
}

.goodread-con:hover .coursename-tool,
.goodreads-heatol:hover .headingtooltip {
    display: block
}

.course-lock {
    position: absolute;
    background: url(../images/home/course-lock.png);
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50px;
    margin-left: -32px
}

.learn-dircon {
    width: 248px;
    height: 35px
}

.report-video {
    width: 268px;
    height: 150px
}

.direct-consec {
    margin-bottom: 20px;
    min-height: 52px
}

.directspeak-list>li {
    width: 308px !important
}

.goodreads-list>li {
    position: relative
}

.goodreads-list li img {
    display: block;
    width: 100%
}

.goodread-con {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 185px
}

.course-graph,
.goodreadhea {
    position: relative
}

.goodreadhea {
    width: 185px;
    height: 60px
}

.goodread-con .coursename-tool {
    top: 36px
}

.gooread-con {
    margin-top: 20px;
    font-size: 12px;
    width: 185px;
    height: 30px
}

.goodread-image {
    width: 225px;
    height: 279px
}

.goodread-image img {
    width: 100%;
    height: 100%
}

.ourteam {
    margin-top: 30px;
    margin-left: -34px
}

.experts-sepaks.ourteam li {
    float: none;
    text-align: left
}

.coming-soon,
.course-timer-mid,
.leran-nav-section {
    text-align: center
}

.ourteam li {
    display: inline-block
}

.stockhea-coures {
    margin-bottom: 0
}

.howit-works {
    margin-bottom: 40px;
    display: block
}

.course-filter-row {
    margin: 0 0 -40px
}

.courses-nav {
    background-color: #f0f0f0;
    padding: 30px 0
}

.learn-filter.mstockselect {
    margin: 0
}

.learn-filter.mstockselect p {
    margin-bottom: 0
}

.leran-nav-section {
    margin-left: -1%
}

.leran-nav-section li {
    display: inline-block;
    text-align: center;
    width: 12%;
    margin-left: 1%
}

.leran-nav-section li a {
    display: inline-block;
    color: #666;
    vertical-align: top
}

.course-nav-cir {
    width: 90px;
    height: 90px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 5px
}

.leran-nav-section li.active .course-nav-cir {
    background-color: #81003C;
    border: 1px solid #81003C
}

.course-nav-cir i {
    width: 60px;
    height: 60px;
    margin-top: 15px
}

.leran-nav-section li.active a {
    color: #000
}

.course-1icon {
    background-position: -318px -1318px
}

.course-2icon {
    background-position: -378px -1318px
}

.course-3icon {
    background-position: -438px -1318px
}

.course-4icon {
    background-position: -498px -1318px
}

.course-5icon {
    background-position: -558px -1318px
}

.course-6icon {
    background-position: -618px -1318px
}

.course-7icon {
    background-position: -678px -1318px
}

.leran-nav-section li.active .course-1icon {
    background-position: -318px -1378px
}

.leran-nav-section li.active .course-2icon {
    background-position: -378px -1378px
}

.leran-nav-section li.active .course-3icon {
    background-position: -438px -1378px
}

.leran-nav-section li.active .course-4icon {
    background-position: -498px -1378px
}

.leran-nav-section li.active .course-5icon {
    background-position: -558px -1378px
}

.leran-nav-section li.active .course-6icon {
    background-position: -618px -1378px
}

.leran-nav-section li.active .course-7icon {
    background-position: -678px -1378px
}

.coures-nav1 {
    background: url(../images/learn/cours-nav.png) no-repeat
}

.courese-subhea {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    color: #666;
    font-size: 18px;
    margin-top: 10px
}

.learn-investing-slider {
    margin-top: 30px
}

.course-status {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.course-complted {
    background-color: #20c17b
}

.course-nottaken {
    background-color: #999
}

.course-pending {
    background-color: #fa5238
}

.cousers-hover-con {
    width: 225px;
    height: 108px
}

.rightarrow {
    background: url(../images/learn/chaptor-arrow.png);
    width: 18px;
    height: 7px;
    vertical-align: middle
}

.courses-gap {
    margin-top: 70px
}

.demos-con {
    padding: 15px
}

.course-timer-sec,
.presscntdt {
    padding: 20px 0 0
}

.demos-con h4 {
    font-family: Arial, Helvetica, sans-serif;
    width: 278px
}

.course-answer h2,
.course-hea,
.course-strt-result {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.pressdt {
    min-height: 60px
}

.pressdate {
    float: left;
    color: #999
}

.pressviewdt {
    float: right
}

.course-hea {
    font-size: 24px
}

.crse-strthea {
    margin-top: 80px
}

.course-strt-result {
    margin: 60px 0 20px
}

.course-map {
    width: 100%;
    bottom: 0;
    left: 0
}

.course-map img {
    width: 100%;
    display: block
}

.course-timer-left,
.course-timer-mid,
.course-timer-right {
    float: left;
    width: 33.3%
}

.course-timer-left {
    padding-left: 20px
}

.course-timer-right {
    padding-right: 20px;
    text-align: right
}

.course-answer,
.que-number span {
    text-align: center
}

.que-no-header {
    color: #999;
    font-size: 16px
}

.que-nos {
    margin-left: 5px;
    display: inline-block;
    color: #ccc;
    font-size: 24px
}

.present-que {
    color: #1190e0;
    font-size: 60px
}

.que-numbers li {
    float: left;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    margin-right: 5px
}

.que-numbers li.active {
    border: 1px solid #1190e0;
    background-color: #1190e0
}

.que-numbers li:last-child {
    margin-right: 0
}

.score-display,
.secs-remaing {
    font-size: 60px;
    color: #ccc
}

.score-display span,
.secs-remaing span {
    display: block;
    color: #333;
    font-size: 16px
}

.score-display {
    color: #1190e0
}

.score-progress {
    margin-top: 20px
}

.quiz-questions {
    margin: 30px 0
}

.quiz-questions li {
    padding: 5px 0;
    border-top: 1px solid #ededed;
    cursor: pointer
}

.quiz-questions li:last-child {
    border-bottom: 1px solid #ededed
}

.que-area {
    padding: 10px
}

.que-number {
    width: 30px;
    height: 30px;
    border: 1px solid #ededed;
    background-color: #fff;
    font-size: 16px;
    display: table;
    border-radius: 50%;
    float: left
}

.how-wrks-sunhea,
.que-name {
    font-size: 18px
}

.que-number span {
    display: table-cell;
    vertical-align: middle
}

.que-name {
    margin: 4px 0 0;
    padding-left: 40px
}

.que-active,
.que-correct {
    background-color: #00ba5f
}

.que-wrong {
    background-color: #f8523a
}

.quiznew .que-active {
    background-color: #f2f2f2
}

.quiznew .que-active .que-name {
    color: #666
}

.que-correct .que-no {
    border: 1px solid #00ba5f;
    color: #00ba5f
}

.que-wrong .que-no {
    border: 1px solid #f8523a;
    color: #f8523a
}

.que-active .que-name,
.que-correct .que-name,
.que-wrong .que-name {
    color: #fff
}

.wrong-answer {
    color: #f8523a
}

.correct-answer {
    color: #00ba5f
}

.course-answer p {
    margin-top: 10px
}

.box-start-learn {
    padding-top: 20px
}

.result-hea {
    color: rgb(51 51 51 / .5);
    font-family: Arial, Helvetica, sans-serif
}

.quiz-res-box {
    border: 1px solid #F3EEEE;
    padding: 10px 0;
    width: 580px;
    margin: 10px auto 0
}

.quiz-score {
    font-size: 36px;
    color: #ccc
}

.quiz-score-res {
    color: #1190e0
}

.icons-box {
    float: left
}

.suc-cup {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    background-color: #eaeaea;
    position: relative
}

.suc-cup:after {
    position: absolute;
    content: "";
    left: -6px;
    top: -6px;
    border: 1px solid #ccc;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

.suc-cup i,
.suc-cup img {
    width: 48px;
    height: 48px;
    margin-top: 18px
}

.sucess-cup {
    background-position: -180px -1318px
}

.fail-face {
    background-position: -229px -1318px;
    width: 48px;
    height: 48px
}

.cup-succss {
    margin: 5px 0
}

.congrats-msg,
.lea-reg-userdetals,
.quiz-res-box .product-button,
.reg-hea-con {
    margin-top: 10px
}

.sucess-msg-conbox {
    padding-left: 120px;
    text-align: left
}

.sucess-msg-conbox.fail {
    padding-left: 80px
}

.congrats-msg {
    color: #333;
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 24px
}

.lern-regpop h2 {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    display: inline-block
}

.how-txtheading,
.sys-req-cont h4 {
    font-family: Arial, Helvetica, sans-serif
}

.lrn-good-pophea {
    width: 86%
}

.lea-reg-userdetals li {
    padding-right: 5px;
    margin-right: 5px;
    color: #666;
    font-size: 12px;
    display: inline-block;
    border-right: 1px dotted #c5c5c5
}

.lea-reg-userdetals li:last-child {
    border-right: 0
}

.clock-ico,
.user-ico {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: top
}

.user-ico {
    background: url(../images/learn/user.png) no-repeat
}

.clock-ico {
    background: url(../images/learn/clock.png) no-repeat
}

.lea-reg-conhea {
    background-color: #f0f0f0;
    padding: 5px 10px;
    display: block;
    width: 150px;
    position: relative
}

.lea-reg-conhea:after {
    left: 100%;
    top: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-left-color: #f0f0f0;
    border-width: 14px;
    margin-top: -14px
}

.lea-sys-req {
    width: 162px
}

.lea-recomded-list {
    font-size: 18px;
    color: #333;
    margin: 20px 0 50px
}

.lea-recomded-list li {
    padding: 0 10px;
    border-right: 1px dotted #c5c5c5;
    display: inline-block
}

.lea-recomded-list li:first-child {
    padding-left: 0
}

.lea-recomded-list li:last-child {
    border-right: 0;
    padding-right: 0
}

.system-req-list {
    margin-top: 30px
}

.system-req-list>li {
    float: left;
    width: 50%;
    padding: 0 50px 0 20px;
    border-right: 1px dotted #c5c5c5
}

.system-req-list>li:last-child {
    border-right: 0;
    padding-right: 0
}

.sys-req-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    float: left;
    background-color: #f58aa8;
    text-align: center
}

.winds-color {
    background-color: #70c4a3
}

.sys-req-icon i {
    width: 80px;
    height: 80px;
    margin-top: 26px
}

.mac-icon {
    background-position: -10px -1318px
}

.widows-icon {
    background-position: -90px -1318px
}

.sys-req-cont {
    padding-left: 160px
}

.sysreq-spec>li {
    line-height: 20px
}

.sysreq-spec>li label {
    position: relative;
    width: 100px;
    display: inline-block
}

.sysreq-spec>li label:after {
    position: absolute;
    content: '-';
    right: 10px
}

.goodread-popshare {
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1
}

.lern-howpop h1 {
    margin-top: 30px
}

.how-txtheading {
    margin-bottom: 20px
}

.badge-con h3,
.course-names h4,
.le-top-heading {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.how-map img {
    width: 100%;
    display: block
}

.how-isbadge,
.howit-wizard,
.howit-wizard li span {
    display: inline-block;
    vertical-align: middle
}

.how-steps {
    margin: 20px 0;
    text-align: center
}

.howit-wizard {
    width: 660px
}

.howit-wizard li {
    font-size: 16px;
    color: #666;
    float: left;
    position: relative;
    text-align: center;
    width: 200px;
    padding: 12px 0;
    border-top: 1px dashed #c6c6c6;
    border-bottom: 1px dashed #c6c6c6;
    margin-left: 13px
}

.howit-wizard li:first-child {
    margin-left: 0
}

.howit-wizard li:after,
.howit-wizard li:before {
    position: absolute;
    content: "";
    top: 0;
    background: url(../images/learn/wiz-right.png);
    width: 21px;
    height: 75px
}

.howit-wizard li:before {
    left: 0
}

.howit-wizard li:after {
    right: -22px
}

.howit-wizard li i {
    width: 48px;
    height: 48px;
    vertical-align: middle
}

.how-icon1 {
    background-position: -100px -1435px
}

.how-icon2 {
    background-position: -148px -1435px
}

.how-icon3 {
    background-position: -196px -1435px
}

.howit-wizard li span {
    color: #666;
    font-size: 16px;
    width: 90px
}

.how-isbadge {
    margin-left: 20px;
    width: 170px
}

.win-badge {
    background-position: -244px -1424px;
    width: 60px;
    height: 60px;
    float: left
}

.how-isbadge span {
    font-size: 20px;
    color: #333;
    padding-left: 50px;
    display: block;
    text-align: left;
    margin-top: 8px
}

.chaptor-lis,
.hea-small-txt {
    color: #999;
    font-size: 12px;
    text-transform: uppercase
}

.course-nos,
.how-itbtn,
.story-moral {
    text-align: center
}

.how-itbtn {
    margin-top: 20px;
    text-transform: uppercase
}

#leftsection {
    width: 324px;
    height: 100%;
    position: fixed;
    top: 34px;
    left: 0;
    z-index: 1;
    background-color: #f6f6f6;
    -webkit-box-shadow: 2px 2px 6px 1px rgb(229 229 229);
    -moz-box-shadow: 2px 2px 6px 1px rgb(229 229 229);
    box-shadow: 2px 2px 6px 1px rgb(229 229 229);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.course-pagecontent {
    padding-left: 324px
}

.course_push #leftsection {
    -webkit-transform: translate(310px, 0);
    -moz-transform: translate(310px, 0);
    -o-transform: translate(310px, 0);
    -ms-transform: translate(310px, 0);
    transform: translate(310px, 0)
}

.course_push #main {
    -webkit-transform: translate(310px, 0);
    -moz-transform: translate(310px, 0);
    -o-transform: translate(310px, 0);
    -ms-transform: translate(310px, 0);
    transform: translate(310px, 0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    left: 0
}

.course-menu,
.le-responsive-menu {
    background-position: -120px -305px;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    cursor: pointer
}

.leftmenu-box {
    border-spacing: 0;
    display: table;
    height: 100%;
    position: relative;
    width: 100%
}

.course-left-down,
.course-left-top {
    padding: 20px
}

.course-left-top {
    border-bottom: 1px solid #e8e8e8
}

.le-top-heading {
    height: 78px;
    width: 250px
}

.chaptor-lis {
    float: left
}

.chaptor-col-box,
.quiz-col-box {
    background-color: #9087c0;
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-right: 5px
}

.quiz-col-box {
    background-color: #f58aa8;
    margin-left: 10px
}

.details-cha-quizes {
    margin-top: 10px
}

.badge-con p,
.course-names p {
    margin-top: 5px;
    font-size: 12px
}

.course-left-down {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 157px;
    bottom: 188px;
    width: 100%
}

.course-list li {
    position: relative;
    padding-bottom: 20px
}

.course-list li:after {
    border-right: 1px solid #ccc;
    bottom: 0;
    content: " ";
    left: 15px;
    position: absolute;
    z-index: -1;
    height: 100%
}

.course-list li:last-child {
    padding-bottom: 0
}

.course-list li:last-child:after {
    border-right: 0
}

.course-names,
.course-nos,
.couse-selection {
    float: left;
    margin-right: 10px
}

.course-names {
    width: 180px
}

.couse-selection {
    margin-right: 0
}

.course-nos {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    color: #c6c6c6;
    font-size: 16px;
    padding-top: 5px
}

.course-names h4 {
    color: #666;
    position: relative
}

.course-list li.active .course-nos,
.course-list li:hover .course-nos {
    background-color: #70c5a4;
    color: #fff
}

.course-list li.active .course-names h4,
.course-list li:hover .course-names h4 {
    color: #000
}

.coursename-tool {
    position: absolute;
    top: 30px;
    display: none;
    z-index: 1
}

.coursetool-bdy {
    padding: 8px 15px;
    position: relative;
    background: #eff2f4;
    border: 1px solid #ddd;
    min-width: 150px;
    color: #333
}

.coursetool-bdy:after,
.coursetool-bdy:before {
    bottom: 100%;
    left: 20px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.coursetool-bdy:after {
    border-color: #fff0;
    border-bottom-color: #eff2f4;
    border-width: 10px;
    margin-left: -10px
}

.coursetool-bdy:before {
    border-color: #fff0;
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px
}

.course-names:hover .coursename-tool {
    display: block
}

.course-menu,
.goback-portal {
    display: none
}

.course-names p {
    color: #ccc
}

.couse-selection i {
    width: 16px;
    height: 16px
}

.cousedone {
    background-position: -43px -1483px
}

.coursenotdone {
    background-position: -59px -1483px
}

.coursenotstart {
    background-position: -75px -1483px
}

.left-menu-footer {
    bottom: 0;
    position: absolute;
    top: auto;
    width: 100%;
    padding: 20px;
    height: 188px
}

.footer-badge {
    background-color: #5bbc96;
    padding: 20px
}

.badge-con {
    float: left;
    color: #fff;
    width: 200px
}

.footerbadge-icon {
    float: right;
    width: 40px;
    height: 40px;
    background-position: -96px -1489px
}

.badge-con h3 {
    color: #fff
}

.left-menu-footersteps {
    margin-top: 10px;
    font-size: 12px;
    height: 30px
}

.left-menu-footersteps a {
    color: #999
}

.footer-steps-le {
    float: left
}

.footer-steps-re {
    float: right
}

.col4,
.col6,
.sumery-1,
.sumery-2,
.sumery-3,
.sumery-4,
.sumery-5,
.sumery-6,
.sumery-7,
.sumery-8 {
    float: left
}

.footer-steps-le i,
.footer-steps-re i {
    width: 12px;
    height: 12px
}

.lemenu-arrowle,
.lemenu-arrowre {
    margin-left: 5px;
    background-position: -58px -1502px
}

.lemenu-arrowre {
    background-position: -70px -1502px
}

.footer-steps-le:hover,
.footer-steps-re:hover {
    color: #000
}

.footer-steps-le:hover .lemenu-arrowle {
    background-position: -58px -1514px
}

.footer-steps-re:hover .lemenu-arrowre {
    background-position: -70px -1514px
}

.course-menu {
    cursor: pointer
}

.course-rightpart {
    width: 698px;
    margin: auto;
    padding: 30px;
    background-color: #fff
}

.chaptor-name {
    color: #fff;
    background-color: #333;
    min-width: 90px;
    padding: 5px 10px;
    position: relative;
    height: 27px;
    display: inline-block
}

.chaptor-name:after {
    position: absolute;
    content: "";
    border-top: 27px solid #333;
    border-right: 25px solid #fff0;
    top: 0;
    right: -25px
}

.course-image {
    position: relative;
    margin-top: 20px
}

.coursepage-name {
    position: absolute;
    background-color: #23a5b7;
    padding: 20px;
    width: 638px;
    top: 0
}

.coursepage-name h2 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.demo-con-hea,
.retrement-storybox .coursepge-content {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif
}

.retrement-storybox {
    border: 1px solid #ccc;
    margin-top: 20px
}

.retrement-storybox .coursepge-content {
    color: #f34e45;
    padding: 20px;
    margin-top: 0
}

.story-moral {
    color: #fff;
    background-color: #f35f55;
    padding: 20px
}

.coursepge-content span {
    font-size: 30px
}

.compound-invesers {
    background-color: #effeff;
    border-left: 2px solid #0e9eb1;
    padding: 20px;
    margin-top: 30px;
    color: #0e9eb1;
    font-size: 20px
}

.takeaways {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px dotted #c5c5c5;
    border-bottom: 1px dotted #c5c5c5
}

.key-hea {
    font-size: 20px;
    text-transform: uppercase
}

.keyawy-list {
    color: #9087c0;
    margin-top: 20px;
    margin-left: 20px
}

.coursepge-content {
    color: #666;
    margin-top: 20px
}

.keyawy-list li {
    margin-bottom: 10px;
    list-style-type: square
}

.keyawy-list li span {
    text-transform: capitalize;
    font-size: 14px
}

.alert-body span,
.course-nxtchaptor,
.demos-name p,
.edit_prfile_bg h1,
.goal-view-btn,
.milestone-heading,
.monthname,
.rec-more span,
.votenow-box a {
    text-transform: uppercase
}

.keyawy-list li:last-child {
    margin-bottom: 0
}

.course-nxtchaptor {
    padding: 6px 16px
}

.demos-name {
    width: 225px
}

.course-names.demos-name {
    margin-right: 0
}

.course-left-down.demos-left-down {
    bottom: 88px;
    top: 134px
}

.left-menu-footer.demo-menu-footer {
    height: 88px;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px
}

.demo-con-hea {
    font-size: 24px
}

.actionable-hea h3,
.actionble-pro-hea h4,
.all-detalavgcost,
.arch-head-con,
.assignholdingtabs li h1,
.assignholdingtabs li p,
.model-cards h3,
.msg-schemepop,
.mygoal-stocks h3,
.port-sumeryval h3,
.prot-sumery-cont h4,
.tax-4 h3,
.tran-hea h4 {
    font-family: Arial, Helvetica, sans-serif
}

.demos-video {
    margin-top: 20px;
    width: 100%;
    min-height: 400px
}

.course-video {
    margin-top: 74px
}

.course-rightpart .two-buttons {
    margin-top: 20px
}

.course-rightpart .product-button {
    margin-top: 0
}

.demo-flyout {
    text-align: left;
    margin-top: 60px;
    margin-left: 60px
}

.milestone-banner {
    background: url(../images/learn/base-image.png) center center no-repeat;
    width: 100%;
    height: 250px;
    position: relative
}

.milestone-heading {
    color: #666;
    text-align: center;
    position: relative;
    width: 500px;
    margin: 0 auto;
    min-height: 25px
}

.milestone-heading:after,
.milestone-heading:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 45px;
    width: 90px;
    border-bottom: solid 1px #666
}

.milestone-heading:after {
    right: 45px;
    left: auto
}

.milestone-banner img {
    width: auto
}

.milestone-banner .milestone-wrapper {
    position: relative;
    height: 250px
}

.end-milestone {
    left: auto;
    right: 0
}

.milestone-wrapper .milestone-steps {
    text-align: center;
    margin-top: 34px
}

.milestone-wrapper .milestone-steps li {
    background: url(../images/learn/milestone.png) no-repeat;
    width: 48px;
    height: 96px;
    display: inline-block;
    margin: 0 47px;
    position: relative;
    text-align: center
}

.milestone-wrapper .milestone-steps li:first-child,
.milestone-wrapper .milestone-steps li:last-child {
    background: 0 0;
    margin-right: 0;
    margin-left: 0;
    top: 48px
}

.milestone-wrapper .milestone-steps li:first-child {
    margin-right: -20px
}

.milestone-wrapper .milestone-steps li:last-child {
    margin-left: -20px
}

.milestone-wrapper .milestone-steps li p {
    position: absolute;
    top: 5px;
    z-index: 1;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px
}

.milestone-wrapper .milestone-steps .step-text {
    top: 35px
}

.milestone-wrapper .milestone-text {
    text-align: center;
    margin: 20px 0 0;
    line-height: 20px
}

.milestone-wrapper .milestone-text li {
    display: inline-block;
    width: 125px;
    margin: 0 10px;
    color: #333
}

.milestone-wrapper .milestone-text li.active {
    font-weight: 700
}

.milestone-wrapper .milestone-reached {
    position: relative
}

.milestone-wrapper .milestone-reached img.indicator {
    position: absolute;
    bottom: 9px;
    left: 310px
}

.milestone-wrapper .milestone-reached img.user-img {
    border-radius: 50%;
    bottom: 55px;
    height: 58px;
    left: 316px;
    position: absolute;
    width: 58px
}

.milestone-wrapper .milestone-reached img.indicator.indicator-1 {
    position: absolute;
    bottom: 9px;
    left: 382px
}

.milestone-wrapper .milestone-reached img.user-img.user-img-1 {
    left: 388px
}

.profol-banner {
    background: url(../../../images/portfolio/overview-bg.jpg);
    width: 100%;
    height: 330px
}

.port-select {
    margin: 20px 0 30px
}

.port-select p {
    display: inline-block;
    margin-left: 4px
}

.port-select p:first-child {
    margin-left: 0
}

.port-select .mar-date-inp {
    width: 140px
}

.port-select .mar-date-inp .ui-datepicker-trigger {
    top: 7px
}

.port-sumeryval {
    margin-top: 20px
}

.port-sumeryval.todaydatebox {
    display: none
}

.port-sumeryval h3 {
    margin-top: 5px
}

.port-sumeryval p {
    min-height: 22px
}

.port-sumeryval p span {
    font-size: 12px
}

.sumery-2,
.sumery-3,
.sumery-6,
.sumery-7 {
    padding-left: 50px
}

.sumery-4,
.sumery-8 {
    border-left: 2px solid #EAEAEA;
    margin-left: 10px;
    padding-left: 10px
}

.sumery-1,
.sumery-2,
.sumery-5,
.sumery-7 {
    position: relative
}

.sumery-1:after,
.sumery-2:after,
.sumery-5:after,
.sumery-7:after {
    position: absolute;
    top: 29px;
    right: -40px;
    content: "";
    width: 19px;
    height: 19px
}

.sumery-1.minus-sym:after {
    background: url(../../../images/portfolio/sumery-neg.png)
}

.sumery-1.plus-sym:after {
    background: url(../../../images/portfolio/sumery-plus.png)
}

.sumery-2.equal-sym:after,
.sumery-7.equal-sym:after {
    background: url(../../../images/portfolio/sumery-equal.png)
}

.sumery-5.plus-sym:after {
    background: url(../../../images/portfolio/sumery-plus.png)
}

.sumery-3 p>span {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 3px
}

.sumery-3 h3 span {
    font-size: 18px;
    display: inline-block
}

.sumery-3 span a {
    color: #666;
    display: inline-block;
    line-height: 22px
}

.sumery-3 span a.active,
.sumery-7 span a.active {
    color: #1190e0;
    border-bottom: 1px solid #1190e0;
    line-height: 19px
}

.sumery-smfont {
    font-size: 18px
}

.col6 {
    width: 478px
}

.col4 {
    width: 312px
}

.sumery-col2 {
    margin-left: 20px
}

.rupe-black,
.rupe-blue,
.rupe-green,
.rupe-red {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px
}

.rupe-black {
    background-position: -652px -1760px
}

.rupe-green {
    background-position: -672px -1760px
}

.rupe-red {
    background-position: -652px -1780px
}

.rupe-blue {
    background-position: -672px -1780px
}

.mu-plus-icon,
.rupe-black-sm,
.rupe-green-sm,
.rupe-red-sm {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -2px
}

.rupe-black-sm {
    background-position: -846px -1762px
}

.rupe-green-sm {
    background-position: -862px -1762px
}

.rupe-red-sm {
    background-position: -782px -1778px
}

.mu-plus-icon {
    background-position: -894px -1762px
}

.goal-select-pop {
    margin-bottom: 5px;
    display: inline-block
}

.prof-stocklist li,
.prot-sumeryhea {
    margin-bottom: 10px
}

.pro-summery-box.wid-4 {
    height: 255px
}

.pro-summery-box.wid-6 {
    height: 317px
}

.pro-summery-box {
    cursor: pointer
}

.consis-per-panel.active {
    background: #0d57a0
}

.prot-sumeryhea {
    border-bottom: 1px dotted #c5c5c5;
    padding-bottom: 10px
}

.prot-hea-name {
    float: left;
    font-size: 24px;
    color: #666
}

.consis-per-panel.active .prot-sumeryhea {
    border-bottom: 1px dotted #6a91b6
}

.consis-per-panel.active .prof-stocklist li label,
.consis-per-panel.active .prof-stocklist li p,
.consis-per-panel.active .prot-hea-name,
.consis-per-panel.active .prot-hea-val {
    color: #fff
}

.consis-per-panel.active .rupe-black-sm,
.consis-per-panel.active .rupe-green-sm,
.consis-per-panel.active .rupe-red-sm {
    background-position: -878px -1762px
}

.consis-per-panel.active .price-inc {
    background-position: -818px -1763px
}

.consis-per-panel.active .price-dec {
    background-position: -834px -1763px
}

.prot-hea-val {
    float: right;
    color: #999;
    font-size: 40px
}

.prot-sumeryhea i {
    width: 54px;
    height: 54px;
    margin-right: 10px;
    vertical-align: bottom
}

.port-stock {
    background-position: -602px -1594px
}

.port-mutual {
    background-position: -656px -1594px
}

.port-derivatives {
    background-position: -710px -1594px
}

.consis-per-panel.active .port-stock {
    background-position: -602px -1648px
}

.consis-per-panel.active .port-mutual {
    background-position: -656px -1648px
}

.consis-per-panel.active .port-derivatives {
    background-position: -710px -1648px
}

.consis-per-panel.active .prot-sumery-cont a,
.consis-per-panel.active .prot-sumery-cont p {
    color: #fff
}

.consis-per-panel.active .mu-plus-icon {
    background-position: -894px -1778px
}

.prof-stocklist li label {
    float: left;
    width: 150px;
    position: relative;
    color: #666
}

.prof-stocklist li label:after {
    content: ":";
    position: absolute;
    right: 10px
}

.action-close,
.rec-tolbox {
    position: relative
}

.prof-stocklist li:last-child {
    margin-bottom: 0
}

.prof-stocklist li p {
    padding-left: 160px;
    font-size: 18px;
    color: #333
}

.prof-stocklist li p.mar-val-list-inc {
    color: #00ba63
}

.prof-stocklist li p.mar-val-list-dec {
    color: #f63
}

.prot-sumery-cont p {
    font-size: 16px
}

.prot-sumery-cont h4 {
    margin-top: 8px
}

.port-summery-gap {
    margin-top: 50px
}

.profile-axisdirect .buy-icon {
    display: block;
    margin-top: 6px
}

.port-list-axis,
.votenow-box,
.votenow-box a {
    display: inline-block
}

.port-tables {
    margin-top: 20px
}

.summery-progress,
.summery-progress-val {
    display: inline-block;
    vertical-align: middle
}

.summery-progress {
    width: 150px
}

.summery-progress-val {
    margin-left: 5px
}

.vote-box {
    background: #dceeff;
    border-top: 1px solid #b9ddff;
    padding: 10px 20px
}

.votenow-box {
    margin: 0 10px 0 9px;
    background: #00b050;
    border-radius: 2px
}

.votenow-box a {
    padding: 5px 10px;
    color: #fff;
    font-size: 12px
}

.scheme-edit,
.vote-2 {
    display: none
}

.pro-popname {
    max-width: inherit
}

.scheme-pop-list {
    margin-left: -20px
}

.scheme-pop-list>li {
    margin: 20px 0 0 20px;
    width: 293.3px;
    float: left
}

.scheme-pop-list.price>li:last-child {
    margin: 46px 0 0;
    color: #999
}

.all-detalavgcost,
.portal-del,
.scheme-charges {
    margin-top: 20px
}

.scheme-pop-list.price>li span.fir {
    margin-left: 10px;
    padding-right: 10px;
    border-right: 1px dotted #c5c5c5
}

.scheme-pop-list.price>li span.sec {
    padding-right: 0;
    border-right: 0
}

.line-chrge {
    border-bottom: 2px solid #e4e4e4
}

.hide-chrg {
    background-color: #e4e4e4;
    color: #666;
    padding: 5px 8px;
    display: inline-block
}

.scheme-chargelist,
.stock-scheme-list .port-footer-sceheme {
    display: none
}

.tra-hide-icon,
.tra-show-icon {
    background-position: -1032px -1762px;
    width: 12px;
    height: 12px
}

.tra-hide-icon {
    background-position: -1044px -1762px
}

.new-transactioinbtns {
    margin-top: 20px;
    padding: 20px 0
}

.trsn-res {
    margin-left: 9px
}

.port-panelbody,
.port-panelfooter,
.port-panelheading {
    float: left
}

.port-panelheading {
    width: 25%
}

.port-panelbody {
    width: 58%;
    margin-right: 2%;
    padding-left: 2%;
    border-left: 1px dotted #c5c5c5
}

.port-panelfooter {
    width: 15%
}

.sceheme-date {
    color: #1190e0;
    font-size: 18px
}

.cs1 {
    color: #cf416f
}

.cs2 {
    color: #70c7a5
}

.cs3 {
    color: #f68567
}

.cs4 {
    color: #9087c0
}

.port-footer-sceheme {
    position: relative;
    right: 0
}

.stock-scheme-list li:hover .port-footer-sceheme {
    display: block
}

.sceheme-delete-icon,
.sceheme-edit-icon {
    width: 24px;
    height: 24px;
    display: block
}

.rec-more span,
.recomnd-list li,
.retu-radio,
.returnchrat-hea,
.valuechartcheck li,
.vs-div {
    display: inline-block
}

.sceheme-edit-icon {
    background-position: -1124px -1727px
}

.sceheme-delete-icon {
    background-position: -1100px -1727px
}

.scheme-del-tolbdy {
    width: 196px;
    right: 0;
    top: 84px
}

.scheme-edit .scheme-pop-list {
    margin-left: 0
}

.scheme-edit .scheme-pop-list>li {
    width: 279px
}

.scheme-edit .line-chrge,
.scheme-edit .new-transactioinbtns {
    margin-left: 20px
}

.scheme-edit .new-transactioinbtns {
    padding-bottom: 20px
}

.valuechartcheck li {
    margin-right: 8px
}

.valuechartcheck li:last-child {
    margin-right: 0
}

.return-vs li {
    float: left;
    margin-left: 10px
}

.return-vs li:first-child {
    margin-left: 0
}

.return-vs li p {
    margin-top: 5px
}

.vs-div {
    background: #666;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    font-size: 10px
}

.retu-radio {
    margin-left: 9px
}

.actionable-hea {
    border-bottom: 2px solid #ccc
}

.actionable-icon {
    width: 48px;
    height: 44px;
    float: left
}

.actionable-icon i {
    width: 38px;
    height: 38px;
    margin: 5px 0 0 5px
}

.action-le {
    margin-right: 20px
}

.action-re {
    margin-left: 20px
}

.ac-1 {
    background-color: #7cc774
}

.ac-1-bor {
    border-bottom: 2px solid #7cc774
}

.ac-2 {
    background-color: #ff8d8d
}

.ac-2-bor {
    border-bottom: 2px solid #ff8d8d
}

.ac-3 {
    background-color: #0cb1c7
}

.ac-3-bor {
    border-bottom: 2px solid #0cb1c7
}

.ac1-icon {
    background-position: -602px -1712px
}

.ac2-icon {
    background-position: -640px -1712px
}

.ac3-icon {
    background-position: -678px -1712px
}

.actionable-hea h3 {
    padding-left: 58px;
    color: #666;
    margin-top: 6px
}

.action-list-he {
    height: 213px;
    overflow: hidden
}

.actionable-list li {
    padding: 20px 0;
    border-bottom: 1px dotted #c5c5c5
}

.actionable-list li:last-child {
    border-bottom: 0
}

.actionble-pro-hea {
    float: left;
    margin-top: 6px
}

.action-btn {
    float: right
}

.pronamemr-icon {
    background: url(../images/home/more-Icon.png);
    width: 20px;
    height: 20px
}

.actionble-pro-hea h4 {
    display: inline-block;
    max-width: 213px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.action-showmore {
    text-align: center;
    margin-top: 20px
}

.action-showmore a {
    padding: 8px
}

.actionable-reclist {
    margin: 20px 0 0 -25px
}

.rationale-recombox {
    margin-top: 40px
}

.rationle-con {
    margin: 10px 0 0
}

.rec-more {
    margin-top: 10px
}

.rec-more span {
    vertical-align: baseline
}

.alert-plus,
.rupe-black-sm-sm,
.tax-cal-inp span,
.transition-arrow {
    vertical-align: middle
}

.rec-more span.no {
    font-size: 40px;
    color: #0cb1c7
}

.recomnd-list {
    height: 72px
}

.recomnd-list li {
    margin: 10px 5px 0 0
}

.recomnd-list li:last-child {
    margin-right: 0
}

.retionale-link {
    background: #f2f2f2;
    color: #666;
    padding: 5px 8px;
    display: block
}

.port-act-close a,
.port-alertbtn,
.port-alrtsel,
.tax-computing a {
    display: inline-block
}

.retionale-link.active,
.retionale-link:hover {
    background: #999;
    color: #fff
}

.action-tolbdy {
    width: 270px
}

.headingtooltip.bottom-arrow.action-tolbdy {
    bottom: 30px;
    left: 0
}

.headingtooltip.bottom-arrow.action-tolbdy.le-al1 {
    left: -93px
}

.headingtooltip.bottom-arrow.action-tolbdy.le-al2 {
    left: -145px
}

.action-close-ico {
    background-position: -995px -1776px;
    width: 12px;
    height: 12px
}

.port-act-close {
    position: absolute;
    right: -5px;
    top: -5px
}

.port-act-close a {
    padding: 10px
}

.action-tolhea {
    color: #666;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c5c5c5;
    width: 91%
}

.action-tolcon {
    color: #333
}

.port-alertbtn a {
    margin-left: 9px;
    border: 1px solid #0d57a0;
    padding: 5px;
    color: #0d57a0
}

.alert-plus {
    width: 12px;
    height: 12px;
    background-position: -994px -1764px
}

.alertsnotif {
    margin: 30px 0
}

.notifalerts {
    position: relative
}

.monthname,
.notifalerts:before {
    position: absolute;
    top: 0;
    left: 50%
}

.notifalerts:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #e1e1e1
}

.notifalerts li {
    padding: 20px 0
}

.monthname {
    margin-left: -28px;
    font-size: 18px;
    color: rgb(51 51 51 / .3);
    background: #F8F8F8;
    padding-bottom: 10px
}

.arrowbox {
    padding: 20px;
    width: 45%;
    position: relative;
    background: #fff;
    border: 1px solid #e8e8e8
}

.arrowbox:after,
.arrowbox:before {
    left: 100%;
    top: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrowbox .left-dot:before,
.arrowbox .right-dot:before {
    width: 10px;
    height: 10px;
    top: 50%;
    position: absolute;
    content: ""
}

.arrowbox:after {
    border-color: #fff0;
    border-left-color: #fff;
    border-width: 16px;
    margin-top: -16px
}

.arrowbox:before {
    border-color: #fff0;
    border-left-color: #ccc;
    border-width: 17px;
    margin-top: -17px
}

.arrowbox.right-alert:after,
.arrowbox.right-alert:before {
    right: 100%;
    left: auto
}

.arrowbox.right-alert:after {
    border-color: #fff0;
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px
}

.arrowbox.right-alert:before {
    border-color: #fff0;
    border-right-color: #ccc;
    border-width: 17px;
    margin-top: -17px
}

.alert-hea,
.plstmt-div-4 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #c5c5c5
}

.left-alert {
    float: left
}

.right-alert {
    float: right
}

.arrowbox .left-dot:before {
    right: -13%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%
}

.arrowbox .right-dot:before {
    left: -12.5%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%
}

.violet-lft-brd {
    border-left: solid 2px #9087c0
}

.pink-rgt-brd {
    border-right: solid 2px #f588a7
}

.grn-lft-brd {
    border-left: solid 2px #70c4a3
}

.org-rgt-brd {
    border-right: solid 2px #f68567
}

.alert-name-time span.time,
.pd-list-4 .port-qty,
.tran-li2-top li,
.trans-li2 {
    border-right: 1px dotted #c5c5c5
}

.arrowbox.violet-lft-brd .left-dot:before {
    background: #9087c0
}

.arrowbox.org-rgt-brd .right-dot:before {
    background: #f68567
}

.arrowbox.grn-lft-brd .left-dot:before {
    background: #70c4a3
}

.arrowbox.pink-rgt-brd .right-dot:before {
    background: #f588a7
}

.alert-hea {
    margin-bottom: 10px
}

.alert-hea i {
    width: 34px;
    height: 34px;
    float: left
}

.alerticon-1 {
    background-position: -905px -1716px
}

.alerticon-2 {
    background-position: -939px -1716px
}

.alerticon-3 {
    background-position: -973px -1716px
}

.alerticon-4 {
    background-position: -1007px -1716px
}

.alert-name-time {
    padding-left: 44px
}

.alert-name-time h4 {
    font-family: Arial, Helvetica, sans-serif
}

.alert-name-time span {
    font-size: 12px;
    margin-top: 5px
}

.alert-name-time span.time {
    color: #ccc;
    margin-right: 10px;
    padding-right: 10px
}

.alert-showmore {
    position: absolute;
    left: 50%;
    margin-left: -40px
}

.pro-summery-box.pl-stmt-card.wid-4 {
    height: 369px
}

.pro-summery-box.pl-stmt-card.wid-6 {
    height: 493px
}

.prof-stocklist.pl-stmt li {
    margin-bottom: 20px
}

.prof-stocklist.pl-stmt li:last-child {
    margin-bottom: 0
}

.prof-stocklist.pl-stmt li label {
    float: none
}

.prof-stocklist.pl-stmt li label:after {
    right: -10px
}

.prof-stocklist.pl-stmt li p {
    padding-left: 0;
    margin-top: 5px
}

.pl-stmt-viedetlink,
.pl-stmt-viedetlink-notop {
    font-size: 11px;
    color: #999;
    margin-top: 5px
}

.pl-stmt-viedetlink-notop {
    margin-top: 0
}

.mar-panel-hea.port-hea {
    width: 29%
}

.mar-panel-body.port-body {
    width: 56%
}

.port-der-body {
    min-height: auto
}

.plstmt-div-4 {
    margin-bottom: 10px
}

.pd-list-3 .port-gain,
.pd-list-3 .port-qty,
.pd-list-3 .port-value,
.pd-list-4 .port-gain,
.pd-list-4 .port-qty,
.pd-list-4 .port-value {
    float: left;
    width: 25%;
    padding-left: 10px
}

.pd-list-3 li:first-child,
.pd-list-4 .port-valueli:first-child {
    padding-left: 0
}

.pd-list-4 .port-qty {
    width: 13%;
    padding-left: 0
}

.pd-list-4 .port-gain {
    width: 37%
}

.pd-list-3 .port-value {
    width: 33%
}

.pl-port-equal,
.pl-port-neg,
.pl-port-plus {
    position: relative
}

.pl-port-equal:after,
.pl-port-neg:after,
.pl-port-plus:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: 0;
    top: 20px
}

.pl-port-neg:after {
    background: url(../../../images/portfolio/neg-small.png)
}

.pl-port-equal:after {
    background: url(../../../images/portfolio/equal-small.png)
}

.pl-port-plus:after {
    background: url(../../../images/portfolio/plus-small.png)
}

.arrow-right.small {
    background-position: -1064px -1767px;
    width: 8px;
    height: 8px
}

.tax-calbox {
    margin-bottom: 20px
}

.tax-computing {
    border-bottom: 2px solid #0d57a0
}

.tax-computing i {
    margin-left: 8px
}

.tax-computing .active i {
    background-position: -58px -84px
}

.tax-computing a {
    color: #fff;
    background-color: #0d57a0;
    padding: 8px 10px
}

.tax-bottom,
.tax-cal-inp {
    margin-top: 10px;
    color: #333
}

.tax-list {
    padding: 20px;
    display: none
}

.tax-list li {
    float: left;
    width: 25%
}

.tax-1,
.tax-2,
.tax-3 {
    padding-right: 60px;
    position: relative
}

.tax-1:after,
.tax-2:after {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../../../images/portfolio/tax-plus.png);
    right: 20px;
    top: 45px
}

.tax-bottom {
    font-size: 24px
}

.tax-cal-inp {
    font-size: 18px
}

.tax-cal-inp span {
    display: inline-block;
    margin-left: 5px
}

.tax-cal-inp .inp-filed {
    width: 100px;
    font-size: 18px
}

.tax-4 {
    border-left: 1px dotted #c5c5c5;
    padding: 20px 0 0 60px;
    min-height: 90px
}

.tax-4 h3 {
    color: #1190e0
}

.tax-port-body {
    min-height: inherit
}

.transction-hea {
    padding: 20px;
    border-top: 2px solid #0d57a0;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

.transition-hea-le {
    float: left
}

.transition-hea-re {
    float: right
}

.transition-hea-re a {
    padding: 5px;
    display: inline-block
}

.mid-cap-list,
.small-cap-list,
.tran-list,
.under-review-list {
    display: none
}

.transition-arrow {
    width: 16px;
    height: 16px;
    background-position: -920px -1779px;
    margin-right: 3px
}

.transction-box.active .transition-arrow {
    background-position: -936px -1779px
}

.transction-nxt {
    margin-top: 20px
}

.transction-box.active .tran-list {
    display: block
}

.tran-hea {
    width: 14%
}

.tran-hea.mar-panel-hea {
    padding-left: 0
}

.tran-body {
    width: 73%;
    min-height: auto
}

.tran-body p {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    margin-top: 3px
}

.goal-slider,
.tran-li2-top.bottom,
.trans-secndli {
    margin-top: 10px
}

.trans-li1,
.trans-li2,
.trans-li3,
.trans-li4 {
    float: left
}

.trans-li1,
.trans-li2,
.trans-li3 {
    padding-right: 20px;
    border-right: 1px dotted #c5c5c5
}

.trans-li1 {
    width: 12%
}

.trans-li2 {
    width: 52%;
    padding: 0 20px
}

.trans-li3,
.trans-li4 {
    width: 23%;
    padding-left: 20px
}

.trans-li4 {
    width: 13%
}

.tran-li2-top li {
    float: left;
    padding: 0 8px
}

.tran-li2-top li:first-child {
    padding-left: 0
}

.tran-li2-top li:last-child {
    border-right: 0;
    padding-right: 0
}

.rupe-black-sm-sm {
    width: 12px;
    height: 12px;
    background-position: -1006px -1777px
}

.stock-sec.stock-secbot-30 {
    padding-bottom: 30px
}

.stock-sec.stock-sectop-40 {
    padding-top: 40px
}

.goal-page {
    padding-bottom: 40px
}

.create-goal {
    background: #fff;
    color: #1190e0;
    padding: 5px;
    border: 1px solid #dadada;
    display: inline-block
}

.goal-plus {
    width: 12px;
    height: 12px;
    background-position: -994px -1764px;
    margin-right: 5px
}

.goal-sli-heading .pro-name {
    float: left;
    width: 180px;
    overflow: inherit;
    white-space: inherit
}

.goal-sli-heading i {
    width: 54px;
    height: 54px;
    float: right
}

.retire-icon {
    background-position: -764px -1594px
}

.edu-icon {
    background-position: -818px -1594px
}

.home-icon {
    background-position: -872px -1594px
}

.goal-label {
    margin: 20px 0 30px
}

.archived-desc,
.goal-label li {
    margin-bottom: 4px
}

.goal-label li,
.goal-label li p {
    font-size: 14px
}

.archived-per,
.goal-view-btn {
    font-size: 12px
}

.goal-label li p {
    padding-left: 120px
}

.goal-label li label {
    width: 120px;
    float: left;
    position: relative
}

.goal-label li label:after {
    content: ":";
    position: absolute;
    right: 10px
}

.model-cards,
.model-shape {
    position: relative
}

.goal-progress {
    width: 100%
}

.archived-desc span {
    color: #333
}

.arch-head-con {
    margin-top: 10px
}

.thumb-notok,
.thumb-ok {
    width: 28px;
    height: 28px;
    background-position: -840px -1722px;
    vertical-align: top
}

.thumb-notok {
    background-position: -868px -1722px
}

.goal-body {
    border-bottom: 1px dotted #c5c5c5;
    padding-bottom: 20px
}

.goal-fot-le {
    float: left
}

.goal-fot-re {
    float: right
}

.goal-view-btn {
    border: 1px solid #333;
    padding: 5px 8px;
    color: #333;
    display: inline-block
}

.goal-edit,
.goal-grphli li {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px dotted #c5c5c5
}

.goal-slideitems li.active .goal-view-btn,
.goal-view-btn:hover {
    color: #fff;
    background: #333
}

.goal-slideitems>li {
    min-height: 409px
}

.goal-slideitems li.active,
.mutual-category li.active {
    box-shadow: 0 0 10px rgb(0 0 0 / .19), 0 5px 10px rgb(0 0 0 / .23);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / .19), 0 5px 10px rgb(0 0 0 / .23);
    -moz-box-shadow: 0 0 10px rgb(0 0 0 / .19), 0 5px 10px rgb(0 0 0 / .23);
    -ms-box-shadow: 0 0 10px rgb(0 0 0 / .19), 0 5px 10px rgb(0 0 0 / .23);
    -o-box-shadow: 0 0 10px rgb(0 0 0 / .19), 0 5px 10px rgb(0 0 0 / .23)
}

.goal-fot-re a {
    display: inline-block
}

.goal-edit {
    padding-right: 10px
}

.goal-delete-icon,
.goal-edit-icon {
    background-position: -936px -1762px;
    width: 16px;
    height: 16px
}

.goal-delete-icon {
    background-position: -920px -1762px
}

.goal-content-box {
    background: #f2f2f2
}

.goal-congraph-box {
    padding: 20px
}

.goal-grphli li {
    padding-right: 10px
}

.goal-grphli li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.goal-grphli li span {
    font-size: 18px;
    color: #333
}

.goal-graph {
    margin-top: 20px
}

.goal-graph img {
    width: 100%
}

.graph-down-re.goal-grphli li {
    display: block;
    padding: 16px 0;
    border-right: 0;
    border-bottom: 1px dotted #c5c5c5;
    margin-right: 0;
    font-size: 18px;
    color: #333
}

.graph-down-re.goal-grphli li:first-child {
    font-size: 14px;
    color: #666
}

.graph-down-re.goal-grphli li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.graph-down-re.goal-grphli li a {
    color: #fff
}

.graph-le {
    float: left
}

.graph-re {
    float: right
}

.goal-tab {
    margin-top: 40px
}

.assignholdingtabs {
    border: 1px solid #dadada;
    background: #fff;
    width: 332px;
    height: 87px;
    margin: auto
}

.assignholdingtabs .ui-tabs-active a {
    border: 0;
    font-weight: 400
}

.assignholdingtabs li {
    float: left;
    width: 165px
}

.assignholdingtabs li h1,
.assignholdingtabs li p {
    float: left
}

.assignholdingtabs li a {
    display: inline-block;
    padding: 20px 25px;
    color: #333
}

.assignholdingtabs li p {
    width: 60px;
    margin: 5px 0 0 10px
}

ul.assignholdingtabs>li.ui-state-active>a {
    background: #333;
    color: #fff;
    padding: 20px 25px
}

ul.assignholdingtabs>li.ui-state-active>a h1 {
    color: #fff
}

.port-goal-sort {
    padding-bottom: 10px;
    border-bottom: 1px dotted #c5c5c5;
    margin: 40px 0
}

.assign-goalstocks i {
    width: 38px;
    height: 38px
}

.goal-mutual-icon,
.goal-stock-icon {
    background-position: -716px -1712px;
    vertical-align: bottom
}

.goal-mutual-icon {
    background-position: -754px -1712px
}

.assign-goalstocks span {
    font-size: 24px;
    color: #333
}

.goal-list {
    margin-top: 20px
}

.goal-list .mar-panel-hea {
    width: 180px
}

.goal-list .mar-panel-hea .pro-name {
    font-size: 18px;
    max-width: 110px
}

.goal-list .mar-panel-hea .panel-heading-moreIcon {
    margin: 0 0 0 5px
}

.goal-list .mar-panel-body {
    width: 150px;
    border-left: 0
}

.goal-list .mar-panel-footer {
    float: left;
    width: auto
}

.ca-slider.goal-slideitems-stock {
    padding: 0 0 25px
}

.ca-slider.goal-slideitems-stock li,
.ca-slider.mutual-category li {
    min-height: 380px
}

.ca-slider.goal-slideitems-stock li:last-child {
    margin-right: 0
}

.goal-stock-tabs {
    border: 1px solid #dadada;
    background: #fff;
    display: inline-block
}

.goal-stock-tabs li {
    float: left
}

.goal-stock-tabs li a {
    padding: 5px 20px;
    display: block;
    color: #333
}

.goal-stock-tabs .ui-tabs-active a {
    border: 0;
    margin: 0;
    padding: 5px 20px;
    font-weight: 400;
    background: #333;
    color: #fff
}

.goal-stock-pd-20 {
    padding: 20px
}

.mygoal-stocks h3 {
    text-align: center
}

.goal-stockgraph {
    margin-top: 20px;
    height: 219px;
    text-align: center
}

.goal-stock-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #c5c5c5
}

.mygoal-foter-ico {
    width: 25px;
    height: 25px;
    float: left;
    background: url(../../../images/portfolio/goal-fot-icon.png);
    margin-top: 3px
}

.goal-stock-foter-con {
    padding-left: 35px
}

.mygoal-stock-axisview {
    color: #999;
    padding-left: 30px
}

.mygoal-stock-axisview span {
    display: block;
    margin-bottom: 5px
}

.mygoal-stock-view {
    margin-top: 20px
}

.rea-mod-time.indecesdrop {
    width: 250px;
    top: 51px
}

.port-lumpsum.lumpsumsip {
    margin-top: 0
}

.model-cards,
.model-list {
    margin-top: 20px
}

.port-lumpsum .intvest-time {
    min-width: auto
}

.recomend-porttxt {
    font-size: 16px;
    text-align: center
}

.model-shape {
    width: 620px;
    margin: auto;
    border-bottom: 1px solid #c9c9c9;
    height: 40px
}

.shape-le,
.shape-re {
    width: 1px;
    height: 40px;
    display: block;
    float: left
}

.shape-le {
    border-left: 1px solid #c9c9c9
}

.shape-re {
    float: right;
    border-right: 1px solid #c9c9c9
}

.model-shape:after,
.model-shape:before {
    top: 100%;
    left: 50%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.model-shape:after {
    border-color: #fff0;
    border-top-color: #f8f8f8;
    border-width: 10px;
    margin-left: -10px
}

.model-shape:before {
    border-color: #fff0;
    border-top-color: #c9c9c9;
    border-width: 11px;
    margin-left: -11px
}

.model-grpah-details {
    width: 760px;
    margin: 30px auto 0
}

.model-grpah-details li {
    margin-bottom: 20px
}

.model-grpah-details li span {
    display: inline-block;
    position: relative
}

.model-tooltip {
    right: 0;
    top: 30px
}

.model-tooltip.headingtooltip:after,
.model-tooltip.headingtooltip:before {
    left: auto;
    right: 60px
}

.detail-graphnum.le,
.detail-graphnum.re {
    width: 80px
}

.detail-graphnum.le>span,
.detail-graphnum.re {
    color: #333;
    font-size: 18px
}

.detail-graphnum.re {
    text-align: right
}

.detail-graphnum.le {
    text-align: left
}

.detail-graph-dots {
    width: 150px;
    height: 1px;
    border-top: 1px dotted #000
}

.detail-graph-con {
    width: 200px;
    text-align: center
}

.detail-graph-con,
.detail-graph-dots,
.detail-graphnum.le {
    margin-left: 20px
}

.grph-detail-iicon {
    width: 16px;
    height: 16px;
    background-position: -952px -1762px;
    margin-left: 4px;
    vertical-align: middle
}

.grph-detail-iicon.red {
    margin: 0 4px 0 0;
    background-position: -968px -1762px
}

.model-btn-area {
    margin: 40px 0
}

.model-btns {
    border: 1px solid #1190e0;
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center
}

.model-btns:hover {
    background: #1190e0;
    color: #fff
}

.model-list .mar-panel-hea {
    width: 300px
}

.model-list .mar-panel-hea .pro-name {
    font-size: 18px;
    max-width: 280px
}

.model-list .mar-panel-hea .panel-heading-moreIcon {
    margin: 0 0 0 5px
}

.model-list .mar-panel-footer {
    float: right;
    width: auto
}

.model-port-list {
    margin-top: 30px
}

.profile_community_main {
    background: url(../../../images/profile/community-main-banner.jpg) no-repeat;
    min-height: 285px;
    background-size: cover;
    padding: 5% 0
}

.user_position {
    color: #fff;
    font-size: 18px;
    font-family: futura_lightregular
}

.user_position h2 {
    color: #fff;
    font-family: futura_bk_btbook;
    margin: 5px 0
}

ul.community_quick_see li {
    display: inline-block;
    float: left;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-right: 15px;
    text-align: center;
    width: 110px;
    padding: 0;
    min-height: 115px
}

ul.community_quick_see li a {
    color: #fff;
    padding: 20px 10px;
    display: block
}

ul.community_quick_see li h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 10px
}

.community_trending_posts h1 {
    margin-top: 0;
    text-align: center
}

ul.trending_topics_list {
    margin: 40px 0 20px;
    text-align: center
}

.trending_topics_list li {
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px
}

.trending_topics_list li a {
    color: #fff
}

li.topic_blue a,
li.topic_brown a,
li.topic_green a,
li.topic_grey a,
li.topic_purple a,
li.topic_yellow a {
    padding: 8px 30px;
    display: inline-block
}

li.topic_green a {
    background: #66c295
}

li.topic_brown a {
    background: #dc6d52
}

li.topic_blue a {
    background: #529ecc
}

li.topic_grey a {
    background: #748089
}

li.topic_yellow a {
    background: #f3ac56
}

li.topic_purple a {
    background: #a77dc2
}

li.topic_green a:hover {
    background: #54A97F
}

li.topic_brown a:hover {
    background: #E44721
}

li.topic_blue a:hover {
    background: #3C7DA5
}

li.topic_grey a:hover {
    background: #5A7486
}

li.topic_yellow a:hover {
    background: #F79D30
}

li.topic_purple a:hover {
    background: #9E5CC7
}

.show_all_btn {
    margin: 10px 0
}

.show_all_psts {
    margin: 10px 0;
    text-align: center
}

.btn_show_all {
    background: #1190e0;
    font-size: 14px;
    border-bottom: 2px solid #006db2;
    display: inline-block;
    padding: 10px 25px;
    color: #fff
}

.community_post_conversation input {
    height: 30px;
    border: 0;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    width: 80%;
    font-size: 18px;
    background: 0 0
}

.community_post_conversation p {
    text-align: center;
    color: #928D8D;
    padding: 10px 150px;
    line-height: 22px
}

.input_post {
    margin-bottom: 20px
}

.input_post>a {
    margin-left: 15px
}

.community_top_traders h1 {
    text-align: center
}

.community_top_traders .stockhead {
    display: block
}

.leaderboard_list {
    margin-top: 50px
}

.leaderboard_list>li a {
    display: inline-block
}

.leaderboard_list li {
    border-top: 1px solid #ddd;
    padding: 10px 0
}

.leaderboard_list li:last-child {
    border-bottom: 1px solid #ddd
}

.leaderboard_list li>span {
    font-size: 30px;
    vertical-align: top;
    padding: 20px 10px;
    display: inline-block;
    font-family: futura_lightregular;
    width: 7%
}

.trader_name,
.trader_profit {
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top
}

.trader_name {
    width: 32%;
    color: #8b8989
}

.trader_name h3 {
    font-family: Arial, sans-serif;
    color: #333
}

.trader_profit {
    width: 20%;
    color: #8b8989
}

.trader_profit p {
    margin-bottom: 5px
}

.trader_profit h3 {
    color: #4a4949;
    font-family: Arial
}

.trader_action {
    width: 27%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 10px
}

.trader_action_left,
.trader_action_left_own {
    padding: 8px;
    width: 48%;
    display: inline
}

.trader_action_left {
    border-right: 1px solid #d7d7d7
}

.trader_action_right {
    width: 48%;
    display: inline;
    margin-left: 10px
}

.list_ellipsis p {
    margin: 8px auto;
    background: #B3B2B2;
    width: 7px;
    height: 7px;
    border-radius: 10px
}

.my_position {
    background: #ddf1fe
}

.community_badges_earned .stockhead h1,
.community_badges_earned h1 {
    text-align: center;
    margin-bottom: 40px
}

.community_badges_earned .stockhead {
    display: block
}

.choose_tags li a,
.view_all_tags li {
    display: inline-block;
    position: relative
}

.community_badges_earned .viewall {
    float: right
}

.community_whom_to_follow {
    padding: 60px 0
}

.community_whom_to_follow h1 {
    text-align: center;
    margin-bottom: 30px
}

.community_following h1 {
    text-align: center;
    margin-bottom: 15px
}

.community_following .sub_heading {
    margin-bottom: 30px
}

.sub_heading {
    font-size: 20px;
    color: #000;
    text-align: center;
    font-family: futura_lightregular
}

.community_followers h1 {
    text-align: center;
    margin-bottom: 30px
}

.community_quickpoll {
    position: relative;
    background: url(../../../images/profile/quick-poll-back.png) left bottom no-repeat
}

.community_quickpoll h1 {
    text-align: center;
    margin-bottom: 30px
}

.thrid-btn[disabled] {
    cursor: not-allowed;
    background-color: #BBB
}

.all_tags_main {
    padding: 40px;
    background: #F8F8F8
}

.all_tags_main h2 {
    font-family: Arial, sans-serif;
    margin: 10px 0 20px;
    color: #5E5E5E
}

.add_tags_input {
    padding: 20px 0 40px
}

.add_tags_input input {
    height: 30px;
    border: 0;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    width: 80%;
    font-size: 16px;
    background: 0 0
}

.input_submit_tags a {
    margin-left: 15px
}

.add_tags_input h4,
.recent_popular_tags h4 {
    margin: 0 0 20px;
    font-family: Arial, sans-serif
}

.input_submit_tags p {
    color: #d1d0d0;
    padding: 10px 0;
    line-height: 22px
}

.recent_popular_tags {
    padding-bottom: 30px
}

.empty_panel {
    background: #e9e7e8;
    padding: 16px 30px;
    width: 35px;
    border: 2px solid #fff0
}

.view_all_tags li {
    color: #999;
    margin: 0 10px 20px 0
}

.choose_tags li {
    color: #fff;
    margin: 0 10px 10px 0;
    float: left
}

.choose_tags li a {
    color: #fff;
    padding: 8px 30px;
    border: 2px solid #fff0
}

.topic_brown_active a {
    border: 2px solid #943f2a !important;
    background: #dc6d52
}

.topic_purple_active a {
    border: 2px solid #5c2b7d !important;
    background: #aa7dc2
}

.view_all_tags li a {
    padding: 8px 30px;
    color: #fff;
    display: block;
    border: 2px solid #fff0
}

.view_all_tags li div {
    position: relative
}

.remove_icon,
.right_icon {
    height: 10px;
    position: absolute;
    right: 7px
}

.right_icon {
    background: url(../../../images/profile/yes.png);
    width: 12px;
    top: 12px
}

.remove_icon {
    background: url(../../../images/profile/remove.png);
    width: 10px;
    top: 14px
}

.taged_submit {
    width: 20%;
    float: right;
    display: inline-block
}

.tags_choosen {
    width: 80%;
    display: inline-block;
    border-bottom: 1px solid #e5e5e5
}

.tags_choosen li {
    color: #fff;
    margin: 0 0 10px;
    float: left
}

.tags_choosen li a {
    color: #fff;
    padding: 8px 30px;
    border: 2px solid #fff0;
    display: inline-block
}

.tags_choosen li:first-child a {
    margin-left: 0
}

.tags_choosen li div {
    position: relative
}

.more_than_tags {
    margin: 0 10px
}

.more_than_tags li {
    margin: 0 10px 10px 0
}

li.more_than_tags {
    margin: 0 10px 0 0
}

.single_badge {
    padding: 20px
}

.single_badge h3 {
    text-align: center;
    margin: 15px 0 0;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #5e5e5e
}

.single_whomfollow {
    text-align: center;
    color: #fff
}

.locked .locked_badge {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(20 20 20 / .5);
    padding: 80px;
    text-align: center
}

li.locked {
    position: relative
}

ul.badges_inner li.single_badge {
    min-height: 236px;
    margin-bottom: 20px;
    position: relative
}

.badge_section_title {
    margin-bottom: 25px
}

h4.follow_here {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    font-family: Arial, sans-serif;
    font-size: 14px
}

h4.follow_here a {
    color: #333
}

.close_whomto_follow img {
    float: right;
    cursor: pointer
}

.single_whomfollow h3 {
    color: #fff;
    margin: 15px 0 10px
}

.comment_time,
.trending_now_sidebar,
span.post_tags {
    margin-left: 15px
}

.user_position_details {
    padding: 20px;
    min-height: 165px
}

.green_profile {
    background: #9ad85d
}

.blue_profile {
    background: #6eb5ec
}

.orange_profile {
    background: #fcaa68
}

.pink_profile {
    background: #fc7171
}

.expert_profile {
    background: #8c56d6
}

.user_position_details img,
.user_position_details>a {
    display: block
}

.advanced_user_icon,
.amateur_user_icon,
.expert_user_icon,
.poll_investment li,
.post_all_actions,
.post_all_actions ul li,
.post_big_icon,
.post_small_icon,
.posted_user,
.posted_user_name,
.user_contribution ul li {
    display: inline-block
}

.user_contribution {
    background: #F8F8F8;
    color: #999;
    padding: 20px;
    position: relative
}

.user_contribution:before {
    background: url(../../../images/profile/border-pattern.png);
    content: '';
    height: 8px;
    position: absolute;
    top: -6px;
    width: 100%;
    left: 0
}

.user_contribution ul li {
    padding: 0 15px;
    width: 48%
}

.user_contribution ul li:first-child {
    border-right: 1px solid #dbdbdb
}

.single_quickpoll {
    padding: 20px
}

.single_quickpoll p {
    color: #969696;
    font-size: 16px;
    min-height: 65px
}

.community_post_conversation {
    padding-top: 20px
}

.single_quickpoll h4 {
    font-size: 22px;
    min-height: 95px;
    margin-bottom: 15px;
    font-family: Arial, sans-serif
}

.bbtm {
    border-bottom: 1px solid #eaeaea
}

.poll_investment li {
    width: 40% !important;
    margin-bottom: 10px;
    float: left;
    font-size: 17px
}

.poll_question {
    margin-top: 20px
}

.wall_posts_section {
    background: #36465d;
    padding: 40px 0
}

.trending_now_sidebar li {
    color: #fff;
    margin-bottom: 10px;
    float: left;
    clear: both
}

.trending_now_sidebar li a {
    color: #fff
}

.trending_now_main {
    float: right
}

.trending_now_main h4 {
    color: #fff;
    font-family: Arial, sans-serif;
    margin-bottom: 15px;
    margin-left: 15px
}

.single_wall_post {
    background: #fff;
    padding: 25px;
    margin-bottom: 20px
}

.single_wall_post h4 {
    font-family: Arial, sans-serif;
    color: #6b6a6a
}

.communityrules_main h4,
.post_more_actions,
.profile_complete_per h4,
.profile_more_action,
.subscription_details h3 {
    font-family: Arial, Helvetica, sans-serif
}

p.post_time {
    font-size: 12px;
    color: #999
}

span.post_tags {
    color: #026fc1
}

.posted_user {
    padding: 20px 0;
    width: 40%
}

.advanced_trader_icon,
.amateur_trader_icon,
.beginner_trader_icon,
.expert_trader_icon,
.novice_trader_icon {
    width: 48px;
    height: 48px;
    margin-top: 12px;
    text-align: center
}

.posted_user h4 {
    color: #888;
    font-size: 16px;
    font-weight: 700
}

.posted_user p {
    color: #aeadad
}

.beginner_user {
    background: #62afea
}

.expert_user {
    background: #8e5ad7
}

.novice_user {
    background: #91d254
}

.amateur_user {
    background: #ff953f
}

.advanced_user {
    background: #f56161
}

.beginner_trader_icon {
    background-position: -471px -2545px
}

.novice_trader_icon {
    background-position: -520px -2545px
}

.advanced_trader_icon {
    background-position: -617px -2545px
}

.amateur_trader_icon {
    background-position: -568px -2545px
}

.expert_trader_icon {
    background-position: -664px -2545px
}

.post_big_icon {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    text-align: center
}

.post_small_icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center
}

.advanced_user_icon,
.amateur_user_icon,
.beginner_user_icon,
.expert_user_icon,
.novice_user_icon {
    width: 32px;
    height: 32px;
    margin-top: 8px
}

.beginner_user_icon {
    background-position: -455px -2603px;
    text-align: center
}

.novice_user_icon {
    background-position: -487px -2603px;
    display: inline-block
}

.amateur_user_icon {
    background-position: -520px -2603px
}

.advanced_user_icon {
    background-position: -551px -2603px
}

.expert_user_icon {
    background-position: -583px -2603px
}

.posted_user_name {
    vertical-align: top;
    padding: 6px 10px
}

.advanced_level,
.amateur_level,
.beginner_level,
.expert_level,
.novice_level {
    vertical-align: bottom
}

.user_md_icon {
    height: 100px;
    width: 100px
}

.user_beginner {
    background-position: -523px -2235px
}

.user_novice {
    background-position: -623px -2235px
}

.user_amateur {
    background-position: -723px -2235px
}

.user_advanced {
    background-position: -823px -2235px
}

.user_expert {
    background-position: -923px -2235px
}

.post_all_actions {
    width: 59%;
    padding: 0 0 5px;
    text-align: right
}

.beginner_level {
    background-position: -523px -2335px
}

.novice_level {
    background-position: -623px -2435px
}

.amateur_level {
    background-position: -723px -2335px
}

.advanced_level {
    background-position: -823px -2335px
}

.expert_level {
    background-position: -923px -2335px
}

.post_all_actions ul {
    float: right;
    width: 100%
}

.post_all_actions ul li {
    text-align: center;
    font-size: 18px;
    position: relative;
    margin-right: 20px;
    vertical-align: middle
}

.post_all_actions ul li:last-child {
    margin-right: 0
}

.icon_comments,
.icon_fav,
.icon_share {
    display: inline-block;
    margin-right: 5px
}

.icon_repost {
    background: url(../../../images/profile/repost-icon.png);
    width: 27px;
    height: 12px;
    display: inline-block;
    cursor: pointer
}

.icon_fav {
    background: url(../../../images/profile/fav-icon.png);
    width: 15px;
    height: 14px
}

.icon_comments {
    background: url(../../../images/profile/comments-icon.png);
    width: 19px;
    height: 18px;
    vertical-align: middle
}

.icon_share {
    background: url(../../../images/profile/share-icon.png);
    width: 14px;
    height: 16px;
    vertical-align: middle
}

.single_wall_post_refer {
    background: url(../../../images/profile/post-refer-back.png) right no-repeat;
    min-height: 185px;
    margin-bottom: 20px
}

.comments_section {
    background: #f3f3f3;
    padding: 15px 10px;
    display: none
}

.comments_section h4 {
    color: #969696
}

.posted_user_comment {
    padding: 0;
    display: inline-block
}

.comments_section .single_comment {
    border-bottom: 1px solid #e1e1e1;
    padding: 7px 0;
    display: inline-block;
    width: 100%
}

.comment_text,
.follow_action {
    float: right;
    padding: 10px 0;
    display: inline-block
}

.comments_section .single_comment:last-child {
    border-bottom: 0
}

.comment_text {
    width: 55%
}

.follow_action {
    width: 15%
}

.comment_time {
    color: #bababa;
    font-size: 12px
}

.post_comment input {
    height: 30px;
    border: 0;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    width: 73%;
    font-size: 14px;
    margin-right: 10px;
    background: 0 0
}

.single_wall_post_refer {
    padding: 30px 40px
}

.single_wall_post_refer h3 {
    color: #fff;
    font-size: 20px
}

.post_more>a {
    background: #ecebeb;
    width: 28px;
    height: 28px;
    border-radius: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center
}

ul.post_more_actions {
    right: -15px;
    min-width: 175px
}

ul.post_more_actions li {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 22px
}

.post_more_actions {
    display: none;
    top: 45px;
    width: 180px
}

.post_more_actions:after,
.post_more_actions:before {
    bottom: 100%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.post_more_actions:after {
    border-color: #fff0;
    border-bottom-color: #F1EFEF;
    border-width: 11px;
    margin-left: -11px;
    right: 37px
}

.post_more_actions:before {
    border-color: #fff0;
    border-bottom-color: #D4D4D4;
    border-width: 13px;
    margin-left: -12px;
    right: 35px
}

ul.post_more_actions li a {
    color: #8d8d8d;
    font-size: 14px;
    background: 0 0;
    width: auto;
    padding: 12px;
    height: inherit
}

.profly-actions a {
    margin-right: 20px
}

.profile_flyout {
    position: absolute;
    min-width: 410px;
    right: -20px;
    top: 46px;
    display: none;
    box-shadow: 0 0 7px #000
}

.all_following_users ul li.single_whomfollow,
.profile_overall {
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.profile_flyout:after,
.profile_flyout:before {
    bottom: 100%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.profile_flyout:after {
    border-color: #fff0;
    border-bottom-color: #626262;
    border-width: 11px;
    margin-left: -11px;
    right: 37px
}

.profile_flyout:before {
    border-color: #fff0;
    border-bottom-color: #626262;
    border-width: 13px;
    margin-left: -12px;
    right: 35px
}

.profile_manage {
    background: #626262;
    padding: 15px
}

.fly_profilepic {
    float: left;
    width: 115px;
    position: relative;
    border-radius: 60%;
    overflow: hidden;
    height: 114px
}

.fly_profilepic>img {
    width: 115px;
    height: 115px
}

.change-pic {
    background: rgb(17 114 224 / .7);
    position: absolute;
    bottom: -5px;
    width: 115px;
    text-align: center;
    padding: 5px 0
}

.change-pic a {
    color: #fff;
    font-size: 11px;
    vertical-align: super
}

.fly_profiledesc {
    color: #fff;
    padding-left: 130px
}

.fly_profiledesc h3 {
    color: #fff;
    padding: 10px 0
}

.profly_quicklinks {
    padding: 15px 10px;
    background: #F1F1F1;
    border-bottom: 1px solid #CDCDCD
}

.profile-flylinks li {
    width: 33%;
    border-right: 1px solid #cdcdcd;
    text-align: center;
    padding: 0 10px 0 0
}

.profile_cc,
.profile_myacc,
.profli_settings {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block
}

.profile-flylinks li:last-child {
    border-right: 0
}

.profile-flylinks li a {
    color: #999
}

.profly-actions {
    background: #f1f1f1;
    padding: 15px
}

.profile_cc {
    background-position: -647px -2603px
}

.profile_myacc {
    background-position: -711px -2603px
}

.profli_settings {
    background-position: -679px -2603px
}

.following_main {
    padding: 50px 0 20px
}

.following_main>.go_back {
    margin-bottom: 15px;
    display: block
}

.follower_backbtn>.go_back {
    display: inline
}

.go_back i {
    float: left
}

.go_back {
    padding: 10px;
    display: inline-block;
    color: #fff;
    vertical-align: -webkit-baseline-middle
}

.all_following_users,
.settings_tabs {
    padding: 0 0 50px
}

.all_following_users ul li.single_whomfollow {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.all_following_users ul li.single_whomfollow:hover {
    box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -moz-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -ms-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23);
    -o-box-shadow: 0 5px 5px rgb(0 0 0 / .19), 0 1px 3px rgb(0 0 0 / .23)
}

.settings-details {
    width: 77%;
    display: inline-block;
    float: left
}

#personalized-settings ul li ul li .toggle-group,
#personalized-settings ul li ul li span,
ul.persnlized_right {
    float: right
}

.settings-image {
    width: 24px;
    height: 24px;
    float: right
}

#general-noti h3,
#my-noti h3,
#personalized-settings h3,
#research-noti h3 {
    color: #026fc1;
    font-family: Arial, Helvetica, sans-serif;
    margin: 30px 0 10px
}

#general-noti ul li span,
#my-noti ul li span,
#research-noti ul li span {
    position: relative
}

.settings_tooltip {
    position: absolute;
    width: 400px;
    background: #f1f1f1;
    padding: 10px;
    border: 3px solid;
    display: none;
    z-index: 100
}

.settings_displaytp:hover .settings_tooltip {
    display: block
}

.settings_tooltip h3 {
    margin: 0 0 15px !important;
    color: #999 !important
}

.settings_tooltip p {
    font-size: 14px;
    line-height: 20px
}

#general-noti ul li,
#my-noti ul li,
#research-noti ul li {
    font-size: 20px;
    list-style: inside url(../../../images/profile/list-icon.png);
    line-height: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    position: relative
}

#personalized-settings ul {
    width: 47%;
    display: inline-block;
    padding-right: 50px;
    min-height: 150px;
    padding-top: 15px
}

#personalized-settings ul li ul {
    width: 100%
}

#personalized-settings ul li ul li {
    list-style: none;
    border-top: 1px solid #dedede;
    padding: 10px 20px
}

#personalized-settings ul li {
    font-size: 20px;
    list-style: inside url(../../../images/profile/list-icon.png);
    line-height: 30px
}

#personalized-settings ul li p {
    padding: 0 0 20px
}

#my-noti ul li p {
    display: inline-block;
    min-width: 320px
}

#research-noti ul li p {
    display: inline-block;
    min-width: 400px
}

#general-noti ul li span,
#my-noti ul li span,
#personalized-settings ul li span,
#research-noti ul li span {
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px
}

a.edit_sounds {
    background: #d1d1d1;
    font-size: 16px;
    color: #666;
    border-radius: 20px;
    padding: 8px 20px;
    margin-left: 10px
}

#general-noti ul li:last-child,
#my-noti ul li:last-child,
#personalized-settings ul li:last-child,
#research-noti ul li:last-child {
    border-bottom: 0
}

.settings_help {
    background: url(../../../images/profile/setting-help.png) no-repeat;
    width: 21px;
    height: 21px;
    cursor: pointer
}

.sgnoti-icon,
.smnoti-icon,
.spers-icon,
.sresnot-icon,
li.ui-state-active .sgnoti-icon,
li.ui-state-active .smnoti-icon,
li.ui-state-active .spers-icon,
li.ui-state-active .sresnot-icon {
    width: 32px;
    height: 32px;
    float: right
}

li.ui-state-active .sgnoti-icon {
    background-position: -769px -2578px
}

.sgnoti-icon {
    background-position: -769px -2544px
}

.smnoti-icon {
    background-position: -833px -2545px
}

li.ui-state-active .smnoti-icon {
    background-position: -833px -2578px
}

.sresnot-icon {
    background-position: -801px -2545px
}

li.ui-state-active .sresnot-icon {
    background-position: -801px -2578px
}

.spers-icon {
    background-position: -865px -2545px
}

li.ui-state-active .spers-icon {
    background-position: -865px -2578px
}

.profile_main_section {
    background: url(../../../images/profile/profile-main-back.png) no-repeat;
    background-size: cover;
    min-height: 385px;
    padding: 75px 0 60px
}

.btn_blktransparent,
.btn_transparent {
    padding: 8px 20px;
    margin: 15px 0;
    display: inline-block
}

.profile_img {
    display: inline-block;
    float: left
}

.profile_img img {
    width: 139px;
    height: 139px
}

.query-icon {
    background-position: -949px -2585px;
    width: 40px;
    height: 40px
}

.referfrnd-icon {
    background-position: -988px -2543px;
    width: 40px;
    height: 40px
}

.btn_transparent {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.btn_transparent:hover {
    background: #fff;
    transition: all .5s ease;
    color: #000
}

.btn_blktransparent {
    border: 1px solid #000;
    background: 0 0;
    color: #000
}

.btn_blktransparent:hover {
    background: #000;
    transition: all .5s ease;
    color: #fff
}

.profile_details {
    display: inline-block;
    margin-left: 20px;
    padding: 0;
    color: #fff
}

.profile_details p {
    margin-bottom: 4px
}

.buy_nowpp {
    padding-bottom: 20px
}

.profile_details h3 {
    color: #fff;
    margin-bottom: 10px
}

.profile_desig {
    margin-top: 20px
}

.profile_desig p {
    color: #b7bdd6
}

.profile_main_refer {
    background: url(../../../images/profile/trading-back.jpg) no-repeat;
    min-height: 403px;
    background-size: cover;
    padding: 70px 0
}

.profile_main_refer h1 {
    color: #fff;
    margin: 80px 0 30px
}

.edge_rewards_main {
    background: url(../../../images/profile/rewards-back.png) no-repeat;
    background-size: cover;
    min-height: 351px;
    padding: 70px 0
}

.rewards-head {
    margin: 30px 0
}

.profile_main_postquery {
    background: url(../../../images/profile/query-back.png) no-repeat;
    min-height: 385px;
    background-size: cover;
    padding: 70px 0
}

.profile_main_postquery h1 {
    color: #fff;
    margin: 80px 0 30px
}

.flt-right {
    float: right
}

.profile_leaderboard h1 {
    text-align: center;
    margin-bottom: 15px
}

.profile_leaderboard p {
    text-align: center
}

.profile_exclusive_offers h1 {
    text-align: center;
    margin-bottom: 30px
}

.profile_overall {
    padding: 30px 0;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.profile_complete_per {
    display: inline-block;
    width: 37%;
    margin-right: 20px;
    text-align: center;
    float: left;
    border-right: 2px solid #f2f2f2
}

.profile_complete_per h4 {
    margin: 15px 0
}

.profile_questions {
    display: inline-block;
    width: 60%
}

.profile_completeness_main h1 {
    text-align: center;
    margin-bottom: 30px
}

.profile_questions ul {
    margin-left: 30px
}

.profile_questions ul li {
    list-style: url(../../../images/profile/question-list.png);
    width: 100%;
    display: inline-block
}

.profile_questions ul li p {
    font-size: 18px;
    margin-bottom: 30px;
    display: inline-block;
    float: left;
    width: 56%
}

.profile_questions ul li p span {
    color: #787878;
    font-size: 24px
}

.profile_ques_options {
    display: inline-block
}

.profile_ques_options .select2 {
    width: 100% !important
}

ul.profile_more_action li {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 22px;
    padding: 10px;
    min-height: inherit;
    margin: 0;
    border-bottom: 1px solid #e4e4e4
}

ul.profile_more_action {
    right: 0;
    min-width: 175px
}

.profile_more_action {
    display: none;
    top: 100px;
    width: 180px;
    background-color: #fff
}

.profile_more_action:after,
.profile_more_action:before {
    bottom: 100%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.profile_more_action:after {
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
    right: 37px
}

.profile_more_action:before {
    border-color: #fff0;
    border-bottom-color: #D4D4D4;
    border-width: 13px;
    margin-left: -12px;
    right: 35px
}

ul.profile_more_action li a {
    color: #8d8d8d;
    font-size: 14px;
    background: 0 0;
    width: auto;
    padding: 0;
    height: inherit
}

.profile_offers_slider {
    background: #fff
}

.offers_slide_infograph {
    display: inline-block;
    float: left
}

.offers_slide_description {
    padding: 25px;
    display: inline-block;
    margin-left: 20px;
    min-height: 165px;
    width: 74.5%
}

.offers_slide_description h3 {
    margin-bottom: 15px;
    font-size: 26px
}

.offers_slide_description p {
    margin-bottom: 20px
}

.offers_slide_description a {
    margin-right: 10px
}

.subscription_details {
    background: #f8f8f8;
    padding: 15px 30px;
    border: 1px solid #d4d4d4;
    margin-bottom: 20px
}

.profile_mysubscription h1 {
    text-align: center;
    margin-bottom: 30px
}

.subscription_details h3 {
    padding: 0 0 10px;
    border-bottom: 1px solid #e2e2e2
}

.subscriptions_stats {
    display: block;
    margin-bottom: 10px;
    font-size: 16px
}

.subscriptions_stats p {
    min-width: 160px;
    display: inline-block;
    color: #939393
}

.subs_start_end {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 30px 0 0
}

.subs_brokerage {
    margin: 30px 0 15px;
    background: #d8ecf9;
    padding: 20px;
    display: inline-block;
    width: 50%
}

.subs_brokerage h4 {
    font-size: 22px;
    margin-bottom: 15px
}

.brokerage_stats {
    display: block;
    margin-bottom: 5px;
    font-size: 16px
}

.brokerage_stats p {
    min-width: 100px;
    color: #939393;
    display: inline-block
}

.submit_subscription {
    padding: 30px 20px;
    display: none
}

.submit_subscription>p {
    margin: 10px 0 20px
}

.submit_subscription a.primary-btn {
    margin-right: 20px
}

.communityrules_main {
    padding: 30px 20px
}

.communityrules_main h4 {
    margin: 20px 0
}

.communityrules_main p {
    margin-bottom: 10px
}

.communityrules_main ul li {
    margin-bottom: 15px;
    list-style: decimal inside
}

.communityrules_main ul li.subrule ul li {
    list-style: disc inside
}

.communityrules_main ul li.subrule ul {
    margin-left: 15px;
    margin-top: 15px
}

.hasdrop_profile ul li {
    display: block
}

.hasdrop_profileli {
    display: none;
    top: 32px !important
}

.hasdrop_profile {
    display: none !important
}

.saver_plan {
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -moz-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -ms-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    -o-box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    margin-bottom: 20px
}

.research_sms_right {
    text-align: right;
    margin: 10px 0 0;
    padding: 20px;
    display: inline-block;
    width: 50%
}

.termnscon {
    display: inline-block;
    margin-top: 20px
}

.txt-red {
    color: #fb3535
}

.buy-nowtxt {
    font-size: 16px
}

.plan_header {
    background: #5e5f5f;
    color: #fff;
    padding: 20px;
    position: relative
}

.plan_expand {
    position: absolute;
    right: 20px;
    top: 40px
}

a.opened {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.plan_header h3 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 20px
}

.plan_header h2 {
    color: #fff;
    margin-bottom: 10px
}

.saver_plan_details {
    display: inline-block;
    width: 80%
}

.saver_infograph {
    display: inline-block;
    float: right
}

.plan_details {
    padding: 30px;
    display: none
}

.plan_details h3 {
    margin-bottom: 20px
}

.plan_stats {
    display: block;
    margin-bottom: 10px;
    font-size: 16px
}

.plan_stats p,
span.plan_stats span {
    display: inline-block
}

.plan_stats p {
    min-width: 370px
}

.profile_quick_glance {
    text-align: right
}

.profile_quick_glance>li {
    display: inline-block;
    width: 23%;
    text-align: center;
    border: 1px solid #a095b6;
    border-radius: 4px;
    min-height: 110px;
    padding: 0;
    margin: 0 15px 15px 0;
    color: #fff;
    position: relative;
    vertical-align: top;
    font-family: Arial, sans-serif
}

.delete_post_popup h3,
.estimated_brkg h4,
.follower_userdt h3,
.get_there>h3,
.gt_mandatory_badges h4,
.gt_optional_badges h4,
.how_itworks_main>h3,
.points-basic,
.points-higher,
.points-medium,
.popover-right h3,
.post_query_popup h3,
.pp_quickpnt li h3,
.pp_username h3,
.redeem_points_header,
.redeem_points_main h3,
.redeem_slide_right h3,
.refer_friend_head h3,
.refer_friend_steps ul li,
.referal_policy h3,
.report_post_header h3,
.show_how_header h3,
.show_how_header h4 {
    font-family: Arial, Helvetica, sans-serif
}

.profile_quick_glance li h1 {
    color: #fff
}

.profile_quick_glance li a {
    color: #fff;
    padding: 20px 5px;
    display: block
}

.profile_quick_glance li a:hover {
    color: #b7bdd6
}

.exclusive_offers_slide {
    border: 1px solid #e9e9e9;
    position: relative
}

.exclusive_offers_slide .exclusive_offers_left {
    position: absolute;
    float: left
}

.exclusive_offers_right {
    padding: 0
}

.snap-news-slider-con {
    line-height: 20px
}

.exclusive_offers_slide .bx-wrapper .bx-controls-direction a {
    display: none
}

.exclusive_offers_slide .bx-pager {
    display: block;
    right: 10px;
    top: 40%;
    padding-top: 0;
    width: auto;
    height: 100%
}

.snap-page-links li {
    float: left
}

.exclusive_offers_right .bx-pager .bx-pager-item {
    display: block;
    margin-bottom: 5px
}

.exclusive_offers_right .bx-wrapper .bx-pager.bx-default-pager a {
    width: 6px;
    height: 6px;
    color: #ccc
}

.exclusive_offers_right .bx-wrapper .bx-pager.bx-default-pager a.active {
    color: #333
}

.redeem_slide_list li {
    background: url(../../../images/profile/points-back.png) no-repeat;
    min-height: 300px;
    padding: 30px 35px 10px;
    position: relative;
    box-sizing: border-box
}

.redeem_slide_list li h1 {
    display: -webkit-box;
    margin-bottom: 40px
}

.redeem_slide_list li h1 span {
    margin-left: 5px;
    display: inline-block
}

.redeem_slide_left h3 {
    margin-bottom: 10px
}

.redeem-btn {
    margin-right: 10px
}

.redeem_slide_left {
    float: left;
    width: 63%
}

.redeem_slide_right {
    width: 36%;
    display: inline-block;
    text-align: center
}

.redeem_slide_right img {
    margin: 0 auto
}

.redeem_slide_right p {
    font-size: 18px;
    margin: 5px 0;
    color: #4b4b4b
}

.positions_list {
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
    margin: 120px 0 0
}

.positions_list li {
    display: inline-block;
    width: 19%;
    position: relative
}

.positions_list li:after {
    content: attr(data-title);
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 10px
}

.usernextl {
    display: none
}

.beginnerlevel {
    color: #9c6
}

.novicelevel {
    color: #61B4E8
}

.amateurlevel {
    color: #f93
}

.advancedlevel {
    color: #f66
}

.expertlevel {
    color: #96c
}

.howwork_seclink {
    padding-top: 60px
}

.position_tooltip {
    position: absolute;
    background: url(../../../images/profile/level-tooltip.png);
    width: 72px;
    height: 94px;
    top: -60px;
    color: #fff;
    padding: 20px;
    font-size: 12px;
    left: 30%
}

.points_notations {
    background: #eee
}

.single_points {
    width: 33%;
    display: inline-block;
    padding: 15px
}

.how_itworks_main,
.redeem_points_main {
    padding: 25px 25px 40px
}

.point_icon {
    display: inline-block;
    float: left
}

.point_description {
    display: inline-block;
    margin-left: 15px
}

a.how-works {
    text-align: center;
    display: block;
    margin-top: 20px
}

.redeem_points_main h3 {
    margin: 30px 0 20px
}

.redeem_points_main p {
    font-size: 18px;
    color: #999;
    margin-bottom: 15px
}

.get_there,
.gt_mandatory_badges .slide-box-shadows,
.gt_optional_badges .slide-box-shadows {
    padding: 30px 0
}

.how_itworks_main>h3 {
    margin: 30px 0 20px;
    text-align: center
}

.how_itworks_main>p {
    font-size: 14px;
    color: #999;
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px
}

.get_there>h3 {
    text-align: center;
    margin-bottom: 30px
}

.next_level_img {
    margin-top: 30px
}

ul.badgeslist {
    margin-left: 25px;
    margin-bottom: 20px
}

.gt_mandatory_badges h4,
.gt_optional_badges h4,
ul.badgeslist li {
    margin-bottom: 10px
}

.gt_mandatory_badges .slide-box-shadows>.slide-list-items-4,
.gt_optional_badges .slide-box-shadows>.slide-list-items-4 {
    text-align: center
}

.gt_mandatory_badges .slide-box-shadows>.slide-list-items-4>li,
.gt_optional_badges .slide-box-shadows>.slide-list-items-4>li {
    float: none;
    display: inline-block;
    margin-bottom: 40px
}

.gt_mandatory_badges .slide-box-shadows>.slide-list-items-4>li.single_badge:after,
.gt_optional_badges .slide-box-shadows>.slide-list-items-4>li.single_badge:after {
    content: attr(data-label);
    position: absolute;
    bottom: -25px;
    left: 0;
    color: #999;
    width: 100%
}

p.intersection {
    text-align: center;
    margin: 20px 0
}

.special-point {
    background: #EEE;
    padding: 15px;
    border-left: 3px solid #c4c4c4
}

.special-point span {
    color: #6a6a6a
}

.points-higher {
    color: #e0aa19
}

.points-medium {
    color: #62c54b
}

.points-basic {
    color: #61bded
}

.redeem_points_header {
    color: #2e8cbd;
    margin-bottom: 15px
}

.online_catalog_section {
    margin: 60px 0 20px
}

.online_catalog_section p span {
    color: #6a6a6a
}

.online_catalog_section .bx-controls-direction .bx-prev {
    left: -20px
}

.online_catalog_section .bx-controls-direction .bx-next {
    right: -20px
}

.catalog_list li {
    list-style: none;
    display: inline-block;
    width: 23%;
    margin: 0 15px 15px 0
}

.catalog_list li p {
    font-size: 16px;
    color: #6a6a6a
}

.follower_posts_section {
    padding: 60px 0;
    background: #f0f0f0
}

.follower_backbtn {
    padding: 0 0 15px
}

.follower_quick_glance {
    background: url(../../../images/profile/Follower-main-back.jpg) no-repeat;
    background-size: cover;
    min-height: 204px;
    padding: 40px 0 25px
}

.follower_userinfo i.follower_pic {
    background: url(../../../images/profile/follower-pic.png);
    width: 93px;
    height: 48px;
    display: inline-block
}

.follower_userdt {
    display: inline-block;
    margin-left: 15px;
    color: #fff;
    font-size: 16px;
    vertical-align: top;
    margin-top: 30px
}

.follower_userdt h3 {
    color: #fff
}

.to_follow {
    width: 60%;
    display: inline-block
}

.follower_quickpnt li {
    display: inline-block;
    width: 21%;
    color: #fff;
    font-size: 16px
}

.follower_quickpnt li h2 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif
}

.followers_actions {
    width: 39%;
    display: inline-block
}

.followers_cont {
    margin-top: 30px
}

.followers_actions a {
    margin-left: 20px
}

.followers_actions a:first-child {
    margin-left: 0
}

.delete_post_popup h3,
.report_post_header h3 {
    padding: 15px;
    font-size: 20px
}

.delete_post_container,
.delete_post_footer,
.report_post_container,
.report_post_footer {
    padding: 15px
}

.delete_post_footer a {
    margin-right: 15px
}

.profile_popup_main {
    padding: 20px 15px
}

.pp_pic {
    display: inline-block;
    width: 28%;
    float: left
}

.pp_description {
    display: inline-block;
    width: 71%
}

.pp_username {
    padding: 15px 0;
    font-size: 16px
}

.pp_username h3 {
    margin-bottom: 8px
}

.pp_quickpnt li {
    display: inline-block;
    width: 24%
}

.pp_userstats {
    padding: 10px 0 20px
}

.pp_useractions a {
    margin-right: 9px
}

.badge_popover {
    display: none;
    width: 380px;
    position: absolute;
    left: 0;
    z-index: 100;
    background: #FFF;
    padding: 20px;
    border: 3px solid #e4e4e4
}

.badge_popover.tool-left-push {
    left: auto;
    right: 0
}

.popover-left {
    display: inline-block;
    float: left;
    width: 28%
}

.popover-left img {
    width: 100%
}

.popover-right {
    display: inline-block;
    padding: 0 15px;
    width: 72%
}

.popover-right h3 {
    text-align: left;
    margin: 0 0 5px;
    font-size: 22px
}

.popover-right p {
    margin-bottom: 10px
}

.popover-right ul li {
    display: inline-block;
    margin-bottom: 5px
}

.popover-right ul li:last-child {
    margin-bottom: 0
}

.single_badge:hover .badge_popover,
.single_badge:hover .earn_barge_txt {
    display: block
}

.earn_barge_txt {
    position: absolute;
    background: rgb(54 162 173 / .8);
    padding: 15px;
    color: #fff;
    bottom: 0;
    right: 0;
    display: none;
    width: 100%;
    font-size: 12px
}

.earn_barge_txt a {
    color: #fff
}

.survey_ques2 {
    display: none
}

.mandatory_badge {
    position: absolute;
    top: 20px;
    right: 20px
}

.unlocked_badge {
    position: absolute;
    top: 20px;
    right: 45px
}

.rpc-txt {
    margin-bottom: 20px
}

.report_post_container span {
    display: block;
    margin-bottom: 10px
}

.subs_actions {
    margin-top: 40px
}

.subs_actions a {
    margin-right: 10px
}

.post_query_popup {
    padding: 25px
}

.post_query_popup h3 {
    margin-bottom: 25px
}

.query_details {
    margin: 20px 0
}

.query_form_control {
    margin-bottom: 20px
}

.query_form_control label {
    width: 15%;
    display: inline-block;
    float: left
}

.query_form_control .query_input_area {
    width: 75%;
    display: inline-block
}

.queryupload {
    border: 1px solid #39c;
    padding: 8px 5px
}

.queryupload::-webkit-file-upload-button {
    visibility: hidden
}

.queryupload::before {
    content: 'Browse';
    display: inline-block;
    background: #ccc;
    padding: 5px 8px;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer
}

.queryupload:hover::before {
    border-color: #000
}

.refer-or:after,
.refer-or:before {
    content: '';
    border: 1px solid #CACACA
}

.queryupload:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9)
}

.query_input_area p {
    display: inline-block
}

.form-control {
    margin-bottom: 15px
}

.form-control>label {
    display: block;
    margin-bottom: 5px
}

.submit_query a {
    margin: 15px 15px 0 0
}

.query-quest-list li a,
.query-sub-quest-list li a {
    color: #1190e0
}

.query-ans-text {
    display: none;
    text-align: center
}

.aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.aural:focus {
    clip: rect(0, 0, 0, 0);
    font-size: 1em;
    height: auto;
    outline: dotted thin;
    position: static !important;
    width: auto;
    overflow: visible
}

.refer_friend_head {
    padding: 30px
}

.refer_friend_steps {
    padding: 10px 30px
}

.refer_friend_steps ul li {
    display: inline-block;
    float: left;
    margin-right: 40px;
    position: relative;
    font-weight: 700;
    color: #999;
    width: 130px
}

.refer_friend_steps ul li:after {
    content: '';
    background: url(../../../images/profile/refer-step.png) no-repeat;
    width: 20px;
    height: 35px;
    position: absolute;
    right: -20px;
    top: 0
}

.refer_friend_steps ul li:last-child:after {
    display: none
}

i.re-invite-frnd {
    background: url(../../../images/profile/invite-frnd.png) no-repeat;
    width: 35px;
    height: 34px;
    display: inline-block;
    float: left
}

i.re-earn-badge,
i.re-friend-join {
    height: 38px;
    display: inline-block;
    float: left
}

i.re-friend-join {
    background: url(../../../images/profile/frnd-join.png) no-repeat;
    width: 41px
}

i.re-earn-badge {
    background: url(../../../images/profile/earn-badge.png) no-repeat;
    width: 39px
}

li.refer-step1>div {
    padding-left: 44px
}

li.refer-step2>div {
    padding-left: 51px
}

li.refer-step3>div {
    padding-left: 49px
}

li.refer-step3 {
    width: 160px !important
}

.refer_friend_container {
    padding: 30px
}

.refer_social {
    width: 45%;
    display: inline-block;
    float: left
}

i.refer-fb,
i.refer-mail,
i.refer-tw {
    width: 122px;
    height: 34px;
    display: inline-block
}

.refer_form,
.user-profile-form a.icon {
    float: right
}

.refer_social ul {
    padding-top: 20px
}

.refer_social ul li {
    margin-right: 15px;
    margin-bottom: 15px
}

.refer_social ul li:last-child {
    margin-right: 0
}

i.refer-fb {
    background: url(../../../images/profile/refer-fb.png)
}

i.refer-tw {
    background: url(../../../images/profile/refer-twt.png)
}

i.refer-mail {
    background: url(../../../images/profile/refer-mail.png)
}

.refer_form {
    width: 45%;
    display: inline-block;
    color: #999
}

.refer_form form a {
    margin-right: 20px
}

.refer-policy {
    display: block;
    margin-top: 20px
}

.refer-or:after,
.refer-or:before {
    display: inline-block;
    position: absolute
}

.refer-or {
    width: 10%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    min-height: 250px
}

.refer-or:after {
    height: 100px;
    bottom: 0
}

.refer-or:before {
    height: 80px;
    top: 0
}

.refer-or p {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #999;
    width: 34px;
    padding: 9px 0;
    position: absolute;
    left: 30%;
    font-size: 12px;
    top: 40%
}

.refer_friend_main {
    background: #FBFBFB
}

.referal_policy {
    padding: 40px;
    display: none
}

.referal_policy h3 {
    margin-bottom: 15px
}

.referal_policy ul li {
    list-style: decimal inside;
    margin-bottom: 10px
}

.referal_policy ul {
    margin-top: 20px
}

.referal_policy p {
    margin-bottom: 10px
}

.renew_subscription {
    padding: 30px 20px
}

.renew_subscription h5 {
    margin: 10px 0 20px
}

.show_how_main {
    padding: 30px;
    background: #f6f6f6
}

.show_how_header h4 {
    color: #999
}

.show_how_header h3 {
    margin-bottom: 20px
}

.show_how_container>table td,
.show_how_container>table th {
    border: 4px solid #fff;
    text-align: center;
    padding: 15px;
    position: relative
}

.showtooltp {
    position: absolute;
    padding: 10px;
    display: none;
    z-index: 100;
    background: #fff;
    color: #999;
    top: 45px
}

.show_how_container>table td:hover .showtooltp {
    display: block
}

.estimated_brkg h4 {
    color: #999
}

.estimated_brkg p {
    font-size: 16px;
    margin-bottom: 20px
}

.show_how_container>table {
    margin-bottom: 15px
}

.txt-right {
    text-align: right
}

.estimated_brkg {
    margin: 50px 0
}

.estimated_brkg>table {
    margin-bottom: 10px
}

.row1.row2,
.row3,
.row4 {
    background: #eaeaea;
    color: #999
}

.row2 {
    background: #eaeaea
}

.row3 {
    background: #cbe9f9
}

.row4 {
    background: #c0ebb6
}

.row1-head,
.row2-head,
.row3-head,
.row4-head {
    background: #bebebe;
    color: #fff
}

.row2-head {
    background: #bebebe
}

.row3-head {
    background: #57c0f7
}

.row4-head {
    background: #85d971
}

.only-query,
.success_post_main {
    display: none
}

.registered_cred {
    margin: 30px 0
}

.registered_cred p {
    margin-bottom: 10px
}

.query-text {
    display: block;
    clear: both;
    padding: 25px 0 15px
}

.query_type p.reg-state {
    margin-right: 15px;
    display: inline-block;
    width: 220px
}

.query_sns {
    margin-right: 20px
}

.suggest {
    top: 7px;
    z-index: 30;
    text-align: left
}

.suggest>.dropdown-menu {
    margin-top: 15px;
    position: absolute;
    padding: 0;
    height: 190px;
    overflow: auto;
    background: #e5e6e6
}

.suggest>.dropdown-menu>li {
    border-bottom: 1px solid #eee
}

.suggest>.dropdown-menu>li.active a {
    background-color: #fff !important;
    color: #000
}

.suggest>.dropdown-menu>li>a {
    padding: 5px 10px;
    cursor: default
}

.suggest>.dropdown-menu>li.active>a *,
.suggest>.dropdown-menu>li>a:hover * {
    color: inherit !important
}

.suggest>.dropdown-menu>li:last-child {
    border-bottom: 0
}

.subscription_terms {
    padding: 50px 15px 30px
}

.subscription_terms ul {
    margin-left: 40px
}

.subscription_terms ul li {
    list-style: decimal;
    margin-bottom: 10px
}

.paddtb30 {
    padding: 30px 0
}

.graybg-border {
    border-bottom: 1px solid #e5e5e5;
    padding: 40px 0 90px;
    text-align: center;
    background: #e8e8e8
}

.edit-tile img {
    vertical-align: middle
}

.personalprofile {
    position: relative
}

.personal-profile-list {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    text-align: center
}

.personal-profile-list li {
    display: inline-block;
    margin: 0 20px
}

.personal-profile-list li a span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #999;
    display: block;
    text-align: center
}

.personal-profile-list li a.completed span {
    background: #00bb64
}

.personal-profile-list li a.active span {
    background: #286294
}

.personal-profile-list li a span i {
    height: 52px;
    margin-top: 22px;
    width: 52px
}

.profileicon1 {
    background-position: -10px -2814px
}

.profileicon2 {
    background-position: -114px -2814px
}

.profileicon3 {
    background-position: -218px -2814px
}

.profileicon4 {
    background-position: -322px -2814px
}

.profileicon5 {
    background-position: -372px -2814px
}

.profileicon6 {
    background-position: -426px -2814px
}

.profilestart {
    padding-top: 80px
}

.sliderdots {
    margin: 10px 0 0
}

.sliderdots li {
    display: inline-block;
    margin: 0 2px;
    height: 6px;
    width: 6px;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.sliderdots li.active {
    background: #333
}

.details-content {
    padding: 20px 0 0;
    width: 62%;
    margin: 0 auto
}

.pno,
.pquz {
    margin-right: 10px
}

.personalinfo li {
    margin-bottom: 15px
}

.personalinfo li p {
    display: inline-block;
    vertical-align: middle
}

.pno {
    background: #f5f5f5;
    color: #333;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center
}

.userimage {
    width: 82px;
    height: 82px;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.choosefile {
    position: relative;
    color: #1190e0;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px
}

.choosefile input {
    cursor: pointer;
    height: 33px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    margin: 0
}

.botton-buttons {
    padding: 30px 0 40px
}

.botton-buttons a {
    margin: 0 5px
}

.edit_prfile_bg {
    background: rgb(115 124 133);
    background: -moz-radial-gradient(center, ellipse cover, rgb(115 124 133) 0, rgb(115 124 133) 10%, rgb(102 112 125) 33%, rgb(65 77 102) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgb(115 124 133)), color-stop(10%, rgb(115 124 133)), color-stop(33%, rgb(102 112 125)), color-stop(100%, rgb(65 77 102)));
    background: -webkit-radial-gradient(center, ellipse cover, rgb(115 124 133) 0, rgb(115 124 133) 10%, rgb(102 112 125) 33%, rgb(65 77 102) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgb(115 124 133) 0, rgb(115 124 133) 10%, rgb(102 112 125) 33%, rgb(65 77 102) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgb(115 124 133) 0, rgb(115 124 133) 10%, rgb(102 112 125) 33%, rgb(65 77 102) 100%);
    padding: 60px 0
}

.edit_prfile_bg h1 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.edit_prfile_bg h3 {
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif
}

.user-profile-form {
    padding: 20px 0 0 30px;
    color: #fff
}

.user-profile-form .form-group {
    border-bottom: 1px dotted #808891
}

.user-profile-form .form-group:hover .icon-edit {
    display: block
}

.user-profile-form .form-label {
    display: inline-block;
    padding: 10px 0;
    width: 150px;
    position: relative
}

.user-profile-form .form-label:after {
    content: ":";
    width: 10px;
    color: #fff;
    right: 0;
    top: 10px;
    position: absolute
}

.user-profile-form .form-control {
    margin: 0;
    border: 0;
    background: 0 0;
    color: #fff;
    width: 320px;
    padding: 10px;
    display: inline-block
}

.user-profile-form a {
    color: #fff;
    display: inline-block;
    padding: 6px 0 0;
    vertical-align: middle
}

.form-group .button-edit-action {
    margin-top: 5px
}

.edit_prfile_bg .fly_profilepic {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 1px solid #808891;
    float: none;
    margin: 30px auto 10px
}

.edit_prfile_bg .fly_profilepic>img {
    width: 100%;
    height: auto;
    padding: 10px
}

.edit_prfile_bg .change-pic {
    width: 200px;
    bottom: -50px;
    background: rgb(0 0 0 / .5);
    padding: 12px 0
}

.edit_prfile_bg .change-pic a {
    font-size: 14px
}

.edit_prfile_bg .fly_profilepic:hover>.change-pic {
    bottom: 0;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.icon-edit {
    display: none;
    height: 24px;
    width: 24px;
    background-image: url(../../../images/sprite-icons.png);
    background-position: -34px -2929px;
    background-repeat: no-repeat;
    margin: 0 10px
}

.profile_full_info {
    background: #fff;
    margin-bottom: 20px
}

.profile_full_info li {
    border: 0;
    float: left;
    width: 11.1%;
    text-align: center
}

.profile_full_info li a {
    display: block;
    color: #000;
    padding: 20px;
    font-family: futura_bk_btbook
}

.cong,
.fontArial,
.risk-pro-panel h3.invest-drop-nrml {
    font-family: Arial, sans-serif
}

.pf-icon {
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    height: 100px;
    margin: 0 auto 10px;
    width: 100px
}

.profile_full_info .icon {
    display: block;
    height: 52px;
    width: 52px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20px auto;
    background-image: url(../images/home/sprite-icons.png)
}

.profile_full_info .icon-account {
    background-position: -8px -2750px
}

.profile_full_info a:hover .icon-account,
.profile_full_info li.active .icon-account {
    background-position: -8px -2813px
}

.profile_full_info .icon-address {
    background-position: -63px -2750px
}

.profile_full_info a:hover .icon-address,
.profile_full_info li.active .icon-address {
    background-position: -63px -2813px
}

.profile_full_info .icon-work {
    background-position: -115px -2750px
}

.profile_full_info a:hover .icon-work,
.profile_full_info li.active .icon-work {
    background-position: -115px -2813px
}

.profile_full_info .icon-risk {
    background-position: -167px -2750px
}

.profile_full_info a:hover .icon-risk,
.profile_full_info li.active .icon-risk {
    background-position: -167px -2813px
}

.profile_full_info .icon-investment {
    background-position: -217px -2750px
}

.profile_full_info a:hover .icon-investment,
.profile_full_info li.active .icon-investment {
    background-position: -217px -2813px
}

.profile_full_info .icon-income {
    background-position: -269px -2750px
}

.profile_full_info a:hover .icon-income,
.profile_full_info li.active .icon-income {
    background-position: -269px -2813px
}

.profile_full_info .icon-loans {
    background-position: -322px -2750px
}

.profile_full_info a:hover .icon-loans,
.profile_full_info li.active .icon-loans {
    background-position: -322px -2813px
}

.profile_full_info .icon-insurance {
    background-position: -375px -2750px
}

.profile_full_info a:hover .icon-insurance,
.profile_full_info li.active .icon-insurance {
    background-position: -375px -2813px
}

.profile_full_info .icon-financial-goal {
    background-position: -426px -2750px
}

.profile_full_info a:hover .icon-financial-goal,
.profile_full_info li.active .icon-financial-goal {
    background-position: -426px -2813px
}

.fullprofile-date {
    display: inline-block;
    vertical-align: middle
}

.fullprofile-date .dateno {
    box-shadow: none;
    background: 0 0;
    height: 34px
}

.fullprofile-date .dateno li {
    width: 22%
}

.fullprofile-date .dateno li input {
    background: 0 0;
    color: #fff
}

.mstatus {
    display: inline-block;
    margin-left: 5px
}

.editmode {
    display: none
}

.border-blue {
    border: 1px solid #77c4ed
}

.profile_full_info a:hover .border-blue,
.profile_full_info li.active a .border-blue {
    background: #77c4ed;
    border: 1px solid #77c4ed
}

.border-purple {
    border: 1px solid #9086c2
}

.profile_full_info a:hover .border-purple,
.profile_full_info li.active a .border-purple {
    background: #9086c2;
    border: 1px solid #9086c2
}

.border-red {
    border: 1px solid #f692ae
}

.profile_full_info a:hover .border-red,
.profile_full_info li.active a .border-red {
    background: #f692ae;
    border: 1px solid #f692ae
}

.border-orange {
    border: 1px solid #f68567
}

.profile_full_info a:hover .border-orange,
.profile_full_info li.active a .border-orange {
    background: #f68567;
    border: 1px solid #f68567
}

.border-yellow {
    border: 1px solid #ffb850
}

.profile_full_info a:hover .border-yellow,
.profile_full_info li.active a .border-yellow {
    background: #ffb850;
    border: 1px solid #ffb850
}

.border-green {
    border: 1px solid #99cc67
}

.border-green:hover,
.profile_full_info a:hover .border-green,
.profile_full_info li.active a .border-green {
    background: #99cc67;
    border: 1px solid #99cc67
}

.morequz {
    color: #999;
    padding-top: 10px;
    font-size: 16px;
    margin: 0 0 20px !important
}

.morequz a {
    padding-left: 5px
}

.personalprofile .morequz {
    font-size: 14px
}

.panel-default {
    margin: 20px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.panel-default .panel-heading {
    border: 0;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.bg-blue {
    background: #77c4ed
}

.bg-purple {
    background: #9086c2
}

.bg-pink {
    background: #f699b3
}

.bg-red {
    background: #f68567
}

.bg-yellow {
    background: #ffb850
}

.bg-green {
    background: #99CC67
}

.panel-default .panel-heading h3 {
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle
}

.panel-default .panel-heading .icon {
    width: 42px;
    height: 42px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-image: url(../images/home/sprite-icons.png)
}

.panel-default .panel-heading .icon-heading-1 {
    background-position: -10px -2877px
}

.panel-default .panel-heading .icon-heading-2 {
    background-position: -55px -2877px
}

.panel-default .panel-heading .icon-heading-3 {
    background-position: -100px -2877px
}

.panel-default .panel-heading .icon-heading-4 {
    background-position: -143px -2877px
}

.panel-default .panel-heading .icon-heading-5 {
    background-position: -188px -2877px
}

.panel-default .panel-heading .icon-heading-6 {
    background-position: -232px -2877px
}

.panel-default .panel-heading .icon-heading-7 {
    background-position: -276px -2877px
}

.panel-default .panel-heading .icon-heading-8 {
    background-position: -320px -2877px
}

.panel-default .panel-heading .icon-heading-9 {
    background-position: -364px -2877px
}

.panel-default .panel-body {
    padding: 20px 64px 25px
}

.panel-default label {
    color: #999;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
    width: 31%;
    display: inline-block;
    font-size: 16px
}

.panel-default .form-input {
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    width: 68%
}

.panel-default .form-control {
    padding: 10px 5px;
    border: 0;
    margin: 0;
    width: 78%;
    font-size: 16px;
    background: 0 0
}

.panel-default .select2-container {
    width: 100% !important
}

.panel-default .select2-container--default .select2-selection--single .select2-selection__rendered {
    box-shadow: none;
    font-size: 16px;
    color: #000
}

.panel-default .select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #666
}

.fontArial {
    color: #333
}

.cong {
    color: #999;
    margin-bottom: 15px
}

.risk-pro-panel h3.invest-drop-nrml {
    color: #666
}

.form-edit-panel .icon-edit,
.header-part-content .icon-edit {
    background-position: -10px -2929px;
    display: none
}

.adress-form-2 h3,
.form-edit-panel h3 {
    color: #999;
    margin-bottom: 20px
}

.form-edit-panel ul li {
    margin-bottom: 5px
}

.form-edit-panel ul li .icon {
    float: right;
    padding: 6px 0 0
}

.address-panel:hover .icon-edit,
.form-edit-panel ul li:hover .icon-edit,
.risk-pro-panel:hover .icon-edit {
    display: block
}

.adress-form-2 {
    margin: 30px 0 0
}

.adress-form-2 h3 {
    float: left
}

.adress-form-2 .form-control-checkbox {
    float: right
}

.adress-form-2 .checkbox {
    width: auto;
    border: 0
}

.panel-body .header-part-content {
    border-bottom: 1px solid #e5e5e5
}

.header-part-content {
    position: relative
}

.header-part-content .icon {
    position: absolute;
    top: 5px;
    right: -10px
}

.header-part-content .button-edit-action {
    position: absolute;
    top: 5px;
    right: 0
}

.risk-pro-panel .left_content {
    margin: 30px 0 0;
    color: #999;
    font-size: 16px;
    float: left;
    width: 410px;
    padding-right: 20px
}

.invisible-div .left_content {
    width: 280px;
    font-size: 14px
}

.risk-pro-panel .left_content p:first-child {
    color: #333
}

.risk-pro-panel .left_content p:last-child {
    margin: 10px 0
}

.risk-pro-panel .left_content p:first-child span {
    color: #00bc64
}

.risk-pro-panel .right_content {
    text-align: center;
    margin: 30px 0 0;
    border-left: 1px dotted #e5e5e5;
    float: left
}

.risk-pro-panel .donut-area-img {
    float: left;
    padding: 0 20px
}

.panel-body .donut-area-img {
    padding: 0 40px
}

.chart-legends {
    float: right;
    text-align: left
}

.chart-legends ul li {
    margin: 10px 0
}

.chart-legends ul li span {
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    width: 10px
}

.homeadd {
    position: relative
}

.homeadd .button-edit-action,
.homeadd .icon {
    position: absolute;
    top: 0;
    right: 0
}

.button-edit-action {
    display: none;
    float: right
}

.asstitle {
    margin: 30px 0
}

.asstitle a {
    font-size: 16px
}

.badgestwo li {
    display: inline-block;
    margin: 0 10px
}

.badgtext {
    font-size: 18px;
    margin: 5px 0
}

.contentview {
    width: 90%;
    margin: 0 auto
}

.congratsbg {
    background: #f692ae
}

.risk-pro-panel .invest-drop {
    padding: 0
}

.risk-pro-panel .invest-drop .invest-down {
    margin: 0
}

.risk-pro-panel .invest-drop .intvest-time {
    font-family: Arial, sans-serif;
    border-color: #999;
    color: #333
}

.invisible-div {
    display: none;
    border-top: 1px solid #e5e5e5
}

.riskselected {
    cursor: default;
    border-color: #fff !important
}

.riskoptions {
    display: none !important
}

.quest-main {
    background: #fff;
    padding: 40px
}

.choose-answers {
    margin: 10px 0 0
}

.choose-answers li {
    display: inline-block;
    width: 30%;
    text-align: left;
    margin: 20px 20px 10px
}

.choose-answers li label {
    font-size: 16px;
    padding-top: 0;
    color: #666
}

.question-series {
    width: 160px;
    display: block;
    margin: 10px auto 20px
}

.question-series .que-no-header .que-nos {
    margin-left: 0
}

.question-data .quiz-questions {
    margin: 30px 0 0
}

.addresses {
    margin: 30px 0
}

.addresses ul li {
    height: 220px;
    display: inline-block;
    width: 49%
}

.addresses h3 {
    margin-bottom: 20px
}

.addresses p {
    font-size: 16px;
    color: #333;
    line-height: 26px
}

.address-details>li {
    margin-bottom: 10px
}

.address-details li label {
    margin-right: 5px
}

.address-details li input,
.address-details li label,
.mycurrent-invest p {
    font-size: 14px;
    line-height: 26px
}

.address-details li input {
    border: none;
    color: #333;
    border-bottom: 1px solid #ccc
}

.proceed-data p {
    color: #ff4761;
    font-size: 16px;
    font-style: italic
}

.popupbuttons {
    margin: 30px 0 10px
}

.popupbuttons li {
    display: inline-block;
    margin-right: 20px
}

.investment-details input,
.investment-details select {
    width: 240px
}

.investment-details .select2-container .select2-selection--single {
    height: 30px;
    border-bottom: 1px solid #ccc
}

.investment-details .select2-container--default .select2-selection--single .select2-selection__rendered {
    box-shadow: none;
    line-height: 34px;
    color: #333;
    font-size: 14px
}

.investment-details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    top: -3px
}

.mycurrent-invest .currinvest-details input {
    width: 160px
}

.mycurrent-invest {
    display: block
}

.mycurrent-invest .currinvest-details {
    width: 49%;
    margin: 5px 0;
    float: left
}

.addmore-details {
    padding-left: 20px
}

.select-type {
    display: none
}

.select-type label {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    cursor: text
}

.add-moredetails {
    padding: 10px 0;
    display: block
}

.total-asset p {
    font-size: 14px;
    margin: 20px 0 0;
    border-top: 1px solid #ccc;
    padding: 15px 0 0
}

.total-asset p span {
    color: #333;
    font-size: 16px
}

.investment-details .invest-down {
    border-bottom: 1px solid #ccc;
    width: 230px
}

.investment-details .invest-down .inst-arrow {
    padding: 10px 0 0 20px;
    position: absolute;
    right: 0;
    top: -5px
}

.investment-details .intvest-time {
    height: 24px;
    line-height: 26px;
    color: #333;
    font-size: 14px
}

.investment-details .sort-icon {
    background-position: -413px -52px
}

.employment-drop {
    top: 40px;
    width: 260px
}

.your-investmentmain .employment-drop li {
    height: auto
}

.helpus-main .single_badge {
    background-color: #FFF;
    width: 225px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    transition: all .2s ease-in-out 0s;
    margin: 20px auto 0;
    position: relative
}

.helpcontent {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0
}

.helpcontent .lumpsumsip {
    margin: 20px 0 0;
    padding: 0;
    background: 0 0
}

.helpcontent .lumpsum-selection-div {
    margin-bottom: 0
}

.closeprofile {
    background: url(../../../images/edit-profile/close-profile.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 2
}

.closeprofile:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

.completed-icon {
    background-position: -487px -2752px
}

.goalsection {
    margin-bottom: 70px
}

.error-msg {
    color: #feb13f;
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif;
    margin-top: 3px
}

.dialog-title.loan-hea {
    border-bottom: 0
}

.loan-hea h4 {
    color: #fff
}

.dis-divs {
    pointer-events: none
}

.holiday-list {
    padding: 30px
}

.holiday-list .pop-table-hea {
    color: #333
}

.holiday-list .session {
    list-style-type: upper-alpha;
    padding: 10px 20px
}

.holiday-list .session>li {
    border-bottom: 1px dotted #d9d9d9;
    color: #333;
    padding: 25px 10px
}

.holiday-list .session>li:last-child {
    border-bottom: medium none;
    padding-bottom: 10px
}

.holiday-list .session p {
    font-size: 18px;
    margin-bottom: 10px
}

.holiday-list .note {
    color: #999 !important;
    font-style: italic;
    margin-top: 10px
}

.holiday-list .pop-table-hea {
    margin-top: 30px
}

.holiday-list .holiday-note span {
    color: #333;
    font-weight: 700
}

button.search-icon-area {
    border: none
}

button.search-icon-area:active,
button.search-icon-area:focus {
    outline: 0 !important
}

button.search-icon-area::-moz-focus-inner {
    border: 0
}

.post-query-loader-background {
    width: 100%;
    height: 100%;
    top: 0;
    padding: 0;
    margin: 0;
    background: rgb(0 0 0 / .2);
    display: none;
    position: fixed;
    z-index: 100
}

.post-query-loader-background>img {
    position: relative;
    top: 100px;
    left: 100px
}

.openaccount-form-nri-background>img {
    position: relative;
    top: 169px;
    left: 42.5%
}

#loadingPostResend>img {
    top: 94px !important
}

#loadingPost_mobResend>img {
    top: 109px !important
}

.thank-open-nri {
    color: #fff !important
}

.showPortfolio {
    display: inline-block !important
}

.hidePortfolio {
    display: none !important
}

.youtube-container {
    display: block;
    width: 100%;
    max-width: 600px
}

.youtube-player {
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block
}

img.youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto
}

div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(http://i.imgur.com/TxzC70f.png) no-repeat
}

.box-start .howit-works {
    display: inline-table
}

p.awardcontent span {
    display: block;
    padding-left: 0 !important
}

iframe#youtube-iframe {
    width: 267px !important;
    position: absolute
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: rgb(0 0 0 / .2);
    width: 8px;
    height: 8px;
    margin-right: 0;
    float: none;
    margin-top: -10px;
    margin-left: 3px;
    display: inline-block;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
    background: rgb(0 0 0 / .8)
}

.tp-bullets {
    left: 50%;
    margin-left: -23px !important
}

.rev_slider_wrapper {
    padding: 0 !important
}

.ui-widget-overlay-trasparent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 10001
}

.slider-dialog-close {
    background: rgb(192 192 192) !important;
    border-radius: 50% !important;
    padding: 3px 9px !important;
    top: 10px !important;
    right: 10px !important
}

div#rev_slider_1_1_wrapper .close-pop {
    background-position: -91px -305px
}

#commodities .eqsip-1 {
    background-position: -387px -1909px
}

#commodities .eqsip-2 {
    background-position: -428px -1909px
}

#commodities .eqsip-3 {
    background-position: -306px -1909px
}

#commodities .eqsip-4 {
    background-position: -470px -1909px
}

#commodities .eqsip-5 {
    background-position: -347px -1909px
}

ul.social-icons.new-add-icons {
    width: 294px
}

i.sprite-img.social.YouTube-icon {
    background-position: -1090px -22px
}

i.sprite-img.social.YouTube-icon:hover {
    background-position: -1090px -71px
}

.dis-price-slider>li {
    display: inline-block;
    width: 225px;
    margin-right: 19px;
    vertical-align: top
}

i.sprite-img.icon-logout {
    width: 16px;
    height: 16px;
    background-position: -160px -76px;
    vertical-align: text-bottom;
    margin-left: 10px
}

.profileaddresschangestep1 p.mandatory-field.small-inp {
    margin-right: 5px
}

.logout-footer table td {
    text-align: center
}

.error.error-wrap {
    border: 0
}

.error-image-div {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 10px
}

img.new-error-image-web {
    width: 100%;
    margin: 0 auto
}

section.site-start-modules.error-page.sitestrt {
    margin-top: 96px
}

.Lineborder {
    border-top: solid 3px #ae275f
}

.logout_txt {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    padding: 10px
}

.logout_txt_link {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    text-decoration: none
}

.logout_txt_link a {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #ae275f;
    text-align: center;
    text-decoration: none
}

.logout_txt_link a:hover {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    text-decoration: underline
}

.social_txt {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    text-decoration: none;
    padding: 10px
}

tr.share-icon-table td {
    display: inline
}

tr.share-icon-logout td {
    display: inline
}

.container_12.full-logout {
    background: #fff3f3;
    width: 100%;
    padding: 10px 0;
    border-top: solid 3px #ae275f;
    text-align: center
}

p.main-title-logout {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    padding: 10px
}

a.logout-link {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #ae275f;
    text-align: center;
    text-decoration: none
}

ul.social-ul li {
    float: left
}

ul.social-ul {
    text-align: CENTER;
    margin: 0 auto;
    width: 100%
}

ul.social-ul li {
    float: none;
    width: 100%;
    display: inline
}

.grid_12.sec-slider {
    padding-bottom: 15px
}

.after-expand {
    height: 375px
}

ul.curosal.social-actions-list.clearfix.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all .social-details {
    padding-left: 35px;
    margin-top: -5px
}

span#select2-country_of_residence-container {
    padding-left: 8px
}

span#select2-country_of_residence-container span.select2-selection__placeholder {
    color: #ccc
}

.charges-sprite {
    background-position: -834px -208px
}

.faq-list-items>li a.active-tab .charges-sprite {
    background-position: -835px -287px
}

.charges-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.portfolio-sprite {
    background-position: -911px -208px
}

.faq-list-items>li a.active-tab .portfolio-sprite {
    background-position: -910px -287px
}

.portfolio-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.research-sprite {
    background-position: -774px -208px !important
}

.faq-commodities-icon {
    background-position: -702px -208px
}

.faq-list-items>li a.active-tab .research-sprite {
    background-position: -990px -287px
}

.research-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.reward-sprite {
    background-position: -1071px -208px
}

.faq-list-items>li a.active-tab .reward-sprite {
    background-position: -1069px -287px
}

.reward-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.grid_12.line.log-line {
    padding-bottom: 15px
}

p.main-title-logout {
    font-family: futura_bk_btbook, open_sansregular, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #303030;
    text-align: center;
    padding: 0
}

p.social_txt {
    padding-top: 30px;
    padding-bottom: 15px
}

.grid_12.line.log-line {
    padding-bottom: 15px
}

ul.social-ul li {
    padding-right: 40px
}

.grid_12.sec-slider.log-bottom {
    padding-bottom: 30px
}

.fullpage.fullpage-web.fullpage-wrapper .fp-tableCell {
    height: 576px !important
}

.fullpage.fullpage-web.fullpage-wrapper .fullpage-box.fp-section.fp-table {
    height: 576px !important
}

div.sessExpMsg {
    position: absolute;
    text-align: center !important;
    margin-left: 29%;
    padding: 10px;
    color: #a40032;
    background: #ffffff !important;
    top: 96px !important
}

.imgSizeExhaust {
    position: absolute;
    text-align: center !important;
    margin-left: 32%;
    padding: 10px;
    color: #a40032;
    background: #ffffff !important;
    top: 96px !important
}

.charges-sprite {
    background-position: -834px -208px
}

.faq-list-items>li a.active-tab .charges-sprite {
    background-position: -835px -287px
}

.charges-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.portfolio-sprite {
    background-position: -911px -208px
}

.faq-list-items>li a.active-tab .portfolio-sprite {
    background-position: -910px -287px
}

.portfolio-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.research-sprite {
    background-position: -991px -208px
}

.faq-list-items>li a.active-tab .research-sprite {
    background-position: -990px -287px
}

.research-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.reward-sprite {
    background-position: -1071px -208px
}

.faq-list-items>li a.active-tab .reward-sprite {
    background-position: -1069px -287px
}

.reward-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.demat-ic1 {
    background-position: -1153px -208px
}

.faq-list-items>li a.active-tab i.sprite-img.demat-ic1 {
    background-position: -1153px -291px
}

.faq10-sprite {
    background-position: -925px -373px
}

.faq10-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.faq-list-items>li a.active-tab .faq10-sprite {
    background-position: -924px -452px
}

.faq11-sprite {
    background-position: -836px -369px
}

.faq-list-items>li a.active-tab .faq11-sprite {
    background-position: -834px -452px
}

.faq11-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.faq12-sprite {
    background-position: -1015px -370px
}

.faq-list-items>li a.active-tab .faq12-sprite {
    background-position: -1014px -452px
}

.faq12-sprite i {
    width: 64px;
    height: 64px;
    margin-bottom: 10px
}

.off-terms-condition {
    text-align: center;
    padding-top: 30px
}

.com-terms {
    margin-top: -10px;
    vertical-align: middle
}

ul.sensex-list-top.market-ticker-fir span.top-label {
    vertical-align: initial
}

.profileloadimage {
    width: 32px !important;
    height: auto !important;
    align-content: center;
    top: 36px !important;
    position: relative;
    left: 43px
}

.profileloadimage1 {
    width: auto !important;
    height: auto !important;
    align-content: center;
    top: 76px !important;
    position: relative;
    left: 76px
}

ul.latest-new-top.overflow-dots.sensex-list-top span {
    vertical-align: bottom
}

textarea.form-control.address-width.new-address-field {
    margin-top: 16px
}

.stock-box-content.port-summery-gap.ClsMutualFund .pd-list-4 .port-value,
.pd-list-4 .port-gain {
    width: 33%
}

label.text-area-label {
    padding-bottom: -12px;
    top: -8px;
    position: relative
}

.page-banner.bg-img-prop.new-b-h.mob-none {
    height: 300px
}

.product-center.banner-align.bottom.new-b-h {
    height: 300px
}

.alert-hea {
    border-bottom: 1px dotted #c5c5c5;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.alert-hea>i {
    width: 34px;
    height: 34px;
    float: left
}

.alerticon-1 {
    background-position: -905px -1716px
}

.alerticon-2 {
    background-position: -939px -1716px
}

.alerticon-3 {
    background-position: -973px -1716px
}

.alerticon-4 {
    background-position: -1007px -1716px
}

.alert-name-time {
    padding-left: 44px
}

.alert-name-time h4 {
    font-family: Arial, Helvetica, sans-serif
}

.alert-name-time span {
    font-size: 12px;
    margin-top: 5px
}

.alert-name-time span.time {
    color: #ccc;
    margin-right: 10px;
    border-right: 1px dotted #c5c5c5;
    padding-right: 10px
}

.alert-body span {
    text-transform: uppercase
}

.alert-showmore {
    position: absolute;
    left: 50%;
    margin-left: -40px
}

.stock-volume,
.stock-oi,
.stock-aum,
.stock-dividend,
.stock-fundmanager {
    display: none
}

.stock-alerts,
.mf-alerts,
.der-alerts,
.stock-alert-btn,
.mf-alert-btn,
.der-alert-btn {
    display: none
}

.alert-list li {
    min-height: 83px
}

.alert-smaltxt {
    padding-right: 10px
}

.alert-list {
    min-height: 120px
}

.alert-label {
    color: #999
}

.alert-val {
    font-weight: 600
}

.alert-pop .research-header {
    position: static;
    height: auto
}

.premium .alert-pop.dialog-title {
    height: auto
}

.alert-plans {
    margin-top: 30px;
    text-align: center
}

.alert-plans li {
    width: 220px;
    padding: 20px 40px;
    display: inline-block;
    margin-right: 20px
}

.alert-plans li:last-child {
    margin-right: 0
}

.alert-plans li h3 {
    margin-top: 3px
}

.alert-suc-page i {
    width: 100px;
    height: 100px
}

.alert-sucess {
    background-position: -110px -2431px
}

.alert-fail {
    background-position: -10px -2431px
}

.notification-icon.active {
    background: url(../images/portfolio/general-notif.gif);
    width: 38px;
    height: 38px;
    margin-right: 0
}

.alaram {
    background-position: -58px -214px
}

.alaram.active {
    background: url(../images/portfolio/my-notif.gif);
    width: 38px;
    height: 38px;
    margin-right: 0
}

.vessel {
    background-position: -34px -214px
}

.vessel.active {
    background: url(../images/portfolio/research-notif.gif);
    width: 38px;
    height: 38px;
    margin-right: 0
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.add-alert-setting-list>li {
    border-right: 1px solid #d0d0d0;
    float: left;
    padding-right: 10px;
    margin-right: 10px
}

.add-alert-setting-list>li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.add-alert-more-menu .cart-more-items {
    width: 170px;
    text-align: left;
    top: 29px
}

.notification-list .mar-panel-hea {
    width: 18%
}

.notification-list .mar-panel-body {
    width: 63%
}

.notification-list .mar-panel-footer {
    width: 15%;
    color: #999
}

.notification-list .mar-panel-footer a {
    font-size: 13px
}

.notification-list .mar-panel-footer .notification-time-text {
    display: inline-block;
    vertical-align: middle
}

.notification-read-more-link {
    margin-top: 10px
}

.notification-list .notification-heading {
    font-family: Arial, Helvetica, sans-serif
}

.notification-list .notification-heading span {
    color: #999
}

.notification-list .notification-text {
    color: #666;
    margin: 15px 0 0
}

.notification-list .notification-read-more-section {
    display: none
}

.send-email-wrapper {
    border-top: 1px dotted #c5c5c5;
    padding-top: 20px
}

.send-email-wrapper .send-email-text {
    color: #666
}

.send-email-wrapper ul {
    margin-top: 20px;
    margin-bottom: 30px
}

.send-email-wrapper ul li {
    margin-bottom: 15px
}

.notification-list .notification-icon-wrapper i.sprite-img {
    height: 80px;
    width: 80px
}

.notification-list .notification-1 {
    background-position: -592px -2810px
}

.notification-list .notification-2 {
    background-position: -672px -2810px
}

.notification-web-dropdown {
    position: absolute;
    width: 410px;
    right: -20px;
    top: 47px;
    background: #d4dfea;
    display: none;
    box-shadow: 0 1px 3px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    border-radius: 2px
}

.notification-web-dropdown.research-drop {
    right: -33px
}

.notification-web-dropdown:after,
.notification-web-dropdown:before {
    bottom: 100%;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.notification-web-dropdown:after {
    border-color: #fff0;
    border-bottom-color: #0d57a0;
    border-width: 11px;
    margin-left: -11px
}

.notification-web-dropdown:before {
    border-color: #fff0;
    border-bottom-color: #0d57a0;
    border-width: 11px;
    margin-left: -12px
}

.notification-dropdown-heading {
    padding: 15px;
    background: #0d57a0
}

.notification-dropdown-heading h4 {
    float: left;
    color: #fff
}

.mark-read {
    float: right;
    color: #fff;
    margin-top: 3px
}

.notification-dropdown-list {
    max-height: 374px;
    overflow-y: auto
}

.notification-dropdown-list li {
    border-top: 1px solid #cdcdcd;
    position: relative;
    display: block;
    padding: 15px;
    cursor: pointer
}

.notification-dropdown-list li.active {
    background: #eef3f7
}

.notification-dropdown-list .notification-dropdown-icon,
.notification-box-wrapper .notification-dropdown-icon {
    float: left
}

.notification-dropdown-list .notification-dropdown-text,
.notification-box-wrapper .notification-dropdown-text {
    padding-left: 50px
}

.notification-dropdown-list .notification-dropdown-text span,
.notification-box-wrapper .notification-dropdown-text span {
    color: #999
}

.notification-dropdown-list .notification-dropdown-text p,
.notification-box-wrapper .notification-dropdown-text p {
    color: #666;
    margin-top: 5px;
    font-size: 12px
}

.notification-dropdown-text h6 {
    font-weight: 600
}

.notification-dropdown-text {
    margin-bottom: 10px
}

.notification-dropdown-list li .notibtns {
    margin-top: 8px;
    display: none
}

.notification-dropdown-list li .notibtns a {
    display: inline-block;
    padding: 6px 10px 4px
}

.notification-dropdown-list li .notibtns a.be-le {
    margin-left: 5px
}

.notification-dropdown-list li:hover {
    background: #fff
}

.notification-dropdown-list li:hover .notibtns {
    display: block
}

.notification-dropdown-list .notification-dropdown-time-text {
    position: absolute;
    right: 10px;
    bottom: 5px;
    color: #999;
    font-size: 12px
}

.all-notification-link {
    display: block;
    color: #666;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #cdcdcd;
    background: #e7e8ea;
    font-size: 16px
}

.all-notification-link:hover {
    background: #fff
}

.notification-dropdown-icon i {
    width: 40px;
    height: 40px
}

.noti-ico-1 {
    background-position: -592px -2810px
}

.noti-ico-2 {
    background-position: -632px -2810px
}

.noti-ico-3 {
    background-position: -672px -2810px
}

.noti-ico-4 {
    background-position: -712px -2810px
}

.noti-ico-5 {
    background-position: -752px -2810px
}

.noti-ico-6 {
    background-position: -792px -2810px
}

.noti-ico-7 {
    background-position: -832px -2810px
}

.noti-ico-8 {
    background-position: -872px -2810px
}

.noti-ico-9 {
    background-position: -672px -2850px
}

.noti-ico-10 {
    background-position: -712px -2850px
}

.noti-ico-11 {
    background-position: -752px -2850px
}

.noti-ico-12 {
    background-position: -792px -2850px
}

.noti-ico-13 {
    background-position: -832px -2850px
}

.noti-ico-14 {
    background-position: -872px -2850px
}

.noti-ico-15 {
    background-position: -592px -2890px
}

.noti-ico-16 {
    background-position: -632px -2890px
}

.notification-box-wrapper {
    position: fixed;
    width: 350px;
    right: 15px;
    bottom: 20px;
    z-index: 9999
}

.notificatios-box-inside {
    background: #d9e3ed;
    color: #fff;
    position: relative
}

.notificatios-box-insideclose {
    width: 12px;
    height: 10px;
    background-position: -423px -48px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.notification-box-wrapper .notification-dropdown-text {
    margin-bottom: 0
}

.notification-box-wrapper a {
    display: block;
    padding: 20px 10px
}

.notification-box-wrapper h5 {
    font-weight: 700
}

.alert-hea.notifications {
    position: relative
}

.alert-hea.notifications>i {
    width: 40px;
    height: 40px
}

.notifications .alert-name-time {
    padding: 0 30px 0 50px
}

.notification-soc-list-icon {
    position: absolute;
    right: 0;
    top: 0
}

.new-lala1 .notification-web-dropdown:after,
.new-lala1 .notification-web-dropdown:before {
    right: 46px
}

.new-ala .notification-web-dropdown:after,
.new-ala .notification-web-dropdown:before {
    right: 46px
}

.new-lala3 .notification-web-dropdown:after,
.new-lala3 .notification-web-dropdown:before {
    right: 45px
}

.alert-popup-steps {
    padding-top: 30px
}

.trade-entry-input-list>li.price-condition p.invest-down {
    width: 170px
}

.trade-entry-input-list>li.price-condition .intvest-time {
    min-width: 152px
}

.trade-entry-input-list>li.price-condition>p input {
    width: 91px
}

.trade-entry-input-list>li.price-condition .show-more-price-field {
    margin: 15px 0 0;
    display: block
}

.trade-entry-input-list>li.price-condition .price-field-list {
    padding-left: 135px;
    margin-bottom: 30px
}

.trade-entry-input-list>li.price-condition .price-field-list li {
    display: inline-block;
    width: 48%;
    margin-top: 10px
}

.price-selection-list li {
    display: inline-block;
    margin: 0 10px 20px 0
}

.trade-entry-input-list>li.price-condition .price-field-list li label,
.price-selection-list li label {
    width: auto
}

.notifications-image {
    margin: 30px 0 10px 0
}

.notifications-image img,
.notifications-image iframe {
    width: 100%
}

.notifications-image iframe {
    height: 400px
}

#general-noti h3,
#my-noti h3,
#research-noti h3,
#personalized-settings h3 {
    color: #026fc1;
    font-family: Arial, Helvetica, sans-serif;
    margin: 30px 0 10px
}

#general-noti ul li span,
#my-noti ul li span,
#research-noti ul li span {
    position: relative
}

#my_unread {
    right: 44px
}

#general-noti ul li,
#my-noti ul li,
#research-noti ul li {
    font-size: 20px;
    list-style: url(../images/profile/list-icon.png);
    line-height: 30px;
    list-style-position: inside;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    position: relative
}

a.notification-dropdown-link span#general_unread {
    top: -4px;
    left: 10px
}

.noti-no {
    position: absolute;
    background-color: #0d57a0;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
    right: 6px;
    top: 0;
    text-align: center
}

a.notification-dropdown-link span#general_unread {
    top: -5px;
    left: 11px;
    right: 8px
}

span#research_unread {
    right: 11px
}

.hide {
    display: none !important
}

.show {
    display: block important
}

ul#notification_listing p,
ul.notification-dropdown-list p,
.notificatios-box-inside p {
    word-wrap: break-word
}

.graph-deisgn1 {
    margin-top: 20px;
    margin-left: 4%
}

.graph3 {
    height: 153px;
    padding: 33px 0 0 3px;
    width: 85%;
    margin: 0 auto
}

.graph3 ul {
    margin: 0;
    padding: 0 3px 0 0;
    width: 700px;
    position: relative;
    height: 40px
}

.graph3 ul li {
    border-bottom: 10px #d6d6d6 solid;
    float: left;
    display: block;
    position: relative;
    list-style-type: none
}

.graph3 li.top .dot {
    background: url(../images/dot-border.png) no-repeat 0 top
}

.graph3 li.bottom .dot {
    top: -3px;
    background: url(../images/dot-border-rev.png) no-repeat left bottom !important;
    height: 80px !important
}

.graph3 li.last .dot {
    top: -3px;
    right: -3px !important;
    position: absolute
}

.graph3 li.last {
    padding-top: 27px
}

.graph3 ul li.first {
    width: 2.75%;
    padding-top: 27px
}

.graph3 ul li.second1 {
    width: .2%
}

.graph3 ul li span.dot {
    background: url(../images/dot-border.png) no-repeat left top;
    height: 31px;
    width: 7px;
    display: block;
    position: absolute;
    top: 0
}

.graph3 ul li.highlighted-green {
    border-bottom: 10px solid #92d050 !important
}

.graph3 ul li.highlighted-red {
    border-bottom: 10px solid #BA0000 !important
}

.graph3 ul li.noBorderRgt {
    border-right: 0 none !important
}

.graph3 .noBg {
    background: none !important
}

.graph3 .relative {
    position: relative
}

.graph3 .top-center {
    position: absolute;
    top: -33px;
    left: -3px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .first .top-center {
    position: absolute;
    top: -33px;
    left: -27px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .last .top-center {
    position: static;
    float: right;
    margin-top: -58px !important;
    margin-right: -185px !important
}

.graph3 .bottom .top-center {
    margin-right: -165px
}

.graph3 .mid-center1 {
    position: absolute;
    top: 33px;
    right: -93px;
    color: #c4c2b6;
    font-family: arial
}

.clear {
    clear: both;
    display: block
}

.noBg {
    background: none !important
}

.relative {
    position: relative
}

.graph {
    height: 80px;
    padding: 0 0 0 3px;
    width: 600px;
    margin: 0 auto
}

.graph ul {
    margin: 0;
    padding: 0 3px 0 0;
    width: 100%;
    display: flex;
    position: relative;
    height: 40px;
    background: url(../images/dot-border.png) no-repeat right top;
    display: flex
}

.graph ul li {
    border-bottom: 10px #d6d6d6 solid;
    width: 50%;
    float: left;
    display: block;
    position: relative;
    background: url(../images/dot-border.png) no-repeat -3px top;
    list-style-type: none;
    width: 600px
}

.graph ul li.first {
    width: .2%
}

.graph ul li.second {
    width: .2%
}

.graph ul li.midchild {
    width: .2%
}

.graph ul li span.dot {
    background: url(../images/dot-border.png) no-repeat left top;
    height: 31px;
    width: 7px;
    display: block;
    position: absolute;
    top: 0;
    left: -3px
}

.graph ul li.highlighted-green {
    border-bottom: 10px solid #92d050 !important
}

.graph ul li.highlighted-red {
    border-bottom: 10px solid #BA0000 !important
}

.graph ul li.noBorderRgt {
    border-right: 0 none !important
}

.noBg {
    background: none !important
}

.relative {
    position: relative
}

.top-center {
    position: absolute;
    top: -33px;
    left: -3px;
    color: #c4c2b6;
    font-family: arial
}

.first .top-center {
    position: absolute;
    top: -33px;
    left: -27px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 80px
}

.last .top-center {
    position: static;
    float: right;
    margin-top: -33px;
    margin-right: -60px
}

.mid-center {
    position: absolute;
    top: 33px;
    right: -93px;
    color: #c4c2b6;
    font-family: arial
}

.last .mid-center {
    position: static;
    float: right;
    margin-top: 36px;
    margin-right: -100px
}

.small-text {
    font-size: 12px
}

.big-text {
    font-size: 15px;
    color: #666
}

.middle-div .top-center {
    left: auto !important;
    position: absolute;
    right: -58px !important
}

.graph ul li.second {
    position: relative;
    font-family: arial
}

.graph ul li.second .mid-div {
    position: relative;
    top: 80px;
    float: left;
    color: #c4c2b6;
    font-family: arial
}

.graph-deisgn1 {
    margin-top: 20px;
    margin-left: 4%
}

.graph3 {
    height: 153px;
    padding: 33px 0 0 3px;
    width: 85%;
    margin: 0 auto
}

.graph3 ul {
    margin: 0;
    padding: 0 3px 0 0;
    width: 700px;
    position: relative;
    height: 40px
}

.graph3 ul li {
    border-bottom: 10px #d6d6d6 solid;
    float: left;
    display: block;
    position: relative;
    list-style-type: none
}

.graph3 li.top .dot {
    background: url(../images/dot-border.png) no-repeat 0 top
}

.graph3 li.bottom .dot {
    top: -3px;
    background: url(../images/dot-border-rev.png) no-repeat left bottom !important;
    height: 80px !important
}

.graph3 li.last .dot {
    top: -3px;
    right: -3px !important;
    position: absolute
}

.graph3 li.last {
    padding-top: 27px
}

.graph3 ul li.first {
    width: 2.75%;
    padding-top: 27px
}

.graph3 ul li.second1 {
    width: .2%
}

.graph3 ul li span.dot {
    background: url(../images/dot-border.png) no-repeat left top;
    height: 31px;
    width: 7px;
    display: block;
    position: absolute;
    top: 0
}

.graph3 ul li.highlighted-green {
    border-bottom: 10px solid #92d050 !important
}

.graph3 ul li.highlighted-red {
    border-bottom: 10px solid #BA0000 !important
}

.graph3 ul li.noBorderRgt {
    border-right: 0 none !important
}

.graph3 .noBg {
    background: none !important
}

.graph3 .relative {
    position: relative
}

.graph3 .top-center {
    position: absolute;
    top: -33px;
    left: -3px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .first .top-center {
    position: absolute;
    top: -33px;
    left: -27px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .last .top-center {
    position: static;
    float: right;
    margin-top: -58px !important;
    margin-right: -185px !important
}

.graph3 .bottom .top-center {
    margin-right: -165px
}

.graph3 .mid-center1 {
    position: absolute;
    top: 33px;
    right: -93px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 .last .mid-center1 {
    position: static;
    float: right;
    margin-top: -34px;
    margin-right: -150px
}

.graph3 .small-text {
    font-size: 12px;
    display: inline-block
}

.graph3 .big-text {
    font-size: 15px;
    color: #666
}

.graph3 .middle-div .top-center {
    left: auto !important;
    position: absolute;
    right: -58px !important
}

.graph3 ul li.second1 {
    position: relative;
    font-family: arial
}

.graph3 ul li.second1 .mid-div {
    position: relative;
    top: 80px;
    float: left;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.second1 .mid-btm {
    right: -140px;
    width: 150px;
    position: absolute;
    margin-top: -28px
}

.graph3 ul li.third .mid-div {
    position: absolute;
    top: -33px;
    right: -53px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.first .mid-div {
    position: relative;
    top: 33px;
    right: -153px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.first .mid-btm {
    right: -132px;
    width: 142px;
    position: absolute;
    margin-top: -28px
}

.graph3 .mid-btm .mid-small-text {
    font-size: 12px
}

.graph3 .graph3 ul li.third {
    background: none;
    padding-top: 27px
}

.graph3 .mid-btm .mid-big-text {
    font-size: 15px;
    color: #666;
    margin-top: 2px
}

.graph3 li.second1 {
    background: none !important
}

.graph3 .bck-none {
    display: block;
    height: 31px;
    width: 8px;
    background: #fff;
    position: absolute;
    margin-left: -3px
}

.graph3 .bottom-last .dot {
    right: -3px !important
}

.graph3 .bck-none {
    display: none;
    height: 31px;
    width: 8px;
    background: #fff;
    position: absolute;
    margin-left: -3px;
    right: -4px;
    margin-top: -1px
}

.bottom-last .bck-none {
    display: block
}

.graph3 li.top .top-center {
    top: -30px !important
}

.graph3 li.bottom .top-center {
    position: absolute;
    margin-top: 114px !important;
    margin-left: 90% !important
}

.graph3 li.first .top-center {
    margin-left: 2% !important;
    width: 200px
}

.graph3 li.bottom.first .top-center {
    margin-top: 118px !important;
    margin-left: 10px
}

.graph3 li.bottom .mid-center1 {
    margin-top: 83px !important;
    margin-right: -180px !important
}

.graph3 ul li.second1.bottom .mid-div {
    top: -19px !important;
    position: absolute
}

.graph3 ul li.second1.bottom .top-center {
    margin-left: -6% !important
}

.graph3 li.first.bottom .top-center {
    margin-left: 2% !important
}

.graph3 .text1 {
    float: left
}

.graph3 .text2 {
    float: left;
    margin-left: 7px
}

.graph3 .potential-up .textdata {
    margin-left: -138px;
    margin-top: 37px
}

.graph3 .bottom {
    padding-top: 27px
}

.graph3 .first .dot {
    left: -3px
}

.graph3 .second1 .dot {
    left: -3px
}

.notification-icon {
    background-position: -83px -214px;
    width: 45px;
    height: 28px;
    margin-right: -9px;
    background: url(../images/bell-d.png) no-repeat
}

i.sprite-img.not-icon.notification-icon.active {
    width: 36px !important;
    height: 28px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    left: -4px
}

.alaram {
    background: url(../images/clock-d.png) no-repeat;
    width: 38px;
    height: 32px;
    position: relative;
    top: 4px
}

i.sprite-img.not-icon.alaram.active {
    height: 32px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    left: -4px;
    top: -2px
}

i.sprite-img.not-icon.vessel.active {
    width: 28px !important;
    height: 29px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: -3px;
    left: -10px
}

.vessel {
    width: 28px;
    height: 29px;
    background: url(../images/research-default.png) no-repeat;
    background-size: 28px 28px
}

.noti-no {
    position: absolute;
    background-color: #0d57a0;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
    right: 17px;
    top: -4px;
    text-align: center
}

#general_unread2 {
    right: 80px
}

#my_unread2 {
    right: 40px
}

#research_unread2 {
    right: 5px
}

a.notification-dropdown-link span#general_unread {
    top: -5px;
    left: 16px;
    right: 18px
}

#my_unread {
    right: 57px;
    top: -2px
}

span#research_unread {
    right: 8px;
    top: -1px
}

.vessel {
    width: 28px;
    height: 29px;
    background: url(../images/research-default.png) no-repeat;
    position: relative;
    left: -3px;
    background-size: 28px 28px
}

li.notification-dropdown-wrapper.mob-none.alarm-preview .notification-web-dropdown:after {
    right: 51px
}

li.notification-dropdown-wrapper.mob-none.alarm-preview .notification-web-dropdown:before {
    right: 51px
}

li.notification-dropdown-wrapper.mob-none.new-ala .notification-web-dropdown {
    right: -13px !important
}

.notification-web-dropdown.brll {
    top: 43px
}

li.notification-dropdown-wrapper.mob-none.new-ala .notification-web-dropdown {
    right: 22px !important
}

li.notification-dropdown-wrapper.mob-none.new-lala3 .notification-web-dropdown {
    right: -30px !important
}

.profly-actions.new-flyer {
    padding-top: 0
}

.profly-actions.new-flyer {
    background: #626262
}

.profly-actions.new-flyer h3 {
    color: #fff
}

span.sprite-img.new-view-profile-icon {
    background-position: -16px -4955px;
    width: 40px;
    height: 27px;
    display: inline-block
}

span.sprite-img.new-view-logout-icon {
    background-position: -67px -4955px;
    width: 25px;
    height: 25px;
    display: inline-block
}

span.sprite-img.new-view-setting-icon {
    background-position: -105px -4956px;
    width: 21px;
    height: 22px;
    display: inline-block
}

a.sprite-img.flyer-setting {
    color: #fff
}

a.flyer-setting-txt {
    color: #fff
}

a.flyer-setting-txt {
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block
}

span.sprite-img.new-view-profile-icon {
    background-position: -16px -4955px;
    width: 40px;
    height: 27px;
    display: inline-block;
    position: relative;
    margin-bottom: 7px
}

.fly_profiledesc {
    padding-top: 44px
}

span.sprite-img.new-view-setting-icon {
    position: relative;
    left: 15px;
    margin-bottom: 12px
}

span.sprite-img.new-view-logout-icon {
    position: relative;
    left: 15px;
    margin-bottom: 9px
}

ul.flyer-ul li {
    padding-right: 7px;
    padding-left: 7px;
    border-right: 1px solid #000
}

li.flyer-icon-3 {
    border-right: none !important
}

a.flyer-setting-txt {
    font-size: 12px
}

.fly_profiledesc {
    padding-top: 0
}

.fly_profiledesc {
    padding-left: 0
}

li.flyer-icon-1 {
    width: 110px;
    float: left
}

span.sprite-img.new-view-logout-icon {
    position: relative;
    left: 22px;
    margin-bottom: 9px
}

ul.flyer-ul {
    padding-top: 42px
}

span.sprite-img.new-view-profile-icon {
    left: 28%
}

li.flyer-icon-2 {
    float: left
}

span.sprite-img.new-view-setting-icon {
    position: relative;
    left: 19px;
    margin-bottom: 12px
}

ul.flyer-ul {
    padding-top: 42px;
    position: relative;
    left: 12px
}

a.notification-dropdown-link span#general_unread {
    top: -5px;
    left: 19px;
    right: 5px
}

.graph-deisgn1 {
    margin-top: 20px;
    margin-left: 4%
}

.graph3 {
    height: 153px;
    padding: 33px 0 0 3px;
    width: 85%;
    margin: 0 auto
}

.graph3 ul {
    margin: 0;
    padding: 0 3px 0 0;
    width: 700px;
    position: relative;
    height: 40px
}

.graph3 ul li {
    border-bottom: 10px #d6d6d6 solid;
    float: left;
    display: block;
    position: relative;
    list-style-type: none
}

.graph3 li.top .dot {
    background: url(../images/dot-border.png) no-repeat 0 top
}

.graph3 li.bottom .dot {
    top: -3px;
    background: url(../images/dot-border-rev.png) no-repeat left bottom !important;
    height: 80px !important
}

.graph3 li.last .dot {
    top: -3px;
    right: -3px !important;
    position: absolute
}

.graph3 li.last {
    padding-top: 27px
}

.graph3 ul li.first {
    width: 2.75%;
    padding-top: 27px
}

.graph3 ul li.second1 {
    width: .2%
}

.graph3 ul li span.dot {
    background: url(../images/dot-border.png) no-repeat left top;
    height: 31px;
    width: 7px;
    display: block;
    position: absolute;
    top: 0
}

.graph3 ul li.highlighted-green {
    border-bottom: 10px solid #92d050 !important
}

.graph3 ul li.highlighted-red {
    border-bottom: 10px solid #BA0000 !important
}

.graph3 ul li.noBorderRgt {
    border-right: 0 none !important
}

.graph3 .noBg {
    background: none !important
}

.graph3 .relative {
    position: relative
}

.graph3 .top-center {
    position: absolute;
    top: -33px;
    left: -3px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .first .top-center {
    position: absolute;
    top: -33px;
    left: -27px;
    color: #c4c2b6;
    font-family: arial;
    min-width: 225px
}

.graph3 .last .top-center {
    position: static;
    float: right;
    margin-top: -58px !important;
    margin-right: -185px !important
}

.graph3 .bottom .top-center {
    margin-right: -165px
}

.graph3 .mid-center1 {
    position: absolute;
    top: 33px;
    right: -93px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 .last .mid-center1 {
    position: static;
    float: right;
    margin-top: -34px;
    margin-right: -150px
}

.graph3 .small-text {
    font-size: 12px;
    display: inline-block
}

.graph3 .big-text {
    font-size: 15px;
    color: #666
}

.graph3 .middle-div .top-center {
    left: auto !important;
    position: absolute;
    right: -58px !important
}

.graph3 ul li.second1 {
    position: relative;
    font-family: arial
}

.graph3 ul li.second1 .mid-div {
    position: relative;
    top: 80px;
    float: left;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.second1 .mid-btm {
    right: -140px;
    width: 150px;
    position: absolute;
    margin-top: -28px
}

.graph3 ul li.third .mid-div {
    position: absolute;
    top: -33px;
    right: -53px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.first .mid-div {
    position: relative;
    top: 33px;
    right: -153px;
    color: #c4c2b6;
    font-family: arial
}

.graph3 ul li.first .mid-btm {
    right: -132px;
    width: 142px;
    position: absolute;
    margin-top: -28px
}

.graph3 .mid-btm .mid-small-text {
    font-size: 12px
}

.graph3 .graph3 ul li.third {
    background: none;
    padding-top: 27px
}

.graph3 .mid-btm .mid-big-text {
    font-size: 15px;
    color: #666;
    margin-top: 2px
}

.graph3 li.second1 {
    background: none !important
}

.graph3 .bck-none {
    display: block;
    height: 31px;
    width: 8px;
    background: #fff;
    position: absolute;
    margin-left: -3px
}

.graph3 .bottom-last .dot {
    right: -3px !important
}

.graph3 .bck-none {
    display: none;
    height: 31px;
    width: 8px;
    background: #fff;
    position: absolute;
    margin-left: -3px;
    right: -4px;
    margin-top: -1px
}

.bottom-last .bck-none {
    display: block
}

.graph3 li.top .top-center {
    top: -30px !important
}

.graph3 li.bottom .top-center {
    position: absolute;
    margin-top: 114px !important;
    margin-left: 90% !important
}

.graph3 li.first .top-center {
    margin-left: 2% !important;
    width: 200px
}

.graph3 li.bottom.first .top-center {
    margin-top: 118px !important;
    margin-left: 10px
}

.graph3 li.bottom .mid-center1 {
    margin-top: 83px !important;
    margin-right: -180px !important
}

.graph3 ul li.second1.bottom .mid-div {
    top: -19px !important;
    position: absolute
}

.graph3 ul li.second1.bottom .top-center {
    margin-left: -6% !important
}

.graph3 li.first.bottom .top-center {
    margin-left: 2% !important
}

.graph3 .text1 {
    float: left
}

.graph3 .text2 {
    float: left;
    margin-left: 7px
}

.graph3 .potential-up .textdata {
    margin-left: -138px;
    margin-top: 37px
}

.graph3 .bottom {
    padding-top: 27px
}

.graph3 .first .dot {
    left: -3px
}

.graph3 .second1 .dot {
    left: -3px
}

.no-notification-data {
    min-height: 300px
}

p.no-data-para {
    text-align: center;
    font-weight: 700;
    color: #000;
    left: 25%;
    bottom: 35%;
    position: absolute;
    border: 0
}

span.no-data-icon {
    background: url(../images/FilledBox.png) no-repeat
}

span.no-data-icon {
    background: url(../images/FilledBox.png) no-repeat;
    position: absolute;
    top: 35%;
    height: 58px;
    width: 56px;
    display: inline-block;
    right: 44%
}

.no-notification-data {
    min-height: 300px;
    position: relative
}

ul#general_preview,
#my_preview,
#research_preview {
    height: auto !important
}

.slimScrollDiv {
    max-height: 374px;
    height: auto !important
}

.setting-icon-big {
    background: url(../images/setting-big.png) no-repeat;
    width: 38px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 6px
}

li.notification-dropdown-wrapper.mob-none.new-ala .notification-web-dropdown {
    right: 21px !important
}

li.notification-dropdown-wrapper.mob-none.new-lala3 .notification-web-dropdown {
    right: -29px !important
}

.overlay {
    z-index: 35 !important
}

.slimScrollDiv .primary-btn {
    background: #969696 !important;
    border-bottom: 2px solid #696969 !important
}

.slimScrollDiv .primary-btn:hover {
    background: #696969 !important;
    border-bottom: 2px solid #696969 !important
}

.slimScrollDiv .thrid-btn {
    background: #0d57a0 !important;
    border-bottom: 2px solid #082d52 !important
}

.slimScrollDiv .thrid-btn:hover {
    background: #082d52 !important;
    border-bottom: 2px solid #082d52 !important
}

i.sprite-img.menu-icon.smallcase_overview {
    width: 43px;
    height: 45px;
    background-position: -1147px 0px !important
}

.second-level-menu li:hover a i.sprite-img.menu-icon.smallcase_overview {
    background: url(../images/beta/joomla/menu-sprite.png?25092h020) !important;
    background-position: -1147px 100px !important
}

i.sprite-img.menu-icon.smallcase_mf {
    background-position: -1100px 0;
    width: 46px;
    height: 44px
}

i.sprite-img.menu-icon.smallcase_equity {
    width: 43px;
    height: 42px;
    background-position: -1185px 0px !important
}

.second-level-menu li:hover a i.sprite-img.menu-icon.smallcase_equity {
    background: url(../images/beta/joomla/menu-sprite.png?25092020) !important;
    background-position: -1185px 100px !important
}

@media screen and (max-width:767px) {
    .download-app {
        display: none
    }

    i.sprite-img.menu-icon.smallcase_overview,
    .second-level-menu li:hover a i.sprite-img.menu-icon.smallcase_overview {
        width: 21px;
        height: 23px;
        background-position: -1126px 50px !important
    }

    i.sprite-img.menu-icon.smallcase_mf,
    .second-level-menu li:hover i.sprite-img.menu-icon.smallcase_mf {
        background-position: -1105px 51px !important;
        width: 21px;
        height: 23px
    }

    i.sprite-img.menu-icon.smallcase_equity,
    .second-level-menu li:hover a i.sprite-img.menu-icon.smallcase_equity {
        background-position: -1152px 54px !important;
        width: 21px;
        height: 22px
    }

    .dialog-close {
        padding: 0 5px !important
    }
}

.mstockselect {
    margin: 0 0 25px 0
}

.pop-head p:last-child {
    font-weight: 700
}

.login-related-list li.pink-top.login-li-rig {
    margin-right: 20px
}

.pop-head {
    padding: 30px 30px 15px;
    background: #f0f0f0;
    border-bottom: 1px solid #e2e2e2
}

.comm-form {
    margin: 0 auto;
    text-align: center;
    padding: 15px 0 0;
    border-top: 1px solid #e2e2e2
}

span.label-txt {
    width: 185px !important;
    display: inline-block;
    text-align: right;
    margin: 0 10px 0 -40px;
    vertical-align: middle
}

.comm-form .mar-med-sel1 .select2-container,
#GstDtls .mar-med-sel1 .select2-container {
    min-width: 203px !important
}

.comm-form .inp-filed,
#GstDtls .inp-filed {
    width: 203px;
    height: 30px;
    border: 1px solid #acacac;
    box-shadow: none;
    border-radius: 0
}

.mstockselect:last-child {
    margin-bottom: 0
}

.comm-form .select2-container--default .select2-selection--single .select2-selection__rendered,
#GstDtls .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #acacac;
    box-shadow: none;
    border-radius: 0
}

.comm-form .mstockselect .select2-container .select2-selection--single,
.comm-form .mstockselect .select2-container--default .select2-selection--single .select2-selection__arrow,
#GstDtls .mstockselect .select2-container .select2-selection--single,
#GstDtls .mstockselect .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    border-radius: 0;
    text-align: left
}

.nominee-info {
    padding: 20px 30px;
    text-align: left;
    background: #fbfbfb;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.hide {
    display: none
}

div#NomineeDtls {
    margin: 15px 0;
    text-align: center
}

div#GstDtls {
    border-top: 1px solid #e2e2e2;
    text-align: center;
    padding: 15px 0
}

.terms-condition {
    background: #fbfbfb;
    padding: 20px 30px;
    text-align: left
}

.terms-condition label {
    line-height: 15px !important
}

.terms-condition .agree-btn {
    padding: 12px 22px;
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 14px
}

.nominee-info span,
.gst-reg span {
    display: inline-block;
    vertical-align: middle
}

.nominee-info label,
.gst-reg label {
    position: relative;
    display: inline-block;
    width: 100px
}

.nominee-info .radiobtn,
.gst-reg .radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #acacac
}

.nominee-info input[type="radio"],
.gst-reg input[type="radio"] {
    opacity: 0;
    position: absolute
}

.nominee-info label .radiobtn:after,
.gst-reg label .radiobtn:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nominee-info label:hover input~.radiobtn,
.gst-reg label:hover input~.radiobtn {
    background-color: #ccc
}

.nominee-info label input:checked~.radiobtn,
.gst-reg label input:checked~.radiobtn {
    background-color: #0d57a0;
    border: 1px solid #003578
}

.nominee-info label .radiobtn:after,
.gst-reg label .radiobtn:after {
    content: "";
    position: absolute;
    display: none
}

.nominee-info label input:checked~.radiobtn:after,
.gst-reg label input:checked~.radiobtn:after {
    display: block
}

span.tab-text {
    margin-left: 35px;
    padding-top: 5px
}

.custom-file-input {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.custom-file-input input[type="file"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}

input.primary-btn.agree-btn.upload {
    margin-left: -4px;
    top: -1px !important;
    position: relative
}

#UploadForm.comm-form {
    text-align: left
}

#UploadForm .mstockselect {
    margin: 0 30px 20px
}

#UploadForm.comm-form .mar-med-sel1 .select2-container {
    min-width: 360px !important
}

#UploadForm .terms-condition .agree-btn {
    margin-top: 0
}

.comm-form .error,
.#GstDtls .error {
    border: none;
    color: red;
    font-size: 12px;
    text-align: left;
    position: absolute
}

.comm-form span.mar-med-sel1,
#GstDtls span.mar-med-sel1 {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#GstDtls .error {
    position: absolute;
    border: none;
    color: red;
    font-size: 12px
}

#NomineeDtls textarea#NomAddress {
    height: 50px;
    padding: 5px
}

.gst-reg {
    padding: 15px 30px 15px;
    background: #fbfbfb
}

.gst-reg p {
    margin-bottom: 12px
}

.terms-condition .mt30 {
    margin-top: 0
}

.gst-reg span:first-child,
.nominee-info span {
    width: 256px
}

.head-trade-btn .sort-select-name {
    vertical-align: super !important;
    width: 90px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase
}

.drop-mar-select.head-trade-btn {
    height: 30px;
    width: 130px;
    padding: 5px 5px 5px 10px !important;
    color: #fff
}

.stockhead.head-trade-btn {
    padding: 0 5px 0 0;
    background-color: #0d57a0;
    border-bottom: 2px solid #082d52
}

.market-subnames.tradedrpdn {
    width: auto;
    top: 30px;
    right: 0
}

.market-subnames.tradedrpdn:after,
.market-subnames.tradedrpdn:before {
    border: none
}

.tradedrpdn li {
    padding-right: 0
}

.head-trade-btn .mar-sort-icon {
    display: inline-block;
    vertical-align: initial;
    right: 5px;
    position: relative;
    top: 4px
}

.drop-down-menu li a.drpdnoption {
    padding: 7px 19px !important;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.drop-down-menu.tradedrpdn {
    background: #0d57a0;
    border: none
}

.drop-down-menu.tradedrpdn li {
    border-bottom: 1px solid #336bb6
}

.drop-down-menu>li>a.drpdnoption:hover {
    color: #336bb6
}

.head-trade-btn i.sprite-img.mar-sort-icon {
    background-position: -75px -78px !important;
    width: 18px
}

.drop-down-menu.tradedrpdn li {
    display: block
}

.head-trade-btn:hover .tradedrpdn {
    display: block !important
}

.enablement-dtls .panel-default.shadow-panel {
    margin: 0;
    border-radius: 0
}

.enablement-dtls .panel-heading {
    border-radius: 0
}

.enablement-dtls .form-input {
    position: relative
}

.enablement-dtls .form-input .activate {
    position: absolute;
    left: 20%
}

.enable-dtls .close-pop {
    background-position: -92px -326px !important;
    width: 20px;
    height: 20px
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) {
    i.sprite-img.menu-icon.menu-wise {
        background-position: -1130px -94px !important;
        width: 20px;
        height: 23px
    }

    i.sprite-img.menu-icon.menu-wise:hover,
    .second-level-menu li:hover a .menu-wise,
    .second-level-menu li a.active .menu-wise {
        background-position: -1130px -116px !important;
        width: 20px;
        height: 23px
    }
}

.saxo_trade .account-content {
    padding-top: 70px
}

.saxo_trade .open-acc-main {
    position: relative
}

.saxo_trade .open-acc-rig {
    position: absolute;
    top: -100px;
    right: 170px;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: rgb(37 103 169 / .9);
    margin-bottom: 30px;
    border: 0 solid rgb(46 124 202 / .9);
    color: #fff
}

.saxo_trade .iframe-opanacc {
    position: absolute;
    top: 20px;
    right: 80px
}

.saxo_trade .open-accfrmbox {
    width: 360px;
    padding: 35px
}

.saxo_trade .open-accfrmbox h3 {
    font-family: 'futura_bk_btbook', 'open_sansregular', Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase
}

.saxo_trade .open-err {
    display: none
}

.saxo_trade .open-err small {
    display: block;
    color: #feb13f;
    font-family: 'futura_lightregular', 'open_sansregular', Arial, sans-serif;
    margin-top: 5px
}

.saxo_trade .open-acc-cont {
    margin-top: 20px
}

.saxo_trade .form-fileds.open-accfileds>li {
    margin-bottom: 6px
}

.saxo_trade .open-accfileds .inp-filed {
    height: 45px;
    background-color: #1b2f38;
    border: 1px solid #176ec4;
    margin-top: 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    color: #2085e9
}

.saxo_trade .open-accfileds label {
    color: #fff
}

.saxo_trade .inps-3boxes,
.inps-2boxes,
.inp-2boxes-mob {
    margin-left: -2.3%
}

.saxo_trade .inps-3boxes li {
    float: left;
    width: 100%;
    margin-top: 30px
}

.saxo_trade .inps-2boxes li {
    float: left;
    width: 97%;
    margin-top: 30px;
    margin-left: 2.7%
}

.saxo_trade .opensubmit .product-button {
    min-width: inherit;
    margin-top: 0;
    padding: 16px 36px;
    background: #fff;
    color: #2567a9;
    border: none;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

.saxo_trade .open-imgae {
    width: 100%
}

.termsli {
    margin-top: 20px
}

.saxo_trade .hp2 {
    background: url(/images/saxo/Fast.jpg) center center
}

.saxo_trade .stock-sec {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    margin-left: -5px
}

.Main-Div {
    background: url(/images/saxo/Main.jpg) no-repeat center top;
    min-height: 570px;
    background-size: cover
}

.saxo_trade .product-top-align {
    width: 400px;
    float: left;
    display: block;
    margin-top: 125px;
    margin-left: 40px
}

.saxo_trade .product-top-align h1 {
    font-size: 30px
}

.Main-Div .open-simply {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    color: #fff
}

.Main-Div .primary-btn {
    background-color: #0d57a0;
    margin-top: 30px;
    padding: 15px 20px;
    border: 0;
    font-size: 16px
}

.work-div ul li {
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 25px
}

.work-div ul li span {
    background: url(/images/saxo/saxo-sprite.png) no-repeat;
    display: block;
    width: 70px;
    height: 70px;
    float: left
}

.work-div ul li span.first {
    background-position: 0 0
}

.work-div ul li span.second {
    background-position: 0 -74px
}

.work-div ul li span.third {
    background-position: 0 -150px
}

.work-div ul li span.fourth {
    background-position: 0 -224px
}

.work-div ul li span.fifth {
    background-position: 0 -297px
}

.work-div ul li span.sixth {
    background-position: 0 -370px
}

.work-div ul li span.seven {
    background-position: 0 -443px
}

.work-div ul li span.eight {
    background-position: 0 -520px
}

.work-div ul li span.nineth {
    background-position: 0 -593px
}

.work-div ul li h4 {
    color: #999;
    padding-bottom: 2px;
    text-transform: uppercase
}

.work-div ul li p {
    color: #666;
    line-height: 22px
}

.work-div ul li .text {
    float: left;
    display: block;
    padding-top: 2px;
    width: 405px;
    font-size: 16px;
    font-family: futura_lightregular, open_sansregular, Arial, sans-serif
}

.saxo_trade .over-products {
    height: 550px;
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative
}

.saxo_trade .inps-2boxes li {
    margin-top: 22px
}

.saxo_trade .form-fileds.open-accfileds>li ul.inps-2boxes li {
    margin-top: 20px
}

.saxo_trade .form-fileds.open-accfileds>li ul.inps-2boxes li .inp-filed {
    margin-top: 0;
    float: left;
    width: 100%
}

.captchaDiv li {
    width: 47% !important;
    float: left !important
}

.saxo_trade .product-vertical-align {
    vertical-align: top;
    padding-top: 90px
}

.saxo_trade .product-vertical-align h1 {
    font-size: 30px;
    color: #000
}

.saxo_trade .product-vertical-align p {
    color: #000
}

.fast {
    padding-bottom: 60px
}

.fast-reliable {
    margin-top: -40px
}

.fast-reliable ul li {
    float: left;
    display: inline-block;
    margin-right: 40px;
    background: #2567a9;
    width: 21%;
    padding: 25px;
    color: #fff;
    min-height: 241px
}

.fast-reliable ul li h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px
}

.fast-reliable ul li:last-child {
    margin-right: 0
}

.howitwork {
    padding-bottom: 50px;
    padding-top: 50px
}

.howitwork h2 {
    padding-bottom: 20px;
    text-transform: uppercase
}

.howitwork .grid_7 {
    margin-left: 0
}

.howitwork ul li {
    padding-left: 20px;
    padding-bottom: 25px
}

.howitwork ul li h3 {
    color: #999;
    font-size: 16px;
    padding-bottom: 7px
}

.howitwork .primary-btn {
    background-color: #176ec4;
    margin-top: 10px;
    padding: 18px 25px;
    border: 0;
    font-size: 14px;
    margin-left: 20px
}

.stick {
    position: fixed !important;
    top: 54px !important;
    z-index: 99;
    -webkit-transition: all .2s cubic-bezier(.39, .575, .565, 1);
    transition: all .2s cubic-bezier(.39, .575, .565, 1)
}

.head-trade-btn .sort-select-name {
    vertical-align: super !important;
    width: 90px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase
}

.drop-mar-select.head-trade-btn {
    height: 30px;
    width: 130px;
    padding: 5px 5px 5px 10px !important;
    color: #fff
}

.stockhead.head-trade-btn {
    padding: 0 5px 0 0;
    background-color: #81003C;
    border-bottom: 2px solid #81003C
}

.market-subnames.tradedrpdn {
    width: auto;
    top: 30px;
    right: 0
}

.market-subnames.tradedrpdn:after,
.market-subnames.tradedrpdn:before {
    border: none
}

.tradedrpdn li {
    padding-right: 0
}

.head-trade-btn .mar-sort-icon {
    display: inline-block;
    vertical-align: initial;
    right: 5px;
    position: relative;
    top: 4px
}

.drop-down-menu li a.drpdnoption {
    padding: 7px 19px !important;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.drop-down-menu.tradedrpdn {
    background: #81003C;
    border: none
}

.drop-down-menu.tradedrpdn li {
    border-bottom: 1px solid #81003C
}

.drop-down-menu>li>a.drpdnoption:hover {
    color: #81003C
}

.head-trade-btn i.sprite-img.mar-sort-icon {
    background-position: -75px -78px !important;
    width: 18px
}

.drop-down-menu.tradedrpdn li {
    display: block
}

.head-trade-btn:hover .tradedrpdn {
    display: block !important
}

i.sprite-img.menu-icon.menu-wise {
    background-position: -1147px 0px !important;
    width: 42px;
    height: 44px
}

i.sprite-img.menu-icon.menu-wise:hover {
    background-position: -1147px 100px !important;
    width: 42px;
    height: 44px
}

.graphs-daystabs {
    float: right;
    margin-right: -17px
}

.graphs-daystabs li {
    float: left
}

.graphs-daystabs li a {
    color: #999;
    padding: 0 20px;
    border-right: 1px dotted #c5c5c5
}

.graphs-daystabs li:last-child a {
    border-right: 0
}

.graphs-daystabs li a.active {
    color: #1190e0
}

.vdetail-title.clearfix .pop-right-compare {
    display: none
}

h5.pro-name.pop-name {
    float: none;
    display: inline-table
}

.simliar-stoc-list.viewconst {
    text-align: left
}

.simliar-stoc-list.viewconst>li {
    margin-bottom: 20px
}

.second-level-menu li i.sprite-img.menu-icon.menu31 {
    background-position: -1355px 2px !important
}

.second-level-menu li:hover i.sprite-img.menu-icon.menu31 {
    background-position: -1355px 100px !important
}

.second-level-menu li .coomodity_menu {
    background-position: 132px 4px
}

.second-level-menu li a.active .coomodity_menu,
.second-level-menu li:hover a .coomodity_menu {
    background-position: 132px -45px
}

@media(max-width:997px) {
    .second-level-menu li i.sprite-img.menu-icon.menu31 {
        background-position: -1205px 54px !important
    }

    .second-level-menu li:hover i.sprite-img.menu-icon.menu31 {
        background-position: -1205px 30px !important
    }

    .second-level-menu li i.sprite-img.menu-icon.menu7 {
        background-position: -432px -90px !important
    }

    .second-level-menu li a.active i.sprite-img.menu-icon.menu7,
    .second-level-menu li:hover a i.sprite-img.menu-icon.menu7 {
        background-position: -432px -113px !important
    }

    .second-level-menu li .pcg-menu {
        background-position: -528px -88px
    }

    .second-level-menu li a.active .pcg-menu,
    .second-level-menu li:hover a .pcg-menu {
        background-position: -528px -115px
    }

    .second-level-menu li .business-associate {
        background-position: -844px -115px
    }

    .second-level-menu li a.active .business-associate,
    .second-level-menu li:hover a .business-associate {
        background-position: -869px -115px
    }

    .second-level-menu li .nri-link {
        background-position: -840px -90px
    }

    .second-level-menu li a.active .nri-link,
    .second-level-menu li:hover .nri-link {
        background-position: -865px -90px
    }

    .second-level-menu li .global-investing {
        background-position: -1245px 200px
    }

    .second-level-menu li a.active .global-investing,
    .second-level-menu li:hover a .global-investing {
        background-position: -1246px 172px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) {
    i.sprite-img.menu-icon.menu-wise {
        background-position: -1128px 53px !important;
        width: 20px;
        height: 23px
    }

    i.sprite-img.menu-icon.menu-wise:hover {
        background-position: -1129px 28px !important;
        width: 20px;
        height: 24px
    }
}

@media(max-width:768px) {
    .menu10 {
        background-position: -120px -88px !important
    }

    .second-level-menu li:hover a .menu10,
    .second-level-menu li a.active .menu10 {
        background-position: -120px -112px !important
    }

    i.menu-icon.coomodity_menu {
        background-position: -555px -88px !important
    }

    .second-level-menu li:hover a .coomodity_menu,
    .second-level-menu li a.active .coomodity_menu {
        background-position: -554px -112px !important
    }

    i.sprite-img.menu-icon.smallcase_overview {
        background-position: -1127px 54px !important;
        width: 24px;
        height: 24px
    }

    i.sprite-img.menu-icon.smallcase_overview,
    .second-level-menu li:hover a i.sprite-img.menu-icon.smallcase_overview {
        width: 24px;
        height: 24px;
        background-position: -1126px 54px !important
    }
}

.pricing_icons {
    background-position: -132px 2px
}

li a:hover .pricing_icons {
    background-position: -132px -44px
}

.trade-entry-input-list li ul.price-selection-list .radio label {
    width: 180px;
    line-height: 1
}

.trade-entry-input-list li ul.price-selection-list .radio {
    width: 180px;
    line-height: 1
}

.trade-entry-input-list>li.price-condition p.invest-down {
    width: 170px;
    height: 28px
}

.show-more-price-field .trade-more-icon {
    background: url(../images/portfolio/plus-small.png);
    display: inline-block;
    width: 10px;
    height: 10px
}

.show-more-price-field .trade-more-info.active .trade-more-icon,
.show-more-price-field .price-more-info.active .trade-more-icon {
    background: url(../images/portfolio/neg-small.png)
}

.mar-val-inper span.red-text {
    color: #BA0000;
    font-size: 16px
}

.pricing_icons {
    background-position: -132px 2px
}

li a:hover .pricing_icons {
    background-position: -132px -44px
}

.fatca-popup {
    padding: 30px 20px
}

.fatca-popup .close-popup {
    font-size: 24px;
    padding: 0 5px;
    cursor: pointer
}

.fatca-popup .primary-btn {
    margin-top: 15px
}

.second-level-menu li i.sprite-img.menu-icon.menu31 {
    background-position: -1355px 2px !important
}

.second-level-menu li:hover i.sprite-img.menu-icon.menu31 {
    background-position: -1355px 100px !important
}

.second-level-menu li .pcg-menu {
    background-position: 175px 0
}

.second-level-menu li a.active .pcg-menu,
.second-level-menu li:hover a .pcg-menu {
    background-position: 175px -44px
}

.second-level-menu li .business-associate {
    background-position: -615px -87px
}

.second-level-menu li a.active .business-associate,
.second-level-menu li:hover a .business-associate {
    background-position: -660px -87px
}

.second-level-menu li .nri-link {
    background-position: -745px -87px
}

.second-level-menu li a.active .nri-link,
.second-level-menu li:hover .nri-link {
    background-position: -790px -87px
}

.second-level-menu li .global-investing {
    background-position: -1350px 200px
}

.second-level-menu li a.active .global-investing,
.second-level-menu li:hover a .global-investing {
    background-position: -1305px 200px
}

.menu-icon.menu-icon2 {
    background: url(../images/new-menu-sprite.png?15012024)
}

.second-level-menu li a .insurance {
    background-position: -38px 3px
}

.second-level-menu li a.active .insurance,
.second-level-menu li:hover a .insurance {
    background-position: 3px 3px
}

.second-level-menu li a .SmartOptima {
    background-position: -195px 3px
}

.second-level-menu li a.active .SmartOptima,
.second-level-menu li:hover a .SmartOptima {
    background-position: -155px 3px
}

.second-level-menu li a .Las {
    background-position: -351px 3px
}

.second-level-menu li a.active .Las,
.second-level-menu li:hover a .Las {
    background-position: -305px 3px
}

.second-level-menu li a .esop {
    background-position: -501px 3px
}

.second-level-menu li a.active .esop,
.second-level-menu li:hover a .esop {
    background-position: -455px 3px
}

.second-level-menu li a .yield {
    background-position: -649px 3px
}

.second-level-menu li a.active .yield,
.second-level-menu li:hover a .yield {
    background-position: -610px 3px
}

.second-level-menu li a .tax-filing {
    background-position: -788px 3px
}

.second-level-menu li a.active .tax-filing,
.second-level-menu li:hover a .tax-filing {
    background-position: -748px 3px
}

.second-level-menu li a .digigold {
    background-position: -940px 3px;
    width: 55px
}

.second-level-menu li a.active .digigold,
.second-level-menu li:hover a .digigold {
    background-position: -886px 3px;
    width: 55px
}

.second-level-menu li a .refer_earn {
    background-position: -1097px 3px;
    width: 40px
}

.second-level-menu li a.active .refer_earn,
.second-level-menu li:hover a .refer_earn {
    background-position: -1060px 3px;
    width: 40px
}

.second-level-menu li a .finplan {
    background-position: -1217px 3px;
    width: 30px
}

.second-level-menu li a.active .finplan,
.second-level-menu li:hover a .finplan {
    background-position: -1189px 3px;
    width: 30px
}

.second-level-menu li a .intradaily {
    background-position: -52px -50px;
    width: 30px
}

.second-level-menu li a.active .intradaily,
.second-level-menu li:hover a .intradaily {
    background-position: -9px -50px;
    width: 30px
}

.second-level-menu li a .nps {
    background-position: -1761px -45px;
    width: 30px
}

.second-level-menu li a .investment-advisory {
    background-position: -2469px -90px;
    width: 36px;
}

.second-level-menu li a.active .investment-advisory,
.second-level-menu li:hover a .investment-advisory {
    background-position: -2435px -90px;
    ;
}

.second-level-menu li a .pms {
    background-position: -1919px -45px;
    width: 30px
}

.second-level-menu li a.active .pms,
.second-level-menu li:hover a .pms {
    background-position: -1878px -45px;
    width: 30px
}

.second-level-menu li a .younique {
    background-position: -1559px -45px;
    width: 40px
}

.second-level-menu li a.active .younique,
.second-level-menu li:hover a .younique {
    background-position: -1605px -45px;
    width: 40px
}

.second-level-menu li a.active .nps,
.second-level-menu li:hover a .nps {
    background-position: -1802px -45px;
    width: 30px
}

.second-level-menu li a .axis-intellect {
    background-position: -1323px 3px;
    width: 40px
}

.second-level-menu li a.active .axis-intellect,
.second-level-menu li:hover a .axis-intellect {
    background-position: -1284px 3px;
    width: 40px
}

.second-level-menu li a .global-wealth-menu {
    background-position: -2076px -45px;
    width: 50px
}

.second-level-menu li a.active .global-wealth-menu,
.second-level-menu li:hover a .global-wealth-menu {
    background-position: -2024px -45px;
    width: 50px
}

.second-level-menu li a .unlisted {
    background-position: -2234px 0;
    width: 50px
}

.second-level-menu li a.active .unlisted,
.second-level-menu li:hover a .unlisted {
    background-position: -2234px -44px;
    width: 50px
}

.second-level-menu li a .sgb {
    background-position: -940px 0;
    width: 50px
}

.second-level-menu li a.active .sgb,
.second-level-menu li:hover a .sgb {
    background-position: -885px 0;
    width: 50px
}

@media(max-width:997px) {
    .le-products-menu li:last-child {
        border-right: 1px solid #cccccc !important
    }

    .product-insurance {
        background: url(../images/products/product-insurance-sm.jpg) center center !important
    }

    .second-level-menu li i.sprite-img.menu-icon.menu31 {
        background-position: -1205px 54px !important
    }

    .second-level-menu li:hover i.sprite-img.menu-icon.menu31 {
        background-position: -1205px 30px !important
    }

    .second-level-menu li i.sprite-img.menu7 {
        background-position: -432px -90px !important
    }

    .second-level-menu li a.active i.sprite-img.menu7,
    .second-level-menu li:hover a i.sprite-img.menu7 {
        background-position: -432px -113px !important
    }

    .second-level-menu li .pcg-menu {
        background-position: -528px -88px
    }

    .second-level-menu li a.active .pcg-menu,
    .second-level-menu li:hover a .pcg-menu {
        background-position: -528px -115px
    }

    .second-level-menu li .business-associate {
        background-position: -844px -115px
    }

    .second-level-menu li a.active .business-associate,
    .second-level-menu li:hover a .business-associate {
        background-position: -869px -115px
    }

    .second-level-menu li .nri-link {
        background-position: -840px -90px
    }

    .second-level-menu li a.active .nri-link,
    .second-level-menu li:hover .nri-link {
        background-position: -865px -90px
    }

    .second-level-menu li .global-investing {
        background-position: -1245px 200px
    }

    .second-level-menu li a.active .global-investing,
    .second-level-menu li:hover a .global-investing {
        background-position: -1246px 172px
    }

    .second-level-menu li a .insurance {
        background-position: -112px 1px
    }

    .second-level-menu li a.active .insurance,
    .second-level-menu li:hover a .insurance {
        background-position: -87px 1px
    }

    .second-level-menu li a .SmartOptima {
        background-position: -275px 3px
    }

    .second-level-menu li a.active .SmartOptima,
    .second-level-menu li:hover a .SmartOptima {
        background-position: -250px 3px
    }

    .second-level-menu li a .Las {
        background-position: -422px -3px
    }

    .second-level-menu li a.active .Las,
    .second-level-menu li:hover a .Las {
        background-position: -400px -3px
    }

    .second-level-menu li a .esop {
        background-position: -576px 0
    }

    .second-level-menu li a.active .esop,
    .second-level-menu li:hover a .esop {
        background-position: -550px 0
    }

    .second-level-menu li a .yield {
        background-position: -722px 0
    }

    .second-level-menu li a.active .yield,
    .second-level-menu li:hover a .yield {
        background-position: -700px 0
    }

    .second-level-menu li a .tax-filing {
        background-position: -858px -1px
    }

    .second-level-menu li a.active .tax-filing,
    .second-level-menu li:hover a .tax-filing {
        background-position: -834px -1px
    }

    .second-level-menu li a .digigold {
        background-position: -1028px -1px;
        width: 27px
    }

    .second-level-menu li a.active .digigold,
    .second-level-menu li:hover a .digigold {
        background-position: -996px -1px;
        width: 27px
    }

    .second-level-menu li a .refer_earn {
        background-position: -1162px 3px;
        width: 23px
    }

    .second-level-menu li a.active .refer_earn,
    .second-level-menu li:hover a .refer_earn {
        background-position: -1140px 3px;
        width: 23px
    }

    .second-level-menu li a .finplan {
        background-position: -1265px 3px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .finplan,
    .second-level-menu li:hover a .finplan {
        background-position: -1248px 3px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .nps {
        background-position: -1835px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .nps,
    .second-level-menu li:hover a .nps {
        background-position: -1882px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .global-wealth-menu {
        background-position: -2159px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .global-wealth-menu,
    .second-level-menu li:hover a .global-wealth-menu {
        background-position: -2127px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .pms {
        background-position: -1988px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .pms,
    .second-level-menu li:hover a .pms {
        background-position: -1962px -56px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .sgb {
        background-position: -1028px 0;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .sgb,
    .second-level-menu li:hover a .sgb {
        background-position: -997px 0;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .unlisted {
        background-position: -456px -88px;
        width: 20px;
        height: 22px
    }

    .second-level-menu li a.active .unlisted,
    .second-level-menu li:hover a .unlisted {
        background-position: -456px -112px;
        width: 20px;
        height: 22px
    }

    .second-level-menu li a .younique {
        background-position: -1653px -50px;
        width: 23px;
        height: 30px
    }

    .second-level-menu li a.active .younique,
    .second-level-menu li:hover a .younique {
        background-position: -1680px -50px;
        width: 23px;
        height: 30px
    }

    .second-level-menu li a .intradaily {
        background-position: -52px -50px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .intradaily,
    .second-level-menu li:hover a .intradaily {
        background-position: -52px -50px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a .axis-intellect {
        background-position: -1386px 3px;
        width: 20px;
        height: 30px
    }

    .second-level-menu li a.active .axis-intellect,
    .second-level-menu li:hover a .axis-intellect {
        background-position: -1366px 3px;
        width: 20px;
        height: 30px
    }
}

@media(max-width:997px) {
    .header-top-expand-arrow {
        right: 30px !important
    }

    .responsive-menu {
        left: 5px
    }

    .mob-nav-rig {
        right: 5px
    }

    .leftpart,
    .rightpart {
        margin-left: 0
    }
}

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

    .leftpart,
    .rightpart {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-left: 10px
    }

    .first-level-menu.accordion:hover {
        background: #fff0
    }
}

.responsive-img {
    width: 100%
}

.exp-popup-right.popup-right-con img {
    width: 100%
}

.boxgoodreads1 p {
    text-align: justify;
    margin-bottom: 10px
}

.custom-dialog.likepop .popup-insight .dialog-content p {
    text-align: justify;
    margin-bottom: 15px
}

.boxgoodreads1,
.boxgoodreads2 {
    width: 100% !important
}

.tagArticles {
    margin-bottom: 20px;
    min-height: 100px;
    width: 33%;
    display: inline-table
}

@media(max-width:997px) {
    .boxgoodreads1 .goodread-hea {
        width: 100%;
        margin: 0
    }

    .boxgoodreads1 .dialog-content {
        padding: 20px 0
    }

    .tagArticles {
        width: 49%
    }
}

@media(max-width:767px) {
    .tagArticles {
        width: 100%
    }

    .goodreads-list {
        width: 100% !important
    }

    .goodreads-list>li {
        width: 100% !important
    }

    .goodread-image {
        width: 100%;
        height: 350px
    }

    .goodread-con {
        width: 80%
    }

    .goodreadhea,
    .gooread-con {
        width: 100%
    }

    .goodread-hea {
        width: 90% !important;
        margin: 0 15px !important
    }

    .custom-dialog.likepop .popup-insight {
        max-height: 60vh
    }

    .custom-dialog.likepop .popup-insight .dialog-content {
        padding: 20px 15px
    }

    .custom-dialog.likepop .popup-insight .dialog-content .exp-popup-left img {
        width: 100%;
        height: 270px
    }

    .goodread-popshare {
        right: 20px
    }

    .like-box,
    .quiz-take {
        width: 100%;
        left: 0;
        margin-left: 0
    }
}

.insurance-list .curd-exp-icon {
    width: 50px
}

.insurance-list li {
    margin: 0 0 70px 15px;
    width: 31%;
    padding: 0 10px 20px;
    min-height: 225px
}

.insurance-list .cur-der-con {
    padding: 0 20px
}

.termlife-icon {
    background-position: -880px -1895px
}

.health-icon {
    background-position: -932px -1895px
}

.motor-icon {
    background-position: -977px -1895px
}

#taxsaving .curency-de-list {
    width: 100%
}

.curency-de-list li {
    margin: 0 0 70px 15px;
    float: left;
    width: 31%;
    padding: 0 10px 20px;
    border: 1px solid #e3e3e3;
    min-height: 250px
}

.tax-termlife {
    background-position: -903px -1836px
}

.tax-health {
    background-position: -962px -1836px
}

.testimonial {
    padding: 70px 15px 0 25px;
    margin: 50px 10px 25px;
    border: 1px solid #666;
    position: relative;
    text-align: center;
    min-height: 380px;
    font-family: Arial, Helvetica, sans-serif
}

.pic-mar {
    background: #fff;
    margin: 0 auto;
    width: 80%;
    position: absolute;
    top: -50px;
    text-align: center;
    left: 10%
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #81003C;
    overflow: hidden;
    margin: 0 auto
}

.testimonial .pic img {
    width: 100%;
    height: auto
}

.client-name {
    font-weight: 600;
    font-family: inherit;
    font-size: 22px
}

.client-code {
    font-size: 18px;
    font-weight: 400
}

.testimonial .description {
    font-size: 15px;
    color: #5e595b;
    line-height: 22px;
    text-align: justify;
    margin: 0;
    position: relative;
    padding-top: 10px;
    max-height: 235px;
    overflow: auto;
    padding-right: 10px
}

.testimonial .description::-webkit-scrollbar {
    width: 2px
}

.testimonial .description::-webkit-scrollbar-track {
    background: #f1f1f1
}

.testimonial .description::-webkit-scrollbar-thumb {
    background: #888
}

.testimonial .description::-webkit-scrollbar-thumb:hover {
    background: #555
}

.testimonial .below-content {
    position: absolute;
    width: 80%;
    padding: 10px;
    bottom: -18px;
    background: #fff;
    left: 10%
}

.testimonial .description:before {
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 25px;
    color: #81003C;
    padding-right: 10px
}

.owl-theme .owl-controls {
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%
}

.owl-theme .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: #fff0
}

.owl-prev {
    position: absolute;
    left: -5%
}

.owl-next {
    position: absolute;
    right: -5%
}

.owl-prev:after,
.owl-next:after {
    content: "\f104";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 30px;
    color: #c7373c;
    opacity: 1
}

.description:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    font-size: 25px;
    padding-left: 10px;
    color: #81003C
}

.owl-next:after {
    content: "\f105"
}

@media only screen and (max-width:479px) {
    .testimonial {
        padding: 70px 10px 30px
    }

    .testimonial .description:before {
        top: -20px
    }
}

.emandate-terms {
    padding: 30px 0
}

.emandate-terms p {
    margin-bottom: 20px;
    text-align: justify
}

.goodread-con h3 {
    color: black !important
}