/*Custom added styles*/

@font-face {
  font-family: 'palanquin';
  src: url("../fonts/palanquin/palanquin-regular.ttf") format("truetype"), url("../fonts/palanquin/palanquin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'clearsans';
  src: url("../fonts/clearsans/TTF/ClearSans-Regular.ttf") format("truetype"));
  font-weight: normal;
  font-style: normal;
}


input {
  font-size: 12px !important;
}

table td {
  vertical-align: middle !important;
}

.signup-instruction {
  border-width: 1px;
}

.signup-instruction:last-child {
  border-style: solid solid solid solid;
}

.bar-legend-wrapper {
	margin-bottom: 20px;
}

.legend-bar-1{
	height:10px;
	width:25px;
	background: rgba(220,220,220,0.5);
	float: left;
}

.legend-title {
	font-size: 12px;
	float: left;
	margin-left:5px;
	margin-top: -3px;
}

.legend-bar-2{
	height:10px;
	width:25px;
	background: rgba(26,179,148,0.5);
	float: left;
	margin-left: 20px;
}

.signup-val-error {
	font-size: 11px;
	color: red;

}

/*Client page styling*/

.client-table td {
	font-size: 12px;
}

/*Portfolio styling*/

.portfolio-main-wrap{
	margin-top:15px;
	padding-bottom: 5px;
}

.expand-wrap {
	float: left;
	margin-right: 13px;
	padding-top: 5px;
}

.expand-sign {
	font-size: 20px;
	cursor: pointer;
}

.portfolio-names {
  float: left;
}
/* line 1235, ../scss/style.scss */
 .portfolio-names div:first-child {
  color: #30363d;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
}

 .portfolio-names div:nth-child(2){
  
  font-size: 11px;
  margin-top: 5px;
  color: #337ab7;
  font-weight: 600;

}

 .portfolio-names div:nth-child(3){
  
  font-size: 11px;
  margin-top: 0px;
  color: #337ab7;
  font-weight: 600;

}

/* line 1240, ../scss/style.scss */
.portfolio-names div:last-child {
  
  font-size: 11px;
  color: #337ab7;
  font-weight: 600;

}

.balance-wrap {
  color: #565657;
  text-align: left;
  width: 25%;
  float: left;
}
/* line 1264, ../scss/style.scss */
 .balance-wrap .amount {
  font-size: 15px;
  padding: 3px 0px 3px 0px;
  color: #30363d;
  font-weight: 600;
}
/* line 1269, ../scss/style.scss */
.balance-wrap .total {
  font-size: 11px;
}

.risk-level {
  float: left;
  color: #565657;
  margin-left: 10px;
  width: 24%;
  text-align: center;
}

.xirr-wrap {
  float: left;
  color: #565657;
  margin-left: 12px;
  min-width:75px;
  width: 21%;
  text-align: center;
}

.percentage {
	font-size: 15px;
  padding: 3px 0px;
  color: #30363d;
  font-weight: 600;
  text-align: center;
}

.bonds-wrap {
	float: left;
  color: #565657;
  margin-left: 50px;
}

.bonds-wrap .percentage {
	font-size: 16px;
  padding: 3px 0px;
 color: #30363d;
  font-weight: 600;
}

 .stocks-wrap {
  margin-left: 0px;
}
/* line 1288, ../scss/style.scss */
 .stocks-wrap .percentage {
  color: #11b657;
}
/* line 1293, ../scss/style.scss */
 .bonds-wrap .percentage {
  color: #2d719b;
}
/* line 1297, ../scss/style.scss */
 .elepse {
  float: left;
  margin: 0px 10px;
}

.risk-level div:first-child {
  margin-bottom: 5px;
}
/* line 1306, ../scss/style.scss */
.risk-level .moderate-label {
  font-size: 11px;
  /*color: #000;*/
  margin-top: 5px;
}

.expanded-portfolio-wrap {
	background: #e5e5e5;
	margin-top: 10px;
	padding: 5px !important;
}

.asset-allocation-wrap{
	padding-right: 0px !important;
	height:350px;
	/*border-right: 1px solid #e7eaec;*/
}

.asset-allocation-wrap .ibox-content {
	height:350px;
	position: relative;
}

.donut-inner-portfolio {
   margin-top: 0px;
   margin-bottom: 0px;
   position: absolute;
   top:19%;
   left:42%;

}

.donut-inner-portfolio .asset-block {
  padding:1px;
  border-bottom: 1px solid #ccc;
  text-align: center;

}

.donut-inner-portfolio .asset-block .asset-title {
  font-size: 11px;
  padding: 2px !important;
}

.donut-inner-portfolio .asset-block .asset-weight {
  font-size: 11px;
  margin-bottom: 5px;
  font-weight: 600;
}

/* line 1668, ../scss/style.scss */
.graph-details {
  margin-top: 20px;
  text-align: center;
}
/* line 1671, ../scss/style.scss */
.graph-details ul {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  display: table;
}
/* line 1676, ../scss/style.scss */
 .graph-details ul li {
  margin-bottom: 10px;
}
/* line 1678, ../scss/style.scss */
 .graph-details ul li span {
  border-radius: 2px;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  float: left;
}
/* line 1686, ../scss/style.scss */
 .graph-details ul li label {
  /*font-family: roboto;*/
  color: #565657;
  font-size: 12px;
  float: left;
  /*line-height: 14px;*/
  font-weight: 600 !important;
}

.fund-table-wrap {
	/*padding:30px 20px;*/
	padding-left:0px !important;
/*  padding-top: 5px !important;
  padding-right: 5px !important;*/
}

.fund-table-wrap .ibox-content {
	height:350px;
	padding: 0px !important;
}

