@charset "UTF-8";
/* color theme stracture*/
/*@mixin media($class){
	@if $class==xxs{@media (min-width:300px) and (max-width:414px) {@content;}
	}
	@if $class==xs{@media (min-width:415px) and (max-width:767px)  {@content;}
	}
	@else if $class==sm{@media (min-width:768px)   {@content;}
	}
	@else if $class==md{@media (min-width:1024px) {@content;}
	}
	@else if $class==lg{@media (min-width:1200px)  {@content;}
	}
}*/
/* for media mixins*/
/*uses instructions*/
/* cross browser opacity */
/* for vender prefix*/
/* for box sizing*/
/* border  radius*/
/* center block*/
/* text-overflow*/
/* for size*/
/* gradient effect*/
/* place holder color*/
@import url(../css/bootstrap.min.css);
@import url(../plugins/jsSlider/css/lightslider.css);
@import url(../css/flexboxgrid.css);
@import url(../css/font-awesome.min.css);
@import url(../plugins/nicelabel/css/jquery-nicelabel.css);
@import url(../css/style.css);


body {
  overflow: hidden;
  overflow-y: auto; }
  body::-webkit-scrollbar-track {
    border-radius: 20px;
    width: 10px;
    background-color: #ddd;
    overflow-x: hidden; }
  body::-webkit-scrollbar {
    width: 10px;
    background-color: #ddd; }
  body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #114464;
    height: 30px; }

.border-bottom-1{
	border-bottom:1px solid #ccc;
	}