.portfolio-goal-table td {
	font-size: 12px;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.weightage-text {
	text-align: right !important;
	margin-right: 20px;
	padding: 0px !important;
	float: left;
	width: 28%
}

.weightage-bar {
	margin-top: 1px;
	height:15px;
	/*width: 10%;*/
	background-color: #a3e1d4;
	padding: 0px !important;
	float: left;
}

.portfolio-fund-wrap table td {
	font-size: 11px !important;
}

.export-pdf-button {
	margin-left: 20px;
}

/*Styling for DIY*/

.layer-1-form .select-form .portfolio-count-wrap {
  float: left;
  margin-right: 0;
  /*padding-left:10px;*/
}
/* line 2816, ../scss/style.scss */
.layer-1-form .select-form .portfolio-count-wrap > div {
  float: left;
}
/* line 2819, ../scss/style.scss */
.layer-1-form .select-form .portfolio-count-wrap div:first-child {
  line-height: 40px;
  margin-right: 10px;
}
/* line 2823, ../scss/style.scss */
.layer-1-form .select-form .portfolio-count-wrap .count {
  border-radius: 2px;
  background-color: #10b954;
  padding: 4px 9px;
  /*font-family: roboto;*/
  color: #fffefe;
  font-size: 20px;
  font-weight: 500;
  margin: 2px 0px 2px 5px;
}



.search-funds-wrap {
  /*margin-top: 10px;*/
  /*padding: 20px;*/
  background-color: #fff;
  padding-top:10px;
  /*box-shadow: 0px 0px 2px 0px rgba(0, 0, 1, 0.14);*/
}

.search-funds-wrap .filter {
	width: 15%;
	float: left;
}
/* line 2841, ../scss/style.scss */
.search-funds-wrap .serach-wrap {
  padding: 0;
  float: right;
  width: 40%;
}
/* line 2847, ../scss/style.scss */
.search-funds-wrap .search {
  position: relative;
  color: #565657;
  /* float: left; */
  width: 100%;
}
/* line 2852, ../scss/style.scss */
.search-funds-wrap .search input {
/*  border-radius: 2px;
  border: 1px solid #e6ecf3;
  background-color: #f2f6fa;
  padding: 9px 30px;
  width: 100%;*/
}
/* line 2859, ../scss/style.scss */
.search-funds-wrap .search i {
  position: absolute;
  top: 10px;
  right: 10px;
}
/* line 2865, ../scss/style.scss */
.search-funds-wrap .filter {
  float: left;
  margin-right: 15px;
}
/* line 2867, ../scss/style.scss */
.search-funds-wrap .label-wrap {
  float: left;
  display: block;
  margin: 6px 0px;
}

.search-funds-wrap .col-sm-8 .chosen-container {
	width: 100% !important;
	display:block !important;
	margin-bottom:10px;
}

/* line 2871, ../scss/style.scss */

/* line 2876, ../scss/style.scss */

/* line 2885, ../scss/style.scss */
/*.search-funds-wrap .filter select {
  border-radius: 2px;
  border: 1px solid #e6ecf3;
  background-color: #f2f6fa;
  width: 150px;
  color: #565657;
  padding: 9px;
  font-size: 12px;
}*/
.diy-fund-table td {
	font-size: 11px !important;
	vertical-align: middle !important;
}

.diy-fund-table th {
	vertical-align: bottom !important;
	font-size: 12px !important
}

.addfund {
	border-radius: 2px;
  /*background-color: #1f4e79;*/
  background-color:#337ab7;
  padding: 4px 10px !important;
  color: #ffffff;
  font-size: 16px;
  border: none;
  cursor: pointer;

}

.removefund{
	border-radius: 2px;
  background-color: #f2f6fa;
  color:#ed3535;
/*  width: 30px;
  height: 30px;*/
  padding: 4px 10px;
  border: 1px solid #e6ecf3;
  font-size: 16px;
  cursor: pointer;
}

.editfund{
	border-radius: 2px;
  background-color: #f2f6fa;
  color:#10b954;
/*  width: 30px;
  height: 30px;*/
  padding: 4px 10px;
  border: 1px solid #e6ecf3;
  font-size: 16px;
  cursor: pointer;
}

.proceed-btn {
	padding: 5px 15px;
}

.proceed-btn button {
    float: right;
}

.investment-cart-table td {
	font-size: 12px !important;
	vertical-align: middle !important;
}

.investment-cart-table th {
	vertical-align: bottom !important;
	font-size: 12px !important
}

.modal-body .modal-select {

 /*   border-radius: 2px;
    border: 1px solid #e6ecf3;
    background-color: #f2f6fa;
   
    color: #565657;
    padding: 9px;*/
   
     
    margin-top: 8px;
    margin-bottom: 15px;
}



.modal-body .modal-select select {
   
    border-radius: 2px;
	  border: 1px solid #e6ecf3;
	  background-color: #fff;
	  padding: 5px;
	 font-size: 12px !important
	  color: #565657;
	  height: 32px;
      width: 60%;
}

.invest-q {
  font-size: 12px !important;
  margin-bottom: 4px;
  margin-top: 15px;
}

.faq-question {
  font-size: 14px !important;
}

.portfolio-snapshot h1 {
  /*font-weight: 300;
  font-size: 22px;*/
  margin-bottom: 5px !important;
}

.custom-wrap {
  margin-bottom:0px; 
  margin-top:20px;
}

.custom-wrap .resource-box {
     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  text-align: left !important;
  position: relative;
}

.custom-wrap .resource-box h5{
  font-size: 14px;
  font-weight: 600;
  color: #30363d !important;
}

.custom-wrap .resource-box .sub-title {
  font-size: 14px;
  font-weight: 600;
  color: #30363d !important;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #1ab394 !important;
}

.custom-wrap .resource-box .sub-title-1 {
  font-size: 14px;
  font-weight: 600;
  color: #30363d !important;
  margin-bottom: 5px;
  margin-top: 18px;
  color: #1ab394 !important;
}

.res-button {
  margin-top: 15px !important;
  /*padding:5px 10px 5px 10px !important;*/
}

/* =====================Added new CSS for retirement and goal part =================*/

.calc-page {
  /*background: #f8f8f8;*/
  padding:30px;
}

.calc-wrap {
  background: #fff !important;
 /* padding:20px 20px;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;

/*  height:100%;*/
}

.calc-wrap-p2 {
  background: #fff;
 /* padding:20px 20px;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
/*  height:470px;*/
}

.calc-wrap-p2  .col-calc-wrap {
  padding:20px 20px 20px 20px;
  border-right: 1px solid #e5e5e5;
/*  */
}

.calc-wrap-p2  .col-calc-wrap .calc-question-wrap .calc-question {
  font-size:12px;
  line-height: 180%;
  margin-bottom: 3px; 
}

.calc-wrap-p2 .form-group {
  width: 90%;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
}

.result-wrap {

  background: #fff;
  /*padding:20px 35px;*/
/*  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;*/
  text-align: left;
  margin-top: 10px;
}

.data-point {
  color:#5a9bd4;
/*  font-weight: 600;*/
  font-size: 14px;
}

.right-calc-wrap {

  padding:20px 30px 0px 30px !important;

}

.calc-question-wrap {
  margin-bottom: 25px;
  width: 100%;
}

.goal-wrap {
  margin-bottom: 20px !important;
  
}

.goal-wrap .calc-question {
    font-size: 13px !important;
} 

.calc-question-wrap .calc-question {
  font-size:13px;
  line-height: 180%;
  margin-bottom: 3px; 
  
  font-weight: normal;

}

.calc-page input {
  font-size: 12px;
}


.calc-question-wrap .calc-input-text {
  width: 100%;
}

.calc-question-wrap .calc-input-currency {
  width: 100% !important;
}

.calc-wrap-p2 .calc-question-wrap {
  width: 90%;
  margin-bottom: 18px;
}

.calc-wrap-p2 .calc-question-wrap .calc-input-text {
  width: 100%;
}

.calc-wrap-p2 .calc-question-wrap .calc-input-currency {
  width: 100% !important;
}

.calc-question-wrap .calc-icon {
/*  color: #666;*/
  margin-right: 4px;
}

.left-calc-wrap {
   background: #5a9bd4;
   height:350px;
   text-align: center;
   padding-top: 40px;
   border-radius: 4px 0px 0px 4px;

}

.left-calc-wrap .tag-icon {
  color: #fff;
  font-size: 50px;
  margin-top: 20px;
}

.left-calc-wrap .calc-name {
  color: #fff;
  font-size: 18px;
  margin-top: 30px;
  
  letter-spacing: 0.7px;
/*  -webkit-font-smoothing: antialiased;*/
}

.left-calc-wrap .calc-detail {
  padding: 0px 20px;
  color: #fff;
  font-size: 13px;
  margin-top: 10px;
  
  letter-spacing: 0.5px;
  line-height: 1.5;
/*    -webkit-font-smoothing: antialiased;*/

}



.graph-wrap {
  margin-top: 10px;
  background: #fff;
  padding:0px 0px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
}

.asset-alloc-graph {
  padding-top: 10px;
  padding-bottom: 10px;
 /* padding-left: 15px;
  padding-right: 45px;*/
/*  border-right: 1px solid #e5e5e5;*/
}

.donut-inner {
   margin-top: 0px;
   margin-bottom: 0px;
   position: absolute;
   top:27%;
   left:45%;
}

.donut-inner .asset-block {
  padding:7px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.donut-inner .asset-block .asset-title {
  font-size: 14px;
}

.donut-inner .asset-block .asset-weight {
  font-size: 14px;
}

.asset-alloc-graph .chart-outer {
    font-size: 16px;
    /*font-family: source_sans_prolight;*/
    margin-bottom: 15px;
    text-align: center;
}

.growth-graph .chart-outer {
    font-size: 16px;
    /*font-family: source_sans_prolight;*/
    margin-bottom: 15px;
    text-align: center;
}

.risk-alert-wrap {
  width:100%;
  background: rgba(255, 0, 0, 0.06);
  font-size: 11px;
  padding: 10px;
  line-height: 130%;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 2px;
}


.output-wrap {
  margin-top: 15px;
  background: #fff;
  padding:0px 0px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
}

.output-wrap .output-block {
  padding: 15px 15px;
  border-right: 1px solid #e5e5e5;
}

.output-wrap .output-block .output-title {
  font-size: 14px;
  line-height: 150%;
  color: #777;
}

.output-wrap .output-block .output-value {
  font-size: 18px;
  color: #5a9bd4;
}



.graph-wrap .growth-graph {
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
/*  border-left: 1px solid #e5e5e5;*/
}

.pie-legend {
  text-align: left;
  padding: 100px 0px 30px 0px;
  margin-left: -40px;
}

.pie-legend .legend-wrapper {
  font-size: 12px;
  margin-top: 9px;
}

.legend-block {
  border-radius: 2px;
  height:12px;
  width: 12px;
  float: left;
  margin-right: 7px;
  margin-top: 2px;
}

.age-statement {
  font-family: source_sans_proregular;
  font-size: 12px;
  margin-top: 20px;
  color: #e06249;
  font-weight: bold;
  margin-left: -15px;

}

.risk-input-wrap {
  padding:20px 25px 0px 25px; 
}

/*range styling*/

.progress-box {
  width: 100%;
  margin: 8px 0 20px 0;
}

.progress-box .percentage-cur .num {
  margin-right: 5px;
}

.progress-box .progress-bar {
  width: 100%;
  height: 12px;
  background: #f2f1f1;
  margin-bottom: 3px;
  border: 1px solid #dfdfdf;
  box-shadow: 0 0 2px #D5D4D4 inset;
  position: relative;
  border-radius: 4px;
}

.progress-box .progress-bar .inner {
  position: relative;
  width: 0;
  height:100%;
 /* background: #239bd6; */
}

.progress-bar .inner {
  height: 0;
  width: 0;
  transition: all 1s ease-out;
}

.progress-bar-slider .inner {
  transition: none;
}



.progress-slider {
  opacity: 0;
  width: 100%;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  z-index: 1;
}

.invest-screen-wrap .invest-wrap .fund-table-details table tbody .fund-total  {
  /*background-color: rgba(238, 128, 128,0.8);*/
    background-color: #fff;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
/*  height:50px;*/
}

.fund-total  {
  /*background-color: rgba(238, 128, 128,0.8);*/
    background-color: #ccc !important;
    border-top: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #a5a5a5 !important;
    font-weight: bold;
    
   
/*  height:50px;*/
}

.fund-total-asset  {
  /*background-color: rgba(238, 128, 128,0.8);*/
    background-color: #e5e5e5 !important;
    border-top: 1px solid #a5a5a5 !important;
    border-bottom: 1px solid #a5a5a5 !important;
    font-weight: bold;
/*  height:50px;*/
}

.fund-total-heading  {
  /*background-color: rgba(238, 128, 128,0.8);*/
    background-color: #1ab394 !important;
    font-weight: bold;

/*  height:50px;*/
}

.fund-total-heading td {
  color:#fff;
  border-left: none !important;
    border-right: none !important;
}



.invest-screen-wrap .invest-wrap .fund-table-details table tbody .fund-total td { 
  /*color: #fff;*/
  font-size: 13px;
  font-weight: 600;
}

.invest-screen-wrap .invest-wrap .fund-table-details table tbody td .fund-link { 
  color: #5a9bd4 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.risk-chev-arr {
  font-size:18px; 
  margin-left:5px;
}

.risk-chev-arr a:hover {
  text-decoration: none;
}




/*end of range styling*/



.error-message-wrap {
  
 /* padding:20px 20px;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
  color:#a94442;
  background-color: #f2dede;
    border-color: #ebccd1;
    font-size: 13px;
    padding: 10px 10px 10px 10px;
}

.error-message-wrap .error-symbol {
  padding:20px 20px 20px 20px;
  font-size: 24px;
}

.error-message-wrap .error-message {
  padding: 16px 20px 18px 0px;
  font-size: 13px;

}

.invest-ready-wrap {
  background: #fff;
 /* padding:20px 20px;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
  color:#42ce7a;
}



.invest-ready-wrap .invest-ready-symbol {
  padding:18px 20px 15px 20px;
  font-size: 24px;
}

.invest-ready-message {
  /*padding: 18px 20px 18px 0px;*/
  /*font-size: 12px;*/
  /*margin-left: -10px;*/
  /*float: left;*/
}

.invest-ready-button {
  /*padding: 10px 10px 10px 10px;*/
  float: right;
}

.invest-ready-button button{

    /*background-color: #5a9bd4;
    padding: 12px;
    color: #ffffff;
    border: none;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13px;*/

}

.final-invest-wrap {
  background: #fff;
 /* padding:20px 20px;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
  color:#42ce7a;
}

.final-invest-wrap .invest-ready-button {
  padding: 10px 10px 10px 10px;
}

.final-invest-wrap .invest-ready-button button {
        float: right;
/*    border-radius: 2px;*/
    background-color: #5a9bd4;
  /*  padding: 12px;*/
    color: #ffffff;
    border: none;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13px;

}

.proceed-button button {
      float: left;
/*    border-radius: 2px;*/
    background-color: #5a9bd4;
  /*  padding: 12px;*/
    color: #ffffff;
    border: none;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13px;
}



/*Tooltip styling*/

.custom-tooltip {
  color: #5a9bd4;
  text-decoration: none;
  font-size: 11px;
  margin-left: 4px;
  line-height: 180%;
}

.custom-tooltip:hover {
  color: red;
  position: relative;
}

.custom-tooltip1 {
 /* color: #5a9bd4;*/
  text-decoration: none;
  font-size: 11px;
  margin-left: 4px;
  line-height: 180%;
}

.custom-tooltip1:hover {
  /*color: red;*/
  position: relative;
}

.tooltip-top[data-tooltip]:hover:after {
  content: attr(data-tooltip);
  padding: 4px 8px;
  position: absolute;
  left: 0;
  bottom: 100%;

  z-index: 9999;
  width: 300px;
  line-height: 180%;
  background-color: #333;
  color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
  font-size: 12px;
  opacity: 0.9;
  letter-spacing: 0.5px;
}


.tooltip-right[data-tooltip]:hover:after {
  content: attr(data-tooltip);
  padding: 4px 8px;
  position: absolute;
  left: 100%;
  top: 50%;

  z-index: 9999;
  width: 300px;
  line-height: 180%;
  background-color: #333;
  color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  border-radius: 4px;
  font-size: 12px;
  opacity: 0.9;
  letter-spacing: 0.5px;
}



.holds-the-iframe {
  background:url(../img/loading-gif-animation.gif) center center repeat;
}

.highlight-box {
  padding: 0px !important;
}

.highlight-box-title {
  background: #ffffff;
  border-color: #e7eaec;
    border-style: solid solid none;
    border-width: 2px 0 0;
    padding: 15px 15px 7px;
    min-height: 48px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
}

.highlight-box-content {
  background: #ffffff;

  padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    font-size: 30px;
    
}

.donut-inner-goal {
   margin-top: 0px;
   margin-bottom: 0px;
   position: absolute;
   top:24%;
   left:46.2%;

}

.donut-inner-goal .asset-block {
  padding:2px;
  border-bottom: 1px solid #ccc;
  text-align: center;

}

.donut-inner-goal .asset-block .asset-title {
  font-size: 12px;
  padding: 2px !important;
}

.donut-inner-goal .asset-block .asset-weight {
  font-size: 12px;
  margin-bottom: 2px;
  font-weight: 600;
}



.risk-level-meter {
  height:15px;
  width: 15px;
}


/* =====================End of new CSS for retirement and goal part =================*/

.donut-inner-db {
   margin-top: 0px;
   margin-bottom: 0px;
   position: absolute;
   top:16%;
   left:46%;

}

.donut-inner-db .asset-block {
  padding:2px;
  border-bottom: 1px solid #ccc;
  text-align: center;

}

.donut-inner-db .asset-block .asset-title {
  font-size: 12px;
  padding: 1px !important;
}

.donut-inner-db .asset-block .asset-weight {
  font-size: 12px;
  margin-bottom: 2px;
  font-weight: 600;
}

.donut-inner-aum {
   margin-top: 0px;
   margin-bottom: 0px;
   position: absolute;
   top:32%;
   left:46%;

}

.donut-inner-aum .asset-block {
  padding:2px;
  border-bottom: 1px solid #ccc;
  text-align: center;

}

.donut-inner-aum .asset-block .asset-title {
  font-size: 12px;
  padding: 1px !important;
}

.donut-inner-aum .asset-block .asset-weight {
  font-size: 12px;
  margin-bottom: 2px;
  font-weight: 600;
}

.action-button {
  float: right;
}

.action-dropdown {
  position: absolute;
  right: -30px;
  top: 0;
}

.action-list {
  display: none;
  position: absolute;
  left: -88px;
  top: 4px;
  z-index: 30;
}

 .action-list ul {
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
  width: 100px;
}

 .action-list ul li {
  border-bottom: 1px solid #eeeeee;
}

 .action-list ul li a {
  color: #565657;
  font-size: 12px;
  display: block;
  text-decoration: none;
  padding: 10px;
}
/* line 1341, ../scss/style.scss */
 .action-list ul li:hover {
  background-color: #72a9db;
}
/* line 1343, ../scss/style.scss */
.action-list ul li:hover a {
  color: #fff;
}
/* line 1352, ../scss/style.scss */
.action-dropdown .action-anchor {
  text-decoration: none;
  color: #1f4e79;
  display: block;
  font-size: 30px;
  font-weight: 700;
}
/* line 1360, ../scss/style.scss */
 .action-dropdown:hover .action-list {
  display: block;
}
/* line 1363, ../scss/style.scss */
 .action-dropdown:hover .action-anchor {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.mandate-instruction li{
  line-height: 1.5;
  margin-top: 10px;
}

.risk-radio-inp {
  margin-right: 0px;
  margin-top: 20px !important;
  font-size: 13px;
  font-weight: 300;
  color:#676a6c;
  cursor: pointer;
}

.red {
  color:red;
}

.green {
  color:green;
}

.background-body {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/background-compressor.jpg");
  padding-bottom: 0 !important;
}

.logo-wrap {
  margin-top: 60px;
  margin-bottom: 20px;
  text-align: center;
}

.login-wrap {
  text-align: center;

}

.notification-number {
  font-weight: 900;
}

.pending-action-btn {
  background: none !important;
  color: #337ab7 !important;
  border: none !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
 }

/* Landing page styles*/

.top-logo {
  margin-top: 10px;
}

#features p {
  color: #676a6c;
}

.notification-text {
  padding-right : 30px;
  padding-top:10px;
}

.less-margin {
  margin-top: 4px !important;
}

.spinner-message {
  text-align: center;
  font-size: 12px;
}

.client-navbar {
  background-color: transparent;
  color:#fff !important;
}

.client-navbar .navbar-header {
  padding:12px 10px 10px 0px;
}

.top-navigation .navbar-right {
  padding-top: 5px !important;
}

.client-navbar .navbar-nav {
  margin-left: 5px;
  padding-top: 5px;
}

.client-navbar .active {
  background: transparent !important;
  color: #fff;
}

.client-navbar .open a {
  background: transparent !important;
  color: #fff !important;
}

.client-navbar .dropdown-menu {
  background: #fff !important;
  font-size: 12px !important;
  /*background: url(../img/bg2.png) no-repeat ;*/
  border:none !important;
  box-shadow: 0px 0px 3.84px 0.16px;
}

.client-navbar .dropdown-menu li{
  padding: 0 !important;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;

}

.client-navbar .dropdown-menu li a {
  padding: 12px 0px 12px 6px !important;
  font-size: 11px !important;
  color: #30363d !important;
  border-radius: 0px !important; 
  display: block;
  line-height: 0px;
  font-weight: 600;
  /*width: 100%;*/
}

.client-navbar .dropdown-menu li a:hover {
  color: #ffffff !important;
  background-color: #1f4e7a !important;
}


.client-navbar ul li a {
  background: transparent !important;
  color:#a7b1c2 !important;
}



.client-navbar ul li a:hover {
  background: transparent !important;
  color:#fff !important;
}

/*Client Nav bar dashboard*/

.client-navbar-db {
  background-color: transparent;
  color:#fff !important;
}

.client-navbar-db .navbar-header {
  padding:12px 10px 10px 12px;
}

.client-navbar-db .navbar-nav {
  margin-left: 5px;
  padding-top: 5px;
}

.client-navbar-db .active {
  background: transparent !important;
  color: #fff;
}

.client-navbar-db .open a {
  background: transparent !important;
  color: #fff !important;
}

.client-navbar-db .dropdown-menu {
  background: #fff !important;
  font-size: 12px !important;
  /*background: url(../img/bg2.png) no-repeat ;*/
  border:none !important;
 /* box-shadow: 0px 0px 3.84px 0.16px;*/
        -moz-box-shadow:    1px 1px 1px 1px #e5e5e5 !important;
  -webkit-box-shadow: 1px 1px 1px 1px #e5e5e5 !important;
  box-shadow:         1px 1px 1px 0.4px #1f4e7a !important;
}

.client-navbar-db .dropdown-menu li{
  padding: 0 !important;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;

}

.client-navbar-db .dropdown-menu li a {
  padding: 12px 0px 12px 6px !important;
  font-size: 11px !important;
  color: #30363d !important;
  border-radius: 0px !important; 
  display: block;
  line-height: 0px;
  font-weight: 600;
  /*width: 100%;*/
}

.client-navbar-db .dropdown-menu li a:hover {
  color: #ffffff !important;
  background-color: #1f4e7a !important;
}


.client-navbar-db ul li a {
  background: transparent !important;
  color:#a7b1c2 !important;
}



.client-navbar-db ul li a:hover {
  background: transparent !important;
  color:#fff !important;
}

.menu-icon {
  font-size: 12px;
  margin-right: 4px;

}
.welcome-banner-noheight {
	background: url(../img/bg2_big.png) no-repeat ;
}
.welcome-banner-noheight .banner-height {
	height:340px;
}
.padding-left-30 {
	padding-left:30px;
}
.padding-top-10 {
	padding-top:10px;
}
.padding-bottom-10 {
	padding-top:10px;
}
.margin-bottom-15 {
	margin-bottom:15px;
}

.welcome-banner {
   /*background: #2f4050;*/
   background: url(../img/bg2_big.png) no-repeat ;
   height:340px;
}

.welcome-banner-app {
  background: url(../img/bg2_big.png) no-repeat ;
   height:60px;
}

.welcome-text-one-line {
  font-size: 42px;
  font-weight: 300;
  margin-top: 55px;
  color: #fff;
}

.welcome-text-two-line {
  font-size: 42px;
  font-weight: 300;
  margin-top: 40px;
  color: #fff;
}

.welcome-text-muted {
  font-size: 14px;
  margin-top: 5px;
  color: #fff;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.2px;

}

.dashboard-action-button {
  border: 1px solid #f8f8f8;
  height:40px;
  width: 200px;
  font-size: 14px;
  color: #fff;
  padding: 9px 20px;
  margin-top: 13px;
  border-radius: 2px;
  letter-spacing: 0.2px;
 /* font-weight: 300;*/
 
}

.signup-pwd-icon1 {
  font-size: 11px;
  color:red;
  margin-right: 4px;

  margin-bottom: 15px;
}

.signup-pwd-icon2 {
  font-size: 11px;
  color:#1ab394;
  margin-right: 4px;

  margin-bottom: 15px;
}

.signup-val-success {
  font-size: 11px;
  color: #1ab394;

}

.signup-progress {
  height: 100%;
  
}

.signup-step-block-regular {
  font-size: 13px;
  /*font-weight: 300;*/
  border-right: 1px solid #e5e5e5;
  text-align: center;
  padding-top: 14px;
  min-height: 48px !important;
  color: #676a6c;
  font-weight: 600;
}

.signup-step-block-muted {
  font-size: 13px;
  /*font-weight: 300;*/
  border-right: 1px solid #e5e5e5;
  text-align: center;
  padding-top: 14px;
  min-height: 48px !important;
  color: #ccc;
}

.signup-step-block-success {
  font-size: 13px;
  /*font-weight: 300;*/
  border-right: 1px solid #e5e5e5;
  text-align: center;
  padding-top: 14px;
  min-height: 48px !important;
  color: #1ab394;
}

.number-wrap-regular {
  border: 1px solid #676a6c;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  /*padding: 3px;*/
  float: left;
  font-weight: bold;
  text-align: center;
}

.number-wrap-muted {
  border: 1px solid #ccc;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  /*padding: 3px;*/
  float: left;
  font-weight: bold;
  text-align: center;
}

.number-wrap-success {
  border: 1px solid #1ab394;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  /*padding: 3px;*/
  float: left;
  font-weight: bold;
  text-align: center;
}

.step-name-wrap {
  float: left;
  margin-left: 5px;
  text-align: center;
}

.step-count {
  font-size: 11px;
  color: #ed5565;

}

.step-name {
  font-size: 11px;
  color: #ed5565;
}

.step-icon {
  font-size: 16px;
}

.signup-instruction-client {
  border: 2px dotted #ccc;
  border-radius: 5px;
}

.signup-instruction-client-title {
  /*background-color: #e5e5e5 !important;*/
  font-size: 14px;
  font-weight: 600;
  border: none
}

.signup-instruction-client-content {
  border: none;
  padding-top: 0px;
  padding-bottom: 4px;
  /*background-color: #e5e5e5 !important;*/
  
}

.logo-img-cont {
  width: 120px;
  height: 37px;
}

.logo-img-cont1 {
  width:292px;
  height:80px;
}

.bc-msg {
  padding-left: 0px !important;
}

.custom-alert {

  margin-top: 10px;
  margin-bottom: 0px;
}

.profile-table {
  margin-bottom: 15px;
}

.profile-table td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.amc-split td {
  font-size: 11px !important;
}

/*****************************************************************************************/
/*Client landing page custom classes*/

.logo-img-cont-landing {
  content: url(../img/logo/finpeg_logo_r_white_1.png);
/*  width: 140px;
  height: 43px;*/
}


.logo-img-cont-landing::after {
  content: url(../img/logo/finpeg_logo_r_white_1.png);
/*  width: 140px !important;
  height: 43px !important;*/
}

/*.landing-page .navbar-default.navbar-scroll .navbar-right{
  display: block;
}
.landing-page .navbar-default .navbar-right {
  display: none;
}*/

.navbar-scroll .logo-img-cont-landing {
  content: url(../img/logo/finpeg_logo_r_blue_1.png);
/*  width: 140px;
  height: 43px;*/
}




.navbar-scroll .logo-img-cont-landing::after {
  content: url(../img/logo/finpeg_logo_r_blue_1.png);
/*  width: 140px;
  height: 43px;*/
}

.navbar-scroll .navbar-brand {
  padding-top: 5px !important;
}

 .nav-button-l {
    background-color: transparent !important;
   /* border-color: #fff !important;*/
    border: 2px solid #fff !important;
    /*font-size: 14px !important;*/
    padding: 8px 20px 8px 20px !important;
    font-weight: 600 !important;
    margin-left: 14px !important;
    margin-top: 22px !important;
    border-radius: 4px;

  }

   .nav-button-s {
    background-color: transparent !important;
   /* border-color: #fff !important;*/
    border: 2px solid #ccc !important;
    color: #ccc !important;
    /*font-size: 14px !important;*/
    padding: 8px 20px 8px 20px !important;
    font-weight: 600 !important;
    margin-left: 14px !important;
    margin-top: 22px !important;
    border-radius: 4px;

  }

  .nav-button-s:hover {
    color: #FFFFFF !important; 
  }

  .nav-button-l:hover {
    color: #FFFFFF !important; 
  }

  .navbar-scroll .nav-button-l {
    background-color: #1c84c6 !important;
    border-color: #1c84c6 !important;
    /*color: #FFFFFF !important;*/
    /*font-size: 14px !important;
    padding: 8px 20px 8px 20px !important;
    font-weight: 600 !important;*/
    margin-left: 14px;
    margin-top: 16px !important;
    /*border-radius: 4px;*/
 /*      -moz-box-shadow:    1px 1px 1px 1px #e5e5e5 !important;
  -webkit-box-shadow: 1px 1px 1px 1px #e5e5e5 !important;
  box-shadow:         1px 1px 1px 1px #e5e5e5 !important;*/

  }

    .navbar-scroll .nav-button-s {
    background-color: #1c84c6 !important;
    border-color: #1c84c6 !important;
    color: #FFFFFF !important;
    /*font-size: 14px !important;
    padding: 8px 20px 8px 20px !important;
    font-weight: 600 !important;*/
    margin-left: 14px;
    margin-top: 16px !important;
   /* border-radius: 4px;*/
  /*     -moz-box-shadow:    1px 1px 1px 1px #e5e5e5 !important;
  -webkit-box-shadow: 1px 1px 1px 1px #e5e5e5 !important;
  box-shadow:         1px 1px 1px 1px #e5e5e5 !important;*/

  }

  .navbar-scroll .nav-button-s:hover {
    color: #FFFFFF !important;
    background-color: #70B9E8 !important;
  border-color: #70B9E8 !important;
  }

  .navbar-scroll .nav-button-l:hover {
    color: #FFFFFF !important;
    background-color: #70B9E8 !important;
  border-color: #70B9E8 !important;
  }

  #hero{
 
  background-image:url(../img/marketing/bg_final.jpg);
  background-size:cover;
  position:relative;
  background-position: 0% 0%;
  z-index: 99;
  height:100vh;
/*  filter: blur(5px);*/
}

/*.overlay1 {
  position: relative;
}

.overlay1:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  background: #000;
  opacity: 0.5;
}*/

/*.header{
  position:absolute;
  top:58%;
  left: 48%;
  text-align:right;
  width:42%;
  z-index: 100; 
  -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%); 
    transform: translate(0,-50%);  

}*/

.header{
  position:absolute;
  top:45%;
  left: 10%;
  text-align:left;
  width:45%;
  z-index: 100; 
  -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%); 
    transform: translate(0,-50%);  

}

.header h1 {
  color:#fff;
  font-size:54px !important;
  line-height: 66px;
  font-weight: 900 !important;
  text-transform: uppercase;
}



.header .title-sub-text {
  font-size: 16px;
  text-transform: none;
  font-weight: 600;
  margin-top: 15px;
  /*color: #1c84c6;*/
  letter-spacing: 1px;
  color:#ccc;

}

.header .title-button-web {
  margin-top: 40px !important;
  width:170px !important;
  color: #fff !important;
  border:1px solid #fff;
  padding: 10px;
  border-radius: 3px;
  float: left;

}

.title-button-mobile {
  display: none !important;
}

.resource-caption {
  width:50%;
}

.resource-caption h1 {
  margin-top: 25px;
  color:#fff;
  font-size:36px !important;
  line-height: 50px;
  font-weight: 600 !important;
  text-transform: none !important;
}

.resource-caption p {
  font-size: 17px !important;
  text-transform: uppercase;
  font-weight: 900 !important;
  margin-top: 15px !important;
  /*color: #1c84c6;*/
  letter-spacing: 1px;

}

.resource-caption-1 {
  width:50%;
}

.resource-caption-1 h1 {
  margin-top: 28px;
  color:#fff;
  font-size:32px !important;
  line-height: 50px;
  font-weight: 600 !important;

}