/*basic sctacture */
.btn-success {
  background: #44FF39;
  color: #114464; }

.text-primary {
  color: #114464; }
  .text-primary.darken {
    color: black; }
  .text-primary.lighten {
    color: #329adc; }

.text-info {
  color: #2FB7C9; }
  .text-info.darken {
    color: #12464d; }
  .text-info.lighten {
    color: #a7e2ea; }

.text-danger {
  color: #FF0000; }
  .text-danger.darken {
    color: #660000; }
  .text-danger.lighten {
    color: #ff9999; }

.text-success {
  color: #44FF39; }
  .text-success.darken {
    color: #099f00; }
  .text-success.lighten {
    color: #d5ffd2; }

.text-warning {
  color: #FFCA4F; }
  .text-warning.darken {
    color: #b57e00; }
  .text-warning.lighten {
    color: #fff8e8; }

.text-warning2 {
  color: #ee6602; }
  .text-warning2.darken {
    color: #562501; }
  .text-warning2.lighten {
    color: #febc8b; }

.text-blue {
  color: #016abd;
  font-weight: bold; }

.btn-round {
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

hr.dotted {
  border-top: 1px dotted #ccc; }

.pad-all-0 {
  padding: 0 !important; }

.mar-all-0 {
  margin: 0 !important; }

.pad-xs {
  padding: 10px; }

.pad-sm {
  padding: 30px; }

.pad-md {
  padding: 60px; }

.pad-lg {
  padding: 90px; }

.pad-top-xs {
  padding-top: 10px; }

.pad-top-sm {
  padding-top: 30px; }

.pad-top-md {
  padding-top: 60px; }

.pad-top-lg {
  padding-top: 90px; }

.pad-bottom-xs {
  padding-bottom: 10px; }

.pad-bottom-sm {
  padding-bottom: 30px; }

.pad-bottom-md {
  padding-bottom: 60px; }

.pad-bottom-lg {
  padding-bottom: 90px; }

.pad-right-xs {
  padding-right: 10px; }

.pad-left-xs {
  padding-left: 10px; }

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*marging and padding*/
.mar-top-xs {
  margin-top: 10px; }

.mar-top-sm {
  margin-top: 30px; }

.mar-top-md {
  margin-top: 60px; }

.mar-top-lg {
  margin-top: 90px; }

.mar-bottom-xs {
  margin-bottom: 10px; }

.mar-bottom-sm {
  margin-bottom: 30px; }

.mar-bottom-md {
  margin-bottom: 60px; }

.mar-bottom-lg {
  margin-bottom: 90px; }

.mar-right-xs {
  margin-right: 10px; }

.mar-left-xs {
  margin-left: 10px; }

.mar-left-sm {
  margin-left: 30px; }

.mar-right-sm {
  margin-right: 30px; }

.margin-top-30 {
	margin-top:30px;
	}

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

.btn {
  border: none; }

.whiteHr {
  background: #fff;
  margin: 20px -20px;
  border-color: #fff; }

.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.bgWhite {
  background: #fff; }

.bgTransparent {
  background: transparent; }

.text-white {
  color: #fff; }

/*progress bar*/
.progress-xs {
  height: 10px;
  border-radius: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: none; }
  .progress-xs .progress-bar {
    box-shadow: none; }

/*Core theming*/
@media (min-width: 240px) and (max-width: 768px) {
  #copyright p {
    text-align: left; }

[appStoreImg] img {
    max-width: 33%;
    margin-left: 5px;
}

  .testi-pic {
    width: 100%; }

  .test-text {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 18px; }

 

  .logo {
    margin-bottom: 10px; }

  .hero_area .list-inline {
    padding-top: 0; }

  .mobScroll {
    overflow-x: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch; } 
	#exTab1 .tab-content {
    font-weight: 300;
}
	
	
	}
@media (min-width: 768px) {
  .mobScroll {
    overflow-x: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch; } }
@media (min-width: 240px) and (max-width: 768px) {
  .top {
    margin-bottom: 0;
    padding: 10px 0; } }

@media (min-width: 240px) and (max-width: 768px) {
  .navbar-default .navbar-toggle {
    margin: 0; }
    .navbar-default .navbar-toggle i {
      font-size: 18px; } }

/*for slider css custome*/
.lSSlideOuter .lSPager.lSpg > li {
  padding: 2px; }
  .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #ddd;
    width: 12px;
    height: 12px; }
  .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #44FF39; }

/* invest page */
.inner-header {
  background: none; }
  .inner-header .top {
    padding: 10px 0;
    background-color: #e6e6e6;
    margin-bottom: 0px; }
  .inner-header .innerHead {
    background-image: url("../img/invest-bg.jpg");
    padding-top: 130px;
    background-size: cover;
    padding-bottom: 20px; }
    @media (min-width: 240px) and (max-width: 768px) {
      .inner-header .innerHead {
        background: none;
        padding-top: 20px;
        text-align: center; }
        .inner-header .innerHead .investLine {
          text-align: center;
          margin-top: 20px; } }
    .inner-header .innerHead .skewed_button {
      background: rgba(68, 255, 57, 0.8);
      color: #114464;
      text-decoration: none;
      font-size: 32px;
      display: inline-block;
      height: 55px;
      margin-left: 15px;
      padding:0 10px;
      font-family: 'Roboto Slab', serif; }
      .inner-header .innerHead .skewed_button:before {
        content: "";
        float: left;
        margin: 0 0 0 -25px;
        border-left: 15px solid transparent;
        border-bottom: 55px solid rgba(68, 255, 57, 0.8);
        height: 0px; }
      .inner-header .innerHead .skewed_button:after {
        content: "";
        float: right;
        margin: 0 -25px 0 0;
        border-left: 15px solid rgba(68, 255, 57, 0.8);
        border-bottom: 55px solid transparent;
        height: 0px; }

.navbar-info {
  background-color: #2FB7C9;
  border: none; }
  @media (min-width: 240px) and (max-width: 768px) {
    .navbar-info {
      min-height: 0; } }
  .navbar-info .navbar-nav li a {
    margin-bottom: -9px;
    color: #fff; text-transform:uppercase;}
    .navbar-info .navbar-nav li a:hover, .navbar-info .navbar-nav li a:active, .navbar-info .navbar-nav li a:focus {
      background-color: #114464; }

/*main page navigation*/
@media (min-width: 768px) {
  .main-navbar-nav li a {
    padding: 10px; } }
@media (min-width: 1024px) {
  .main-navbar-nav li a {
    padding: 10px 15px; } }

/*for searchbar*/
.searchWrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #Ddd;
  opacity: 0;
  z-index: -1;
  transition: all ease-in-out .25s;
  -webkit-transition: all ease-in-out .25s;
  -moz-transition: all ease-in-out .25s;
  -o-transition: all ease-in-out .25s;
  -ms-transition: all ease-in-out .25s; }
  @media (min-width: 240px) and (max-width: 768px) {
    .searchWrapper {
      width: 92%; } }
  .searchWrapper.active {
    opacity: 1;
    z-index: 1; }
  .searchWrapper .input-group .input-group-addon {
    background-color: transparent;
    border: none; }
  .searchWrapper .input-group .input-group-btn .btn {
    background-color: transparent;
    border: none; }
  .searchWrapper .form-control {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    font-size: 20px;
    color: #114464; }

@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: block !important; width:100%; } }

/*invest section*/
.investing {
  /* for checkbox*/ }
  .investing h3, .investing h2 {
    font-size: 20px;
    color: #114464;
    text-align: center;
    font-family: 'Roboto Slab', serif; }
  .investing h2 {
    font-size: 25px; line-height:normal; }
  .investing .circle-checkbox {
    margin: 0 auto;
    width: 75px;
    height: 21px;
    background-color: #114464; }
    .investing .circle-checkbox .circle-btn {
      height: 17px;
      top: 2px;
      width: 37px;
      background-color: #44FF39; }

.invest-img {
  height: 60px;
  width: 60px;
  margin: 40px auto;
  margin-bottom: 0;
  background-image: url("../img/invest_details.png");
  background-repeat: no-repeat; }
  .invest-img.child-1 {
    background-position: 0 top; }
  .invest-img.child-2 {
    background-position: -60px top; }
  .invest-img.child-3 {
    background-position: -120px top; }
  .invest-img.child-4 {
    background-position: -180px top; }
  .invest-img.child-5 {
    background-position: -240px top; }

/*mutula funds section*/
.card {
  border: 3px solid #f2f2f2; }
  .card .well {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: none;
    padding: 0px 5px;
    box-shadow: none; }
    .card .well .caretBox {
      font-size: 10px;
      font-size: 1.25rem; }
      .card .well .caretBox span.contText {
        color: #114464;
        border-right: 1px solid #ddd;
        padding: 2px 5px 3px 0px;
        margin-right: 5px;
        font-size: 16px;
        font-size: 2rem; }
  .card .text-height-80 {
    min-height: 80px; }

/*goal investment for popup */

#goal_invest .navbar-brand>img {
    padding: 1px;
	height:70px;
}
#goal_invest form.customeForm{
	margin-top:30px;
	}
#goal_invest a.text-success:hover, a.text-success:focus {
    color: #ffffff;
}

.stepWiz {
  max-width: 700px;
  width: 100%;
  min-height: 80vh;
  margin: 0 auto; }
  .stepWiz h1, .stepWiz h2, .stepWiz .h1, .stepWiz h3, .stepWiz .investing h2, .investing .stepWiz h2 {
    font-family: "Roboto Slab"; }
  .stepWiz #stepWiz {
    vertical-align: middle;
    width: 100%; }
    .stepWiz #stepWiz .customeInde {
      position: relative;
      margin-top: 20px;
      display: block;
      text-align: center;
         height: 25px;}
      .stepWiz #stepWiz .customeInde li {
        width: 20px;
        height: 20px;
        margin: 0;
        border-radius: 0; }
        .stepWiz #stepWiz .customeInde li.active {
          width: 20px;
          height: 20px; }
        .stepWiz #stepWiz .customeInde li:first-child {
          border-radius: 10px 0px 0px 10px; }
        .stepWiz #stepWiz .customeInde li:last-child {
          border-radius: 0px 10px 10px 0px; }
    .stepWiz #stepWiz .carousel-inner {
	border-radius: 13px;
    position: relative;
    border: 7px solid #fff;
    box-shadow: 0 0 100px #ddd;
    background-position: center center;
    background-image: url(../img/bg_wizard.jpg);
	z-index:10;
   /* margin-top: 70px;*/ }
	
	
	
	
      .stepWiz #stepWiz .carousel-inner .item {
      /*  padding: 30px;*/
         color: #fff;
    min-height: 475px;
    padding-top: 50px;
  /*  padding-bottom: 50px;*/
    padding-left: 0px;
	z-index:20;
    padding-right: 0px;
        /* for option buttons*/ }
        .stepWiz #stepWiz .carousel-inner .item label {
          font-size: 13px;
          font-weight: normal;
          margin-bottom: 0; }
        .stepWiz #stepWiz .carousel-inner .item .select-left .form-group {
          margin-right: 30px; }
		  
        .stepWiz #stepWiz .carousel-inner .item .input-with-bg{
    margin-bottom: 15px;
    background: #ffffff;
    padding: 4px;
    border-radius: 6px;
}	  
		  
		  
        .stepWiz #stepWiz .carousel-inner .item .optionBtn {
          width: 100%;
          margin: 0;
          padding: 0; }
          .stepWiz #stepWiz .carousel-inner .item .optionBtn li {
            text-align: center; }
            .stepWiz #stepWiz .carousel-inner .item .optionBtn li a {
              width: 100px;
              height: 100px;
              border-radius: 100%;
              margin: 0 auto;
              border: 3px solid #fff;
              box-shadow: none;
              background-color: #fff;
              background-position: center;
              background-repeat: no-repeat; }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li a i {
                font-size: 50px;
                margin-top: 15px; }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li a.optionicon i {
                color: #30b7c7; }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li a.option1 {
                background-image: url("../img/options/2.png"); }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li a.option2 {
                background-image: url("../img/options/4.png"); }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li a.option3 {
                background-image: url("../img/options/6.png"); }
            .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a {
              background-color: #44FF39; }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a.optionicon {
                background-color: #fff; }
                .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a.optionicon i {
                  color: #44FF39; }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a.option1 {
                background-image: url("../img/options/1.png"); }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a.option2 {
                background-image: url("../img/options/3.png"); }
              .stepWiz #stepWiz .carousel-inner .item .optionBtn li.active a.option3 {
                background-image: url("../img/options/5.png"); }
        .stepWiz #stepWiz .carousel-inner .item select.form-control {
         /* border: none;
          box-shadow: none;*/
		      font-size: 13px; }
        .stepWiz #stepWiz .carousel-inner .item .btn-options {
          padding: 10px 20px;
          background-color: #fff;
          border: 3px solid #fff;
          border-radius: 10px;
          min-width: 100px; }
		  
		  
       /* .customeForm  */.stepWiz #stepWiz .carousel-inner .item.input-group,  .loginpopup-leftbg .input-group {
          background: #fff;
          padding: 5px;
		  font-size:14px;
		 
          border-radius: 8px; }
         /*.customeForm*/  .stepWiz #stepWiz .carousel-inner .item .input-group .input-group-addon,  .loginpopup-leftbg .input-group .input-group-addon{
            border: none;
            background-color: #44FF39;
		  font-size:14px;
		  font-weight:bold;
		   }
       /* .customeForm */  .stepWiz #stepWiz .carousel-inner .item .input-group input {
            border: none;
            box-shadow: none; }
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn
{
		  font-size:14px;
}
.stepWiz #stepWiz .form-control {
   
    border: 0px solid #ccc;
  
}