.resource-caption-1 p {
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 900 !important;
  margin-top: 15px !important;
  /*color: #1c84c6;*/
  letter-spacing: 1px;

}

.landing-page .clservices  {
  padding-top:50px !important;
}

.landing-page .clservices h2 {
  font-size: 20px;
  /*color: #f8ac59 !important;*/
}

.flow-wrap {
  padding: 0px !important;
}


.circle-box {
  height: 25px;
  width: 25px;
  background: rgb(26, 179, 148);
 /* border-radius: 100px;*/
  color: #fff;
  float: left;
  font-weight: 600;

  padding: 4px 4px 4px 8px;
}

.flow-line {
  height:7px;
  background: rgb(26, 179, 148);
  float: left;
  width: 16%;
  margin-top: 9px;
  margin-left: -1px;
}

.content-wrap {
  
  border-left: 2px dashed #ccc;
  height:200px;
  padding:0px !important;
 /* margin-left:37px;*/
  float: left;
  width: 25%;
}

.content-wrap .text-wrap {
  padding: 0px 30px 0px 10px; 
  margin-top: -5px;
  float: left;
}

.content-wrap .text-wrap .title {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #ed5565;
}

.question-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  color: #30363d !important;
}

/*.vertical-date  {
  color:#ed5565 !important;
}*/