input[type='range'] {
  width: 100%;
  height: 20px;
  overflow: hidden;
  cursor: pointer; }

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; }

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #AAA; }

input[type='range']::-webkit-slider-thumb {
  position: relative;
  height: 15px;
  width: 15px;
  margin-top: -5px;
  background: #FFCA4F;
  border-radius: 50%;
  color: #FF0000; }

input[type='range']::-webkit-slider-thumb::before {
  position: absolute;
  content: '';
  font-size: 12px;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 3000; }

.range-table {
  margin-top: 10px; }
  .range-table tr td {
    padding: 0px;
    text-align: center;
    color: #555; }

.text-yellow {
  color: yellow; }

.bg-sidewide {
    background-color: #ffffff30;
    min-height: 474px;
    padding-top: 50px;
    padding-left: 25px
}
  .bg-sidewide:before {
    content: '?';
    position: absolute;
    bottom: 0px;
    right: 4px;
    font-size: 167px;
    font-weight: bolder;
    color: #000;
    opacity: 0.2;
    font-family: times new roman; }

/*goal based inves modal*/
.fullPopUpWindow {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  opacity: 0;
  transition: all ease-in-out .25s;
  -webkit-transition: all ease-in-out .25s;
  -moz-transition: all ease-in-out .25s;
  -o-transition: all ease-in-out .25s;
  -ms-transition: all ease-in-out .25s;
  background-color: #fff;
  z-index: 300; }
  .fullPopUpWindow.show {
    display: block;
    opacity: 1; }
  .fullPopUpWindow .fullPopUpWindowHeader {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    height: 10vh;
    padding-top: 10px; }
  .fullPopUpWindow #closePopup {
    position: absolute;
    right: 30px;
    top: 30px; }
  .fullPopUpWindow .fullPopUpWindowBody iframe {
    width: 100%;
    height: 85vh;
    border: none; }

/* compage funds */
.tablePad tr td {
  padding: 5px; }

/* for mutual funds field*/
.arrow {
  width: 20px;
  height: 7px;
  cursor: pointer;
  display: inline-block; }
  .arrow.green {
    background-position: center top;
    background-image: url("../img/ico/active-actions.png"); }
  .arrow.red {
    background-position: center bottom;
    background-image: url("../img/ico/active-actions.png"); }

/* for costomized page*/
.costomized {
  /*for side bar sectons*/
  /*for content loading side*/ }
 .costomized h3, .costomized h2 {
    font-size: 20px;
    color: #114464;
    text-align: center;
    font-family: 'Roboto Slab', serif; }
  .costomized h2 {
    font-size: 25px; line-height:normal; }
  .costomized .sideFilterSmall .panel-success {
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: none; }
    .costomized .sideFilterSmall .panel-success .panel-heading-Main {
      background-color: #44FF39;
      color: #114464; }
      .costomized .sideFilterSmall .panel-success .panel-heading-Main a {
        color: #fff;
        float: right;
        padding: 0px; }
    .costomized .sideFilterSmall .panel-success .panel-group {
      margin-bottom: 0; }
      .costomized .sideFilterSmall .panel-success .panel-group .panel {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        border-top: 0;
        margin-top: 0; }
        .costomized .sideFilterSmall .panel-success .panel-group .panel .panel-heading {
          background-color: white; }
          .costomized .sideFilterSmall .panel-success .panel-group .panel .panel-heading h4 a {
            display: block;
            font-weight: bold;
            color: gray; }
            .costomized .sideFilterSmall .panel-success .panel-group .panel .panel-heading h4 a i {
              float: right; }
        .costomized .sideFilterSmall .panel-success .panel-group .panel .list-group .list-group-item {
          background-color: #f2f2f2; }
        .costomized .sideFilterSmall .panel-success .panel-group .panel .checkbox {
          margin: 0; }
  .costomized .ContentSmall .panel-success .panel-heading-Main {
    background-color: #44FF39;
    color: #114464; }
  .costomized .ContentSmall .panel-success .table-responsive {
    overflow: hidden;
    overflow-y: auto;
    overflow: scroll; }
    .costomized .ContentSmall .panel-success .table-responsive::-webkit-scrollbar-track {
      border-radius: 20px;
      width: 10px;
      background-color: #ddd;
      overflow-x: hidden; }
    .costomized .ContentSmall .panel-success .table-responsive::-webkit-scrollbar {
      width: 10px;
      background-color: #ddd; }
    .costomized .ContentSmall .panel-success .table-responsive::-webkit-scrollbar-thumb {
      border-radius: 20px;
      background-color: #114464;
      height: 30px; }
	  .congoText{
		  font-size:16px;
    color: #4eb783;
    text-align: center;
    font-family: 'Roboto', serif; 
		  }
		  .if-existing-congo {
    margin-top: 33px;
    font-size: 17px;
    margin-left: 4%;
}
		 .if-existing-congo .clickToLoginFromReg { 
    	text-align: center;
    	font-size: 13px;
    	color: #02a89d;
    	margin-left: 2%;
}
		  
.fullPopUpWindow .fullPopUpWindowBody .transact-login iframe {
    width: 100%;
    height: 200px;
    border: none;
}
	  
    @media (min-width: 1024px) {
      .costomized .ContentSmall .panel-success .table-responsive {
        overflow-x: hidden; } }
  .costomized .ContentSmall .panel-success table.customeTable thead {
    background: #f2f2f2; }

/* for debitliquid page*/
.floatBox {
  margin-top: -20px;
  position: relative; }
  .floatBox h4 {
    font-weight: bold; }

.dateTitle {
  position: relative;
  z-index: 20; }

.rateIcon {
  font-weight: bold;
  margin: 0;
  font-size: 40px;
  font-size: 5rem; }

/* for search details page */
.largeSearchBox {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-color: #f2f2f2;
  border: none;
  padding: 10px; }
  .largeSearchBox .form-control {
    background: transparent;
    border: none;
    box-shadow: none; }
  .largeSearchBox .btn {
    background: transparent; }

/*# sourceMappingURL=theme.css.map */


/*for getStartedsip page*/

#sipschemes #return_table .table > thead > tr > th {
  background: #44ff39;
    color: #000;
}



/*for Top funds card style*/


a > .trendingfund-cards
{
	background:#ffffff;
	border:10px solid #f5f5f5;
	min-height:300px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:'Roboto';
    transition: transform .5s;
}
a > .trendingfund-cards::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 30px 59px 0 rgba(0, 0, 0, 0.2), 0 20px 24px 0 rgba(0, 0, 0, 0.15);
  content: '';
  opacity: 0;
  z-index: -1;
}
.trendingfund-basketname
{
	font-family:'Roboto';
	font-size:18px;
	color:#016abd;
	line-height:24px;
	padding-bottom:20px;
	    min-height: 67px;
}
.trendingfund-fundsnum
{
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto';
    padding-bottom: 10px;
    border-bottom: 1px dotted #c0c0c0;
    margin-bottom: 15px;
}
.trending-riskmeter
{
	border:1px solid #dedede;
	border-radius:25px;
	min-height:6px;
}
.trending_risk-img img
{
	width:96px;
}
.trending-average
{
	font-size:15px;
	color:#9e9e9e;
	padding-top:25px;
	padding-bottom:15px;
}
a > .trendingfund-cards .trending-investlink
{
    font-family: 'Roboto';
    color: #3b7fc3;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-style: italic;
}
a:hover > .trendingfund-cards .trending-investlink
{
	color:#090909;
}
a:hover > .trendingfund-cards
{
	background:#ffffff;
	border:10px solid #f5f5f5;
	min-height:300px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:'Roboto';
    transform: scale3d(1.006, 1.006, 1);
}
a:hover > .trendingfund-cards::after {
  opacity: 1;
}

.highrisk-meter {
    background: #008c46;
    background: -moz-linear-gradient(left, #008c46 0%, #c1e31a 22%, #fef100 50%, #f9a71a 73%, #d81923 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #008c46), color-stop(22%, #c1e31a), color-stop(50%, #fef100), color-stop(73%, #f9a71a), color-stop(100%, #d81923));
    background: -webkit-linear-gradient(left, #008c46 0%, #c1e31a 22%, #fef100 50%, #f9a71a 73%, #d81923 100%);
    background: -o-linear-gradient(left, #008c46 0%, #c1e31a 22%, #fef100 50%, #f9a71a 73%, #d81923 100%);
    background: -ms-linear-gradient(left, #008c46 0%, #c1e31a 22%, #fef100 50%, #f9a71a 73%, #d81923 100%);
    background: linear-gradient(to right, #008c46 0%, #c1e31a 22%, #fef100 50%, #f9a71a 73%, #d81923 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c46', endColorstr='#d81923', GradientType=1 );
}
.modrisk-meter {
    background: #008c46;
    background: -moz-linear-gradient(left, #008c46 0%, #c1e31a 19%, #fef100 43%, white 52%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #008c46), color-stop(19%, #c1e31a), color-stop(43%, #fef100), color-stop(52%, white), color-stop(100%, white));
    background: -webkit-linear-gradient(left, #008c46 0%, #c1e31a 19%, #fef100 43%, white 52%, white 100%);
    background: -o-linear-gradient(left, #008c46 0%, #c1e31a 19%, #fef100 43%, white 52%, white 100%);
    background: -ms-linear-gradient(left, #008c46 0%, #c1e31a 19%, #fef100 43%, white 52%, white 100%);
    background: linear-gradient(to right, #008c46 0%, #c1e31a 19%, #fef100 43%, white 52%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c46', endColorstr='#ffffff', GradientType=1 );
}
/*for schemes card*/


/*--------------------------------Trending Tab Basket ------------------------------------*/
#trendingfunds_basket #page-header {
  min-height: 110px;
  background: #ffffff;
}
#trendingfunds_basket #page-header .centerlogo {
  padding: 10px;
}
#trendingfunds_basket #page-header a.goback {
  font-family: 'Roboto';
  font-size: 15px;
  color: #585858;
  text-transform: uppercase;
  cursor: pointer;
}
#trendingfunds_basket #page-header a.goback img {
  margin-top: -2px;
  border-radius: 50px;
  box-shadow: -2px 2px 2px rgba(88, 88, 88, 0);
  -moz-box-shadow: -2px 2px 2px rgba(88, 88, 88, 0);
  -webkit-box-shadow: -2px 2px 2px rgba(88, 88, 88, 0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#trendingfunds_basket #page-header a.goback:hover {
  color: #292929;
}
#trendingfunds_basket #page-header a.goback:hover img {
  box-shadow: -2px 2px 2px rgba(88, 88, 88, 0.2);
  -moz-box-shadow: -2px 2px 2px rgba(88, 88, 88, 0.2);
  -webkit-box-shadow: -2px 2px 2px rgba(88, 88, 88, 0.2);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#trendingfunds_basket #page-content {
  /*------Switch---------*/
  /* Rounded sliders */
}
#trendingfunds_basket #page-content .basket-heading {
  font-family: 'Roboto';
  font-size: 21px;
  color: #0b3d7b;
  line-height: 24px;
}
#trendingfunds_basket #page-content .switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 20px;
  margin-bottom: -4px;
}
#trendingfunds_basket #page-content .switch input {
  display: none;
}
#trendingfunds_basket #page-content .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0b3d7b;
  -webkit-transition: .4s;
  transition: .4s;
}
#trendingfunds_basket #page-content .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 30px;
  left: 7px;
  bottom: 4px;
  background-color: #2ff24e;
  -webkit-transition: .4s;
  transition: .4s;
}
#trendingfunds_basket #page-content .slider:after {
  position: absolute;
  content: "";
  height: 0px;
  width: 0px;
  left: 0px;
  bottom: 0px;
  background-color: transparent;
  -webkit-transition: .4s;
  transition: .4s;
}
#trendingfunds_basket #page-content input:checked + .slider {
  background-color: #0b3d7b;
}
#trendingfunds_basket #page-content .invest {
  padding-left: 50px;
}
#trendingfunds_basket #page-content input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
#trendingfunds_basket #page-content input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#trendingfunds_basket #page-content .slider.round {
  border-radius: 34px;
}
#trendingfunds_basket #page-content .slider.round:before {
  border-radius: 34px;
}
#trendingfunds_basket #page-content .basket-cards {
  background: #fcfcfc;
  border: 2px solid #ebebeb;
  min-height: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Roboto';
  transition: transform .5s;
  border-radius: 8px;
}
#trendingfunds_basket #page-content .basket-cards .amount-inputschm {
	background: #44ff39;
    border-radius: 3px;
    font-family: 'Roboto';
    font-size: 13px;
   color: #323232; 
    padding: 6px 0px;
    margin-bottom: 7px;
    border: 1px solid #44ff39;
    text-align: center;
    outline: none;
}
#trendingfunds_basket #page-content .basket-cards .amount-inputschm:focus {
  border: 1px solid #0b3d7b;
  outline: none;
}
#trendingfunds_basket #page-content .basket-cards .amount-selectschm {
     background: #ffffff;
    border-radius: 4px;
    font-family: 'Roboto';
    font-size: 13px;
    color: #5d5d5d;
    padding: 0px 4px;
    border: 1px solid #44ff39;
    text-align: center;
    outline: none;
    width: 73%;
}
#trendingfunds_basket #page-content .basket-cards .amount-selectschm:focus {
  border: 1px solid #0b3d7b;
  outline: none;
}
#trendingfunds_basket #page-content .basket-schemename {
  font-family: 'Roboto';
  font-size: 15px;
  color: #016abd;
  font-weight:500;
  line-height: 24px;
  padding-bottom: 5px;
  min-height: 50px;
  text-align: center;
}
#trendingfunds_basket #page-content .basket-schemenav {
  font-size: 13px;
  color: #4e4e4e;
  padding-bottom: 10px;
  margin-bottom: 15px;
  background: #f0f0f0;
  padding: 5px;
}