/*.vertical-date small {
  color:#ed5565 !important;
}*/

.content-wrap .text-wrap p {
  line-height: 22px;
}

.content-wrap-down {
 margin-top: -22px;
  border-left: 2px dashed #ccc;
  height:200px;
  padding:0px !important;
  /*margin-left:35px;*/
  float: left;
}

.content-wrap-down .text-wrap-down {
  padding: 0px 30px 0px 10px; 
   margin-top: 77px;
}

.content-wrap-down .text-wrap-down .title {
  
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #ed5565;
}

.content-wrap-down .text-wrap-down p {
  line-height: 22px;
}

.content-wrap-finpeg {
  margin-left:2%; 
  width:30%;
  border:none;
   float: left;
}

.content-wrap-finpeg .text-wrap {
  margin-top: 26px;
  padding: 0px 30px 0px 10px; 
  border: 1px dashed #ccc;

}

.content-wrap-finpeg .text-wrap .title {

  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #ed5565;
}

.content-wrap-finpeg .text-wrap p {
  line-height: 22px;
}

.profile-image-marketing {
  width: 70px;
  height: 70px;
  float: left;
  margin-top:-22px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.1);  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  padding:15px 7px 5px 15px;
}
.profile-image-marketing img {
  width: 40px;
  height: 40px;
}