#trendingfunds_basket #page-content  .nav-num{
	    font-family: 'Roboto slab';
    font-size: 17px;
	color:#0e478e;
	}


#trendingfunds_basket #page-content .basket-riskmeter {
  min-height: 6px;
  font-family: 'Roboto';
  font-size: 13px;
  color: #4e4e4e;
  border-bottom: 1px dotted #4e4e4e;
}
#trendingfunds_basket #page-content .basket-ratereturn {
    font-size: 13px;
    color: #008c45;
    padding-top: 8px;
  padding-bottom: 15px;
}

#trendingfunds_basket #page-content .basket-ratereturn .table {
    font-family: 'Roboto slab';
	font-size: 12px;
    color: #070707;
    margin-top: 3px;
}


#trendingfunds_basket #page-content .basket-ratereturn .table > tbody > tr > td, #trendingfunds_basket #page-content .basket-ratereturn .table > tbody > tr > th, #trendingfunds_basket #page-content .basket-ratereturn .table > tfoot > tr > td, #trendingfunds_basket #page-content .basket-ratereturn .table > tfoot > tr > th, #trendingfunds_basket #page-content .basket-ratereturn .table > thead > tr > td, #trendingfunds_basket #page-content .basket-ratereturn .table > thead > tr > th {
  padding: 2px;
}
#trendingfunds_basket #page-content .basket-selectopt {
    font-size: 12px;
    color: #33393a;
    font-family: 'Roboto';
    padding-top: 17px;
    line-height: 20px;
}
#trendingfunds_basket #page-content .basket-selectopt input[type=checkbox] {
  margin-top: 2px;
}