.clproposition {
  margin-top: 50px !important;
}


.features-icon {
  color:#30363d !important;
  font-size: 32px !important;
}

section h2 {
  color:#30363d !important;
  /*color:#ed5565 !important;*/
  font-size: 16px !important;
  font-weight: 600;
  line-height: 22px !important;
}

section .h2Style {
  /*color:#676a6c !important;*/
  color:#30363d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
}

section p {
  /*font-size: 14px !important;*/
  line-height: 22px !important; 
  /*font-family: 'Lato';*/
  letter-spacing: 0.1px;
 /* font-weight: 400;*/
  font-style: normal;
/*  color:rgba(0,0,0,0.8) !important;*/
}

/*.clproposition h1 {
  color:#30363d !important;
  font-weight: 600;
}*/

.lead-gen-q {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.success-lead {
  font-size: 16px;
  color: #1ab394;
  padding: 15px;
  text-align: center;
  font-weight: 300;
}

.success-lead-1 {
  font-size: 13px;
  color: #1ab394;
  padding: 15px;
  text-align: center;
  font-weight: 600;
}

.error-lead {
  color:red;
}

.question-timeine-block {
  margin: 20px 0px 20px 0px !important;

}

.question-content-icon {
  /*height: 42px !important;
  width: 42px !important;
  border: none !important;
  background: #676a6c;
  padding: 3px;*/
  margin-left: -25px !important;
  /* -moz-box-shadow:    1px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 1px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         1px 1px 1px 1px #e5e5e5 !important;*/
  border: none !important;
  
}

.question-image {
  height: 50px;
  width: 50px;
}

.question-timeine-block:first-child {
  margin-top: 30px;
}

.question-content-wrap-left {
  /*border: 1px dashed #ccc;*/
    -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  border-radius: 1px;
  border-top: 3px solid #ffcc00;


}

.question-content-wrap-right {
  /*border: 1px dashed #ccc;*/
  -moz-box-shadow:    2px 2px 2px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 2px 4px #e5e5e5 !important;
  box-shadow:         -2px 2px 2px 4px #e5e5e5 !important;
  border-radius: 1px;
  border-top: 3px solid #ffcc00;
  padding: 10px !important;
}

.question-content-wrap-finpeg {
  /*border: 1px dashed #ccc;*/
     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  border:4px solid #337ab7;
  border-radius: 1px;
}

#vertical-timeline::before {
  height: 73% !important;

}