.btn-custom {
    border-radius: 50px;
    background: #44ff39;
    color: #000;
    margin-top: 25px;
    font-size: 15px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}


#tax-page a.goback {
    font-family: 'Roboto';
    font-size: 15px;
    color: #585858;
    text-transform: uppercase;
    cursor: pointer;
}

.stepWiz #stepWiz .carousel-inner .item #datetimepicker{

    color: #8c8c8c;

}
#date-formate{
	background:#fff !important;
	color:#57aeb5;
	font-size:16px !important;
	}

 #datetimepicker .input-group.date{
	background: none !important;
    font-size: 20px !important;
    color: #57aeb5 !important;
	}
	
	
	
	.text-yelllow{
		color:#fef200;
		    
		}
.bg-sidewide h3 {
    font-size: 28px;
    line-height: 38px;
    margin-left: 13px;
}

/*male*/



#gender input.radio1:empty {
  display:none;
}

#gender  input[type="checkbox"],
#gender  input[type="radio2"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#gender input.radio1:empty ~ label> p
{
  
    text-align: center;
    margin-top: 100%;
    font-size: 18px;
}
#gender input.radio1:empty ~ label {
  position: relative;
  height: 150px;
    width: 150px;
  float: left;
  line-height: 40px;
  text-indent: 30px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#gender input.radio1:empty ~ label:before {
    position: absolute;
    display: block;
    top: 50px;
    bottom: 0;
    left: 46px;
    content: '';
    width: 52px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}
#gender input.radio1:empty ~ label:before 
{
    position: absolute;
    display: block;
    top: 12px;
    bottom: 0;
    left: 19px;
    content: '';
     width: 100%;
    min-height: 136px;
    background:url(/images/male-inact.png) center no-repeat;
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#gender  input.radio1:checked ~ label:before {
  content: '';
  text-indent: 1px;
  color: #ffffff;
  background:url(/images/male-act.png) center no-repeat;
}
#gender input.radio1:checked ~ label {
   /* border: 5px solid #10898d;*/
    height: 150px;
    width: 150px;
    border-radius: 85px;
}
#gender input.radio1:focus ~ label:before {
  box-shadow: 0 0 0 0px #999;
}
/*------------------------Female------------------------------------*/
#gender input.radio2:empty {
  display:none;
}

#gender input[type="checkbox"],
#gender input[type="radio2"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#gender input.radio2:empty ~ label> p
{

    text-align: center;
    margin-top: 100%;
    font-size: 18px;
}
#gender input.radio2:empty ~ label {
  position: relative;
  height: 150px;
    width: 150px;
  float: left;
  line-height: 40px;
  text-indent: 30px;
  margin-top: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#gender input.radio2:empty ~ label:before {
    position: absolute;
    display: block;
    top: 50px;
    bottom: 0;
    left: 46px;
    content: '';
    width: 52px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}