#vertical-timeline.center-orientation {
  margin-bottom: 0em !important;

}


.probability-wrap {
  text-align: center; !important;
  margin-top: 0px;

}

.probability-wrap  h1 {
  font-size: 22px !important;
  line-height: 30px !important;
  color:#ed5565 !important;
}

.probability-wrap-inner-1 {
  background: #fff;
  margin-top: 20px;


     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  padding:25px;
  border-top: 4px solid #1ab394;
  color: #1ab394 !important;
  border-radius: 3px;
}

/*.probability-wrap-inner-1:hover {

  background:  #ffcc00;

  color: #fff !important;
}*/

.probability-wrap-inner-2 {
  background: #fff;
  margin-top: 20px;
     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  padding:25px;
  border-top: 3px solid #ed5565;
  color: #ed5565 !important;
}

/*.probability-wrap-inner-2:hover {

  background: #1ab394;
  color: #fff !important;
}
*/

.probability-wrap-inner-3 {
  background: #fff;
  margin-top: 20px;
     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  padding:25px;
  border-top: 3px solid #337ab7;
  color: #337ab7 !important;
  /*position: absolute;*/
}

.prob-icon {
  /*position: relative;
  left:2%;
  top:2%;*/
  font-size: 18px;
}

.probability-wrap-inner-1:hover {

  background:#1ab394;
  color: #fff !important;
}

.probability-wrap-inner-2:hover {

  background:#ed5565;
  color: #fff !important;
}

.probability-wrap-inner-3:hover {

  background:#337ab7;
  color: #fff !important;
}

.probability-wrap .text {
  font-size: 13px;
  text-align: center;
  /*font-family: 'Source Sans Pro';*/
  letter-spacing: 0.1px;
/*  font-weight: 900;*/
  font-style: normal;

}

.probability-wrap .number {
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  margin-top: 6px;
}

.img-circle {
  border: 4px solid #fff;
}

.resource-box-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
}

.resource-box-wrap .resource-box {
     -moz-box-shadow:    2px 2px 5px 4px #e5e5e5 !important;
  -webkit-box-shadow: 2px 2px 5px 4px #e5e5e5 !important;
  box-shadow:         2px 2px 5px 4px #e5e5e5 !important;
  text-align: left !important;
}

.resource-box p {
  text-align: left !important;
}

.resource-box .rba {
  margin-top: 15px;
  padding: 5px 15px !important;
  text-align: left;

}

.resource-box  li {
  margin-top: 10px;
}

.landing-page .header-back-res {
  height: 100px;
  width: 100%;
}





.landing-page .header-back-res.one {
  background: url('../img/landing/header_one.jpg') 50% 0 no-repeat;
}


.landing-page .header-back-res.two {
  background: url('../img/landing/header_two.jpg') 50% 0 no-repeat;
}

.web-table-title {
  display: block !important;
}

.web-table-content {
  display: block !important;
}

.mobile-table-title {
  display: none !important;
}

.mobile-table-content {
  display: none !important;
}

.mobile-features-block-bot {
  margin-top: 60px !important;
}

.features-mobile-cont {
  margin-bottom: 30px !important;
}

address {
  font-weight: 600 !important;  
}

.contact p {
  line-height: 18px !important;
}


#msg {
  text-align: center;
  margin-top: 80px;
  padding:40px;
}

#msg .loading-msg-text {
  font-size: 13px;
  color: #1ab394;
  margin-top: 20px;
}

sup {
  font-size: 12px !important;
  top:-1.5em;
}

.padded-col {
  padding-left: 20px;
  padding-right: 20px;
}

.training-table td {
  background: #fff !important;
  padding-top:20px;
  padding-bottom: 20px;
  font-size: 12px !important;

}

.training-heading {
  text-transform: uppercase !important;
}
.line-break{
    display: none;
  }

.myth-block-1024 {
  display: none;
}