#gender  input.radio2:empty ~ label:before 
{
    position: absolute;
    display: block;
    top: 12px;
    bottom: 0;
    left: 19px;
    content: '';
        width: 100%;
    min-height: 136px;
    background:url(/images/female-inact.png) center no-repeat;
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#gender input.radio2:checked ~ label:before {
  content: '';
  text-indent: 1px;
  color: #ffffff;
  background:url(/images/female-act.png) center no-repeat;
}
#gender input.radio2:checked ~ label {
  /*  border: 5px solid #10898d;*/
    height: 150px;
    width: 150px;
    border-radius: 85px;
}
#gender input.radio2:focus ~ label:before {
  box-shadow: 0 0 0 0px #999;
}




/*define risk*/



#define-risk input.radio1:empty {
  display:none;
}

#define-risk  input[type="checkbox"],
#define-risk  input[type="radio2"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#define-risk input.radio1:empty ~ label> p
{
  
    text-align: center;
    margin-top: 100%;
    font-size: 18px;
}
#define-risk input.radio1:empty ~ label {
  position: relative;
      height: 135px;
     width: 180px;
  /*float: left;*/
  line-height: 40px;
  text-indent: 0px;
/*  margin-top: 10px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#define-risk input.radio1:empty ~ label span{position: absolute;
    left: 0px;
    top: 110px;

}
#define-risk input.radio1:empty ~ label:before {
    position: absolute;
    display: block;
    top: 50px;
    bottom: 0;
    left: 46px;
    content: '';
    width: 52px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#define-risk input.radio1:empty ~ label:before 
{
    position: absolute;
    display: block;
    top: 12px;
    bottom: 0;
    left: 19px;
    content: '';
     width: 100%;
    min-height: 136px;
    background:url(/images/define-risk-1-inact.png) center no-repeat;
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#define-risk  input.radio1:checked ~ label:before {
  content: '';
  text-indent: 1px;
  color: #ffffff;
  background:url(/images/define-risk-1-act.png) center no-repeat;
}
#define-risk input.radio1:checked ~ label {
   /* border: 5px solid #10898d;*/
  /*  height: 150px;
    width: 150px;*/
    border-radius: 85px;
}
#define-risk input.radio1:focus ~ label:before {
  box-shadow: 0 0 0 0px #999;
}
/*------------------------uncertainty------------------------------------*/
#define-risk input.radio2:empty {
  display:none;
}

#define-risk input[type="checkbox"],
#define-risk input[type="radio2"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#define-risk input.radio2:empty ~ label> p
{

    text-align: center;
    margin-top: 100%;
    font-size: 18px;
}
#define-risk input.radio2:empty ~ label {
  position: relative;
     height: 135px;
     width: 180px;
  float: left;
  line-height: 40px;
  text-indent: 30px;
 /* margin-top: 10px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#define-risk input.radio2:empty ~ label span{
	position: absolute;
    left: 0px;
    top: 110px;

}



#define-risk input.radio2:empty ~ label:before {
    position: absolute;
    display: block;
    top: 50px;
    bottom: 0;
    left: 46px;
    content: '';
    width: 52px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}
#define-risk  input.radio2:empty ~ label:before 
{
    position: absolute;
    display: block;
    top: 12px;
    bottom: 0;
    left: 19px;
    content: '';
        width: 100%;
    min-height: 136px;
    background:url(/images/define-risk-2-inact.png) center no-repeat;
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#define-risk input.radio2:checked ~ label:before {
  content: '';
  text-indent: 1px;
  color: #ffffff;
  background:url(/images/define-risk-2-act.png) center no-repeat;
}
#define-risk input.radio2:checked ~ label {
  /*  border: 5px solid #10898d;*/
  /*  height: 150px;
    width: 150px;*/
    border-radius: 85px;
}
#define-risk input.radio2:focus ~ label:before {
  box-shadow: 0 0 0 0px #999;
}



/*------------------------risk 3------------------------------------*/
#define-risk input.radio3:empty {
  display:none;
}

#define-risk input[type="checkbox"],
#define-risk input[type="radio2"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#define-risk input.radio3:empty ~ label> p
{

    text-align: center;
    margin-top: 100%;
    font-size: 18px;
}
#define-risk input.radio3:empty ~ label {
  position: relative;
     height: 135px;
    width: 150px;
  float: left;
  line-height: 40px;
  text-indent: 30px;
 /* margin-top: 10px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#define-risk input.radio3:empty ~ label span{
	position: absolute;
      left: 22px;
    top: 110px;

}
.lable-text{
	text-align: center;
    font-size: 24px;
    color: #fffe37;
	}


#define-risk input.radio3:empty ~ label:before {
    position: absolute;
    display: block;
    top: 50px;
    bottom: 0;
    left: 46px;
    content: '';
    width: 52px;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}
#define-risk  input.radio3:empty ~ label:before 
{
    position: absolute;
    display: block;
    top: 12px;
    bottom: 0;
    left: 19px;
    content: '';
        width: 100%;
    min-height: 136px;
    background:url(/images/define-risk-3-inact.png) center no-repeat;
    border-radius: 3px 0 0 3px;
    content: '';
    text-indent: 1px;
    font-size: 40px;
    color: #ffffff;
}

#define-risk input.radio3:checked ~ label:before {
  content: '';
  text-indent: 1px;
  color: #ffffff;
  background:url(/images/define-risk-3-act.png) center no-repeat;
}
#define-risk input.radio3:checked ~ label {
  /*  border: 5px solid #10898d;*/
/*    height: 150px;
    width: 150px;*/
    border-radius: 85px;
}
#define-risk input.radio3:focus ~ label:before {
  box-shadow: 0 0 0 0px #999;
}

.bg-sidewide h3.risk-log-text{
	    font-size: 25px;
    line-height: 32px;
    margin-left: 13px;
	}

#risk_login img {
    vertical-align: middle;
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

@media screen and (min-width: 992px) and (max-width:1300px){

	#exTab1 .nav-pills > li > a {
    border-radius: 0;
    padding: 15px 55px;
}
	}

@media screen and (min-width: 768px) and (max-width:991px){
	#exTab1 .nav-pills > li > a {
    padding: 15px 27px;
    font-weight: 425;
}
	}
@media (min-width: 320px) and (max-width:767px){
	 .centerText {
    text-align: center;     padding-top: 50px;}
	#exTab1 .nav-pills > li > a {
    padding: 15px 18px;
	    font-weight: 425;
}

	}