@media (min-width: 769px) and (max-width: 1024px) {


  .header h1 {
   color:#fff;
    font-size:36px !important;
    line-height: 48px;
    font-weight: 600 !important;
  /*text-transform: uppercase;*/
  }

  .header .title-sub-text {
    font-size: 14px;
   
    font-weight: 900;
    margin-top: 15px;
    /*color: #1c84c6;*/
    letter-spacing: 1px;
    color:#ccc;
  }





}

@media (min-width: 769px) and (max-width: 1024px) { 
  .header {
    left: 4%;
  }

 .myth-block {
  display: none;
 }

 .myth-block-1024 {
  display: block;
 }

 .myth-block-1024 .myth-img {
  width: 350px;
  height: 300px;
 }

 .myth-block-1024 .prod-img {
  width: 350px;
  height: 300px;
 }

 .strategy {
  
  background-position: 35% 0% !important;
  min-height: 400px;
}

#strategy {
  
  background-image:url(../img/marketing/light-gray-bg.png) !important;
  background-size:cover;
}

.lead-form-wrap {
  width: 90% !important;
  margin-left: 0% !important;
  margin-top: 20px;

}


}

@media (min-width: 1025px) and (max-width: 1280px) { 
    .header {
    left: 5%;
  }
  .line-break{
    display: block;
  }
  .no-line-break {
    display: none;
  }
}





@media (min-width: 1441px) and (max-width: 1600px) { 
    .header {
    left: 14%;
  }
}

@media (min-width: 1601px) and (max-width: 1920px) { 
    .header {
      left: 20%;
  }
}


@media (min-width: 1281px) and (max-width: 1366px) {

  .header {
    left: 8%;
  }

  .header h1 {
   /*color:#fff;
    font-size:32px !important;
    line-height: 48px;
    font-weight: 600 !important;*/
  /*text-transform: uppercase;*/
  }

 

}

@media (max-width: 768px) {
.logo-img-cont-landing {
  content: url(../img/logo/finpeg_logo_r_blue_1.png);
  width: 140px;
  height: 43px;
}

.logo-img-cont-landing::after {
  content: url(../img/logo/finpeg_logo_r_blue_1.png);
  width: 140px;
  height: 43px;
}

 .landing-page .navbar .navbar-header .navbar-toggle {
    background-color: #ffffff;
    padding: 9px 10px;
    border: none;
    margin-top: 22px !important;
  }

  .landing-page .navbar.navbar-scroll .navbar-header .navbar-toggle {
    
    margin-top: 15px !important;
  }

 nav ul {
  z-index: 999 !important;
  }


 #hero{
  background-image:url(../img/marketing/bg_final_mobile.jpg);
  background-size:cover;
  position:relative;
  background-position: 20% 20%;
  z-index: 99;
  height:100vh;
/*  filter: blur(5px);*/
}



  .header{
    position:absolute;
    top:50%;
    left:0%;

    text-align:center;
    width:100%;
   
    -ms-transform: translate(0,-50%); /* IE 9 */
      -webkit-transform: translate(0,-50%); /* Safari */
      transform: translate(0,-50%);  
        /* background: #000;*/
   /* opacity: 0.7;*/
    z-index: 100;
    padding:20px 25px 20px 25px;

  }

  .header h1 {
    color:#fff;
    font-size:30px !important;
    line-height: 44px;
    font-weight: 900 !important;
    text-transform: none;
    text-transform: uppercase;
    margin-bottom: 20px;

  }

  .header .title-button-mobile {
    
    margin-top: 40px;
    margin-left: 19%;
    text-align: center;
    display: block !important;  
    width:60% !important;
    /*color: #fff !important;
    background-color: #499ad9 !important;
    border:1px solid #499ad9 !important;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font: 16px;
    letter-spacing: 0.2px;*/
  
  
 /* float: right;*/

}

.header .title-button-web {
  display: none !important;
}

.header .title-sub-text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    /*color: #1c84c6;*/
    letter-spacing: 1px;
    color:#ccc;
  }

.hero1header {
  position:absolute;
  top:26%;
  left: 5%;
  text-align:center;
  width:90%;
  z-index: 100;
  -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%); 
    transform: translate(0,-50%);  

}

.hero1header h1 {
   color:#fff;
  font-size:20px !important;
  line-height: 32px;
  font-weight: 600 !important;
  /*text-transform: uppercase;*/
}



.hero1header .title-sub-text {
  font-size: 16px;
  
  font-weight: 600;
  margin-top: 10px;
  /*color: #1c84c6;*/
  letter-spacing: 0.2px;
  color:#ffcc00;
  line-height: 24px;

}

.hero1header .title-list {
  display: none !important;
}



.mobile-logo {
  position:absolute;
  top:20%;
  left: 25%;

}






 .resource-caption {
  width:80%;
  text-align: center;

  }

  .resource-caption h1 {
    margin-top: 20%;
    color:#fff;
    font-size:28px !important;
    line-height: 36px;
    font-weight: 600 !important;
    text-transform: none !important;
  }



  .resource-caption p {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    margin-top: 15px !important;
    /*color: #1c84c6;*/
    letter-spacing: 1px;

  }

  .resource-caption-1 {
  width:80%;
  text-align: center;

  }

  .resource-caption-1 h1 {
    margin-top: 50%;
    color:#fff;
    font-size:28px !important;
    line-height: 32px;
    font-weight: 600 !important;
    text-transform: none !important;
  }

  

  .resource-caption-1 p {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 900 !important;
    margin-top: 15px !important;
    /*color: #1c84c6;*/
    letter-spacing: 1px;

  }


  



  .donut-inner-goal {
     margin-top: 0px;
     margin-bottom: 0px;
     position: absolute;
     top:23%;
     left:46.2%;

  }

.donut-inner-goal .asset-block {
  padding:0px;
  border-bottom: 1px solid #ccc;
  text-align: center;

}

.donut-inner-goal .asset-block .asset-title {
  font-size: 10px;
  padding: 0px !important;
}

.donut-inner-goal .asset-block .asset-weight {
  font-size: 10px;
  margin-bottom: 1px;
  font-weight: 600;
}

.question-content-icon {

  padding: 3px !important;
  margin-left: -7px !important;
  
  
}

.quote-icon {
  font-size: 22px !important;
  color: #ccc !important;
}

.web-table-title {
  display: none !important;
}

.web-table-content {
  display: none !important;
}

.mobile-table-title {
  display: block !important;
}

.mobile-table-content {
  display: block !important;
}

.question-timeine-block {
  margin: 3em 0 !important;
}

.mobile-features-block {
  margin-top: 20px !important;
}

.mobile-features-block-bot {
  margin-top: 40px !important;
}

.clproposition {
  margin-top: 10px !important;
}

.team {
  margin-top: 20px !important;
}

.team-member {
  margin-top: 15px !important;
}

.features-mobile-cont {
  margin-bottom: -20px !important;
}



}