.referral_section{
	padding:50px 0;
	background:#292A2E;
	margin:0px;
}
.referral_section.services-section .services-container{
	margin-bottom:0;
}
.referral_section.services-section h1{
	color:#fff; 
}
.referral_section.services-section h1:before,.referral_section.services-section h1:after{
	border-bottom:1px solid #ffffff;
}
.services-section .container span{
	text-align:left;
}
.referral_section.services-section h1 {    
    margin-top: 0;
}
.first_plan.plan_section {
    background: #eaebff none repeat scroll 0 0;
}
.second_plan.plan_section {
    background: #EBFFFE none repeat scroll 0 0;
}
.third_plan.plan_section {
    background: #F0FFEA none repeat scroll 0 0;
}
.plan_section .left_plan_side {    
    height: 80px;
    margin: 10px 10px 5px 40px;
    padding-left: 100px;
    background: rgba(0, 0, 0, 0) url("../slice/ics-set.png") no-repeat;
}
.first_plan.plan_section .left_plan_side {
	background-position: 0 0;
}
.second_plan.plan_section .left_plan_side {
    background-position: 0 -90px;    
}
.third_plan.plan_section .left_plan_side {
    background-position: 0 -190px;    
}
.plan_section {    
    border-radius: 5px;
    box-shadow: none;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.pla_num {    
    border-radius: 5px 50px 50px 5px;
    float: left;
    font-size: 30px;
    margin: 0;
    padding: 36px;
}
.first_plan.plan_section .pla_num {
    background: #daddff none repeat scroll 0 0;
}
.second_plan.plan_section .pla_num {
    background: #CBFFFD none repeat scroll 0 0;
}
.third_plan.plan_section .pla_num {
    background: #DFFFD0 none repeat scroll 0 0;
}
.left_plan_side {
    float: left;
    margin-left: 20px;
}
.plan_section > h5 {
    color: #333333;
    font-family:"ralewaysemibold";    
    margin-bottom: 10px;
    font-size: 2.5rem;
}
.plan_section > h5.pla_num {
    color: #333333;
    font-size: 4rem;    
    font-family:"ralewaysemibold";    
    margin-bottom: 0;
}
.plan_section > ul {
    margin: 0;
}
.plan_section ul li {
    list-style: inside;
    font-size:16px;
    font-family:"ralewaymedium";
    color:#636671;
    position:relative;
    padding-left:15px;
    display:inline-block;
}
.plan_section ul li:before {
    background-color: #333;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 7px;
}
.detail_sec.services-section {
    background: #e8ebf2 none repeat scroll 0 0;
    padding:50px 0;
}
.track_section{
	background: url('../slice/bg.jpg') repeat-x;
	padding:50px 0px;
}
.track_header {
    background: rgba(0, 0, 0, 0) url("../slice/ics-set.png") no-repeat;
    height: 125px;
    padding-left: 110px;
    margin-bottom:20px;
}
.first_track .track_header {
    background-position: 0 -470px;    
}
.second_track .track_header {
    background-position: 0 -583px;
}
.third_track .track_header {
    background-position: 0 -705px;    
}
.first_track, .second_track, .third_track {
    margin-bottom: 20px;
}
.track_header h1.track_title {
    color: #ffffff;
    font-size: 30px;
    font-family: "ralewaybold";
    line-height: 130px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.first_track span{
	font-size:20px;
	color:#70BF4D;	
	font-family: "ralewayregular";
}
.track_section ul li{	
	font-size:18px;
	color:#fff;
	list-style:none;
	padding-left: 25px;
    position: relative;
    margin-bottom:15px;
    margin-top:15px;
    font-family: "ralewayregular";
}
.track_section ul li:before {
    background-color: #70bf4d;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 12px;
}

.lead_sec {
    float: left;
    margin: 0 20px;
}
.lead_sec.lead_case_rgt {
    margin-left: 20px;
}
.lead_case_rgt .bg-clr {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 3px 5px 3px 2px #d8d8d8;
    clear: both;
    color: #a57b7c;
    display: table;
    font-size: 14px;
    font-weight: 600;   
}
.lead_case_rgt .bg-clr .case_list {
    padding: 7px 20px;
}
.lead_case_rgt .bg-clr h2 {
    background: #e9ffd8 none repeat scroll 0 0;
    border-radius: 5px;
    color: #406f21;
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    padding: 10px;
    text-align:left;
    text-transform:capitalize;
}
.lead_note {
    background-color: #faecec;
    border-radius: 5px;
    box-shadow: 3px 5px 3px 2px #e5dae0;
    clear: both;
    color: #7e3d3d;
    display: table;
    float: left;
    font-family: "ralewaysemibold";
    font-size: 13px;
    margin-top: 40px;
    padding: 7px 10px;
    margin-left: 60px;
}
.lead_sec.lead_case_lft {
    position: relative;
    width: 40px;
}
.lead_left {    
    border-radius: 10px;
    box-shadow: 3px 3px 4px -1px #E2E3E8;
    color: #333333;
    font-family: "ralewaybold";
    font-size: 20px;
    padding: 10px 40px 10px 20px;
    position: absolute;
    right: 0px;
    text-transform: capitalize;
    top: 30px;
}
.lead_left.flead{
	background: #daddff none repeat scroll 0 0;
    border: 1px solid #daddff;
}
.lead_left.fsale{
	background: #CBFFFD none repeat scroll 0 0;
    border: 1px solid #CBFFFD;
}
.lead_left.fbrand{
	background: #DFFED2 none repeat scroll 0 0;
    border: 1px solid #DFFED2;
}
.lead_sec.lead_case_mid {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px #d2d2d2;
    /*width: 550px;*/
    padding:0px;
}
.lead_image {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}
.case_list li label {
    line-height: 30px;
    margin: 0 0 0 5px;
    padding: 0;
}
.case_list > li {
    color: #636671;
    display: table;
    font-size: 14px;    
}
span.cptbg {
    border: 3px solid #333333;
    color: #000000;
    float: left;
    font-family: "ralewaysemibold";
    font-size: 15px;    
    padding: 0 5px;
}
.cptbg.cpt-c {
    background-color: #c6d7eb;    
}
.cptbg.cpt-p {
    background-color: #A1CA7B;    
}
.cptbg.cpt-b {
    background-color: #F7D999;    
}
.cptbg.cpt-e {
    background-color: #DA7A85;    
}
.lead_sec.lead_case_mid table{
	width:100%;
	/*border:1px solid #d8d8d8;*/
}

.lead_sec.lead_case_lft > span {
    float: left;
    margin-top: 90px;
}
.lead_sec.lead_case_mid th, .lead_sec.lead_case_mid td {
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    padding: 5px;
    font-family: "Roboto";
}
.lead_sec.lead_case_mid td {
    font-family: "Roboto";
    text-align: center;
    color:#636671;
}
.lead_sec.lead_case_mid th {
    text-align: left;
}
.lead_case{
	margin:0px;
	display:inline-block;
	margin-bottom:40px;
}
.icon.icon-name{
    background: rgba(0, 0, 0, 0) url("../slice/name_icon.png") no-repeat;
    display: inline-block;
    height: 22px;
    width: 29px;
    position: relative;
    top: 6px;

}
.icon.icon-agency{
	background:url("../slice/agency_icon.png")  no-repeat;
	display: inline-block;
    height: 26px;
    width: 25px;
    position: relative;
    top: 6px;
}
.icon.icon-cost{
	background:url("../slice/cost_icon.png")  no-repeat;
	display: inline-block;
    height: 26px;
    width: 28px;
    position: relative;
    top: 5px;
}
.icon.icon-costnew{
	background:url("../slice/cost_icon_new.png")  no-repeat;
	display: inline-block;
    height: 28px;
    width: 26px;
    position: relative;
    top: 7px;
}
.right_s {
    display: table;
}
.right_s p.lead_note{
	margin-left:0px;
}
.statistics_sec h3 {
    font-family: "ralewaybold";
    font-size: 4rem;
    font-weight: normal;
}
.statistics_sec p,.lead_sec.lead_case_lft span{
    font-family: "ralewaysemibold";    
    font-size: 19px;
}
th.empty_datath {
    background: #daecdc !important;
    color: #333333 !important;
}
.empty_data {
    background-color: #ffffff;    
    padding:10px;
}
/* Table 1 Style */
table.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
    background-color: #FFFFFF;
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#636671;
	border:1px solid #d8d8d8;
	border-radius:0px;	
	padding-bottom: 20px !important;
    padding-left: 40px !important;
    padding-top: 20px !important;
	position:relative;
	font-family:"ralewayregular";
	font-size: 18px;
}
.table1.table tbody th.no_pad {
    padding: 0 !important;
}
.table1.table tbody th.no_pad table th{    
	padding:20px 40px !important;
}
.table1 tfoot td{
    color: #9CD009;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#fff;
    border: 1px solid #d8d8d8;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#636671;
    text-shadow:1px 1px 1px #fff;
    vertical-align:middle !important;
    font-family:"ralewayregular";
    font-size:18px;
}
.table > thead th{
    color: #000000;
    font-family: "ralewaymedium";
    font-size: 2rem;
    letter-spacing: 2px;
    padding: 30px 30px 40px !important;
    text-shadow: none;
    text-transform: uppercase;
}
.table th.featth{
    background: #fff none repeat scroll 0 0;
    border-top-left-radius: 25px;
    width:47%;
}
.table th.leadth{
    background: #daddff none repeat scroll 0 0;    
    text-align:center;
    border-right: 2px solid #dddddd;
}
.table th.saleth{
    background: #CBFFFD none repeat scroll 0 0;    
    text-align:center;
    border-right: 2px solid #dddddd;
}
.table th.brandth{
    background: #DFFFD0 none repeat scroll 0 0;    
    text-align:center;
    border-top-right-radius: 25px;
}
table.table1.table {    
    border-radius: 25px !important;  
    width:100%;  
}
.table1 tbody th.grn_clr {
    color: #84C125;
    /*font-family: "ralewaysemibold";
    font-size: 14px;*/
    line-height: 30px;
}
.table1 table {
    width: 100%;
}
.table1 table th{
	border:none !important;;
}
.hvr-class{cursor:pointer;position: relative;top: -4px;width:25px;}
.prod_ime{position:relative;float:left;}
.prod_ime .hvr-class{margin-left:5px;}
.table.table1 em{font-style:normal;float:left;line-height:20px;}
.disclaimer-txt{text-align:center;margin:10px 0;}
.disclaimer-txt strong{color:#000000;}
p.tooltip_cnt {
    background-color: #f4f5f9;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    box-shadow: 0 0 7px 2px #eaeaea;
    color: #000;
    font-family: "ralewaymedium";
    font-size: 18px;
    font-weight: normal;
    left: 50px;
    line-height: 25px;
    min-width: 300px;
    padding: 20px 20px 20px 30px;
    position: absolute;
    top: -20px;
    z-index: 2147483647;
}
.tooltip_cnt:after,
.tooltip_cnt:before {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.tooltip_cnt:after {
    top: 15px;
    border-color: transparent #F4F5F9 transparent transparent;
    border-width: 10px;
}

.tooltip_cnt:before {
    top: 14px;
    border-color: transparent #d2d2d2 transparent transparent;
    border-width: 11px;
}

.emty_sp{width:20%;float:left;}
.lead_image img{padding:10px 14px;}
.lead_sec.lead_case_mid table th.brd_bot,
.lead_sec.lead_case_mid table td.brd_bot{
	border: solid #d2d2d2;
    border-width: 0px 0px 1px 0px;
}
.lead_sec.lead_case_mid table td.brd_bot{
    position:relative;
}
.icon-arrow {
    background: rgba(0, 0, 0, 0) url("../slice/arrow.png") no-repeat scroll center bottom / contain ;
    display: inline-block;
    height: 27px;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 100;
    left:90%;
}
.icon-noarrow {
    height: 27px;
    position: absolute;
    top: 50%;
    left: 84%;
}
.company_numbers.statistics_sec img {
    height: auto;
    width: auto;
}



/*************************Custom css **************************/
.moneyflow-sec.lead_sec.lead_case_rgt {
	width: 300px;
	margin:0;
}
.moneyflow-sec.lead_case_rgt .bg-clr {
	width: 100%;
}
.moneyflow-sec .mf_left, .moneyflow-sec .mf_right {
    float: left;
    padding: 10px;
    width: 50%;
}
.moneyflow-sec.lead_case_rgt .bg-clr .case_list {
    padding: 0;
}
.case_list li label {    
    font-size: 12px;
    font-family: "ralewayregular";
}
.moneyflow-sec .mf_left,
.moneyflow-sec .mf_right{width:50%;float:left;}
.moneyflow-sec .mf_left p{
		  background-color: #daddfe;
    color: #000000;
    font-family: "ralewayregular";
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    text-transform: capitalize;
    text-shadow: none;
    line-height: normal;
	}
	.cptbg.cpt-v {
    background-color: #FEAEC9;
}
.case_list li img {
    float: left;    
    margin-left: 10px;
    width: 10px;
}
.fl-le {
    float: left;
    width: 30px;
}
.fl-le span {
    float: left;
    width: 100%;
}
/*.brd_bot img{width:50%;}*/
.lead_sec.lead_case_mid th {
    width: 17%;
}
.icon-noarrow {
    height: 27px;
    left: 84%;
    position: absolute;
    top: 35%;
}
.icon-arrow {        
    left: 85%;    
    top: 35%;
    width: 20px;    
}
/*************************Custom css **************************/

/*mega menu*/
.submenu_list{
	background:#F9F7FC;
}
.submenu_links li {
    list-style: none;
    float: left;
    padding: 0px;
}
.submenu_links li.active,.submenu_links li:hover{
    border-bottom: 2px solid #70BF4D;
}
.submenu_links li.active a,.submenu_links li:hover a{
	color:#70BF4D;
}
.submenu_links li a {
    color: #757575;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "ralewaysemibold";
    padding: 10px;
    display: block;
}
.header-top-fix .navbar-menu ul.solution_links li{
	padding:10px;
}
ul.solution_links li.active a {
    color: #70bf4d;        
    border-bottom:2px solid #70bf4d;
}
.header-top-fix ul.solution_links li.active a{
	border:none;
}

/*Referral Redesign*/
.services-section h1{
	font-family: "Roboto",sans-serif;
	font-weight: 400;
}
.referral_section .replan_section {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    /*box-shadow: 0 0 25px 6px #d2d2d2;*/
    min-height: 525px;
    padding: 20px;    
    /*margin-bottom:20px;*/
}
.services-section .container span.replan_sec_num{	
	font-size:7rem;
	text-align:right;
	font-family: 'Roboto', sans-serif;
	color: #d2d2d2;
	font-weight:300;
	line-height: normal;
}
.replan_section .left_plan_side {    
    height: 90px;    
    float:none;    
    background: rgba(0, 0, 0, 0) url("../slice/ics-set.png") no-repeat;
}
.sec-header h2 {
    font-size: 25px;
    letter-spacing: -1px;
    text-align: left;
    text-transform: uppercase;
    font-family: "ralewaysemibold";
}
.paln-content {
    padding: 0 20px;
}
.first_plan.replan_section .left_plan_side {
	background-position: 0 0;
}
.second_plan.replan_section .left_plan_side {
    background-position: 0 -90px;    
}
.third_plan.replan_section .left_plan_side {
    background-position: 0 -190px;    
}
.sec-cont ul li {
    color: #333333;
    font-size: 16px;
    list-style: outside none none;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    text-align:left;
}
.sec-cont ul li:before{
	position:absolute;
	left:0;
	height:15px;
	width:15px;
	background-color:#D0D0D0;
	content:"";
	top:3px;
}
.table th.featth{
	border-top-left-radius: 5px;
	border-width:1px;
}
.table th.brandth{
	border-top-right-radius: 5px;
	border-width:1px;
}
.table th.leadth,.table th.saleth,.table th.brandth{
	background:transparent;
	border:none;
}
.table th.leadth{
	color:#FAC333;
}
.table th.saleth{
	color:#31A7FF;
}
.table th.brandth{
	color:#8ADB34;
}
.table1.table > thead tr th {
    background-color: #F9F9F9;
    padding:20px !important;
}
.table1.table tbody th.no_pad{
	border: 0px;
}
.table1 tbody td,.table1 tbody th{
	border-radius: 0;
	border: none !important;
}
th.empty_datath{
	background:#E8EFF5 !important;
}
.table1.table tr th,.table1.table tr td {
    border-bottom: 1px solid #E7E7E7 !important;
}
.table.table1 em,.empty_datath,.table1 tbody th,.table1 tbody td{
    color: #000000;   
    font-family: "Roboto" !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.empty_datath {
    font-family: "Roboto" !important;
}
.table th.featth {
    width: 58%;
}
.table1 tbody th {
    font-size: 18px;
}
.table1 tbody td{
    font-size: 16px;
}
.hvr-class.toltip{
	width:18px;
}
.grn_clr > em {
    color: #84C341 !important;
}
.tooltip_cnt:after {
    border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px;
    top: 15px;
}
p.tooltip_cnt {
    background-color: #ffffff;    
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400;
    min-width: 300px;
    padding: 10px 10px 10px 20px;
}
.track_section{
	background-image:none;
	background-color:#FFFFFF;
}
.sec-cont ul li {
    font-family: "Roboto";
    font-weight: 400;
}
.sec-cont > span {
    font-size: 17px;
    font-family: "Roboto";
    font-weight: 400;
}
.track_header h1.track_title,.sec-cont li{
	color:#000;
}
.track_header h1.track_title {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 500;
    line-height: 100px;
    text-transform: uppercase;
}
.track_section ul li::before { 
    border-radius: 0;
}
.money-flow {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 50px 20px;
    box-shadow: 0px 0px 30px 3px #d2d2d2;
    margin-bottom:50px;
}
.money-flow h5,.money-flow h6{
	font-size:24px;
	font-weight:400;
	font-family:"Roboto";
}
.money-flow h5{
	border-bottom: 1px solid #d2d2d2;
    text-transform: uppercase;
    text-align: center;
    display: table;
    margin: 0 auto 10px;
    padding-bottom: 5px;
}
.mflowlist.leftf {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    float: right;
}
.mflowlist li {
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
    margin-right: 50px;
    position:relative;
}
ul.mflowlist li label {
    line-height: normal;
    margin-top: 5px;
}
.mflowlist li span.cn {    
    display: table;
    text-align: center;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 20px;
    border-radius: 50%;
    font-family: "ralewaybold";
    line-height: normal;
    margin-top: 5px;
}
.mflowlist li:after{	
	background:url('../slice/money-flow-arrow.png') no-repeat center center;
	content: "";
    height: 20px;
    position: absolute;
    width: 30px;
    right: -40px;
    top: 40px;
}
.mflowlist li.no-arrow:after{
	content:none;
	display:none;
}
.mflowlist li.eclass {
    border: 2px solid #DD7985;
    border-radius: 50%;
    padding: 10px;
}
.mflowlist li.eclass span.cn {
	background-color:#DD7985;
}
.mflowlist li.bclass {
    border: 2px solid #F7D999;
    border-radius: 50%;
    padding: 10px;
}
.mflowlist li.bclass span.cn {
	background-color:#F7D999;
}
.mflowlist li.cclass {
    border: 2px solid #C6D7EB;
    border-radius: 50%;
    padding: 10px;
}
.mflowlist li.cclass span.cn {
	background-color:#C6D7EB;
}
.mflowlist li.vclass {
    border: 2px solid #FFE1EB;
    border-radius: 50%;
    padding: 10px;
}
.mflowlist li.vclass span.cn {
	background-color:#FFE1EB;
}
.mflowlist li.pclass {
    border: 2px solid #A2C978;
    border-radius: 50%;
    padding: 10px;
}
.mflowlist li.pclass span.cn {
	background-color:#A2C978;
}
.track_header {
    background: rgba(0, 0, 0, 0) url("../slice/reffrel-ics.png") no-repeat;
    height: 95px;
    margin-bottom: 20px;
    padding-left: 110px;
}
.track_header.track-ic {
    background-position: 0 0;    
}
.track_header.note-ic {
    background-position: 0 -112px;    
}
.track_header.payment-ic {
    background: rgba(0, 0, 0, 0) url("../slice/payment-ic-ref.png") no-repeat;    
}
.lead_case {    
    width: 100%;
}
.left_case {
    float: left;
    width: 40%;
}
.right_case {
    float: left;
    width: 60%;
}
.left_case > h2, .fullcasesec h2 {
    font-family: "Roboto";
    font-size: 25px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    margin:0;
}
.left_case > p{
    font-family: "Roboto";
    font-size: 16px;
    padding: 0;
    margin-bottom: 10px;
    color:#808082;
}
.mflow-chart {
    float: left;
}
.mflow-chart > img {
    width: 90%;
    max-width: 100%;
}
td.brd_bot i.iconnum {
    background-color: #e7e7e7;
    border-radius: 50%;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 25px;
    font-family: "Roboto";
    font-style: normal;
}
.icon-arrow {
    left: 82%;
    top: 55%;
    width: 50px;
}
.icon-arrow {    
    height: 20px;
}
.lead_case.brandcase .left_case h2,.fullcasesec h2 {
    margin: 0;
}
.lead_case.brandcase .left_case span,.fullcasesec span {
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
}
.brandcase .left_case {
    float: left;
    width: 30%;
}
.brandcase .right_case {
    float: left;
    width: 70%;
}
.detail_sec.services-section {
    background: #F9F7FC;
}
.lead_case {
    margin: 40px 0;
}
.fullcasesec h2 {
    text-align: left;
}
.fullcasesec p {
    margin-bottom: 30px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color:#808082;
}

/*mobile-money flow*/
.mflow-chart.mobile-chart {
    margin: 20px 0;
    line-height: 35px;
    display:none;
}
.mflow-chart.mobile-chart span.spanhead{
	float: left;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 10px;
}
ul.static_moneyflow{
	float:left;
	margin:0;
	padding:0;
}
ul.static_moneyflow li{
	list-style:none;
	float:left;
	width:35px;
	height:35px;
	border-radius:35px;
	line-height:35px;
}
.services-section .container ul.static_moneyflow li span{
	font-size:18px;
	font-family: "Roboto";
    font-weight: 500;
    text-align:center;
}
ul.static_moneyflow li.mf-e{
	background:#DA7A85;
}
ul.static_moneyflow li.mf-b{
	background:#F7D999;
}
ul.static_moneyflow li.mf-c{
	background:#C6D7EB;
}
ul.static_moneyflow li.mf-v{
	background:#FFAEC9;
}
ul.static_moneyflow li.mf-p{
	background:#A1CA7B;
}
ul.static_moneyflow li.left-arrow{
	position:relative;
	margin-right:20px;
}
ul.static_moneyflow li.left-arrow:after{
	position:absolute;
	content:"";
	background: rgba(0, 0, 0, 0) url("../slice/money-flow-arrow-new.png") no-repeat scroll center center;
	width:20px;
	height:20px;
	display:inline-block;
	right: -17px;
    top: 7px;
}
.number-content h2{
	margin-top:0px;
}
.company_numbers.statistics_sec {
    padding: 50px 0;
}
.company_numbers.statistics_sec .services-container,
.detail_sec.services-section .services-container{
    margin: 0;
}
/*redesign referral css*/
.table1 tbody th {
    font-size: 16px;
}
.table1 tbody td{
    font-size: 14px;
}
.table1 tbody th {
    font-family: "ralewayregular";
    padding-bottom: 10px !important;
    padding-left: 30px !important;
    padding-top: 10px !important;
    position: relative;
}
.table1 tbody th.lefthead{
	padding-left: 20px !important;
	font-weight: 500;
}
table.table1.table {
    box-shadow: 0px 0px 10px 0px #F1EFF4;    
}
.hvr-class {
    cursor: pointer;
    width: 20px;
    top: -2px;
}
.hvr-class.toltip {
    width: 15px;
}
.table1 tbody th.grn_clr {
    color: #84c125;
    line-height: normal;
    padding: 10px 10px 5px 30px !important;
}
.prod_ime .hvr-class {
    margin-left: 15px;
}
p.tooltip_cnt {
    font-size: 12px;
    line-height: 20px;
    min-width: 300px;
    padding: 10px 10px 10px 20px;
}
p.tooltip_cnt {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 0px 7px 0px #f9f9f9;
}
.bottomthl{
	border-bottom-left-radius:10px;
}
.bottomthr{
	border-bottom-right-radius:10px;
}
/*redesign referral css*/
@media (max-width:359px){
	.mflowlist li:after{
		background: rgba(0, 0, 0, 0) url("../slice/money-flow-arrow-down.png") no-repeat scroll center center;
		right: 50%;
		bottom: -30px;
		left: 33%;
		top:auto;
	}
	.lead_case {
		margin: 10px 0;
	}
	.money-flow {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.mflowlist li {
		margin: 0 auto;
		margin-bottom: 50px;
		margin-right: 0px;
		float: none;
		display: inline-block;
	}
	.money-flow h6{
		text-align:center !important;
	}
	.mflowlist {
		display: inline-block;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
}
@media (min-width:360px) and (max-width:480px){
	.mflowlist li::after{
		right: -32px;    
		top: 40px;
	}
	.pclass.no-arrow {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 992px) {	
	.lead_sec.lead_case_mid.lead_first_case { /*redeign css*/
		width: 83%;
		margin-left: 20px;
	}
	.right_s p.lead_note{
		width:85%;
	}
}

@media only screen and (max-width: 639px) {
	.pla_num {
		font-size: 20px;    
		padding: 5px 10px;
		position: absolute;
		border-radius:0px;
	}
	.plan_section{
		padding:10px;
		position:relative;
	}
	.plan_section .pla_num {
		border-top-left-radius: 5px;
		left: 0px;
		position: absolute;
		top: 0;
	}
	.plan_section h5,
	.plan_section ul{
		float:left;
		width:auto;
		clear:both;
	}
	.track_section {
		background: #ffffff;
	}	
	.lead_sec {
		margin-right:0px;
		margin-top: 40px;
		width:100%;
	}
	.lead_case_rgt .bg-clr {    
		width: 100%;
	}
	.lead_sec.lead_case_lft > span {    
		margin-top: 20px;
	}
	.lead_sec.lead_case_lft {
		margin-bottom: 10px;
		position: initial;
		width: 100%;
	}	
	.lead_left {		
		position: initial;
		display: table;
		float: right;
	}
	.lead_left.flead{top:0;}
	.moneyflow-sec.lead_sec.lead_case_rgt {
		margin: 0;
		width: 100%;
		margin-top: 20px;
	}
	.moneyflow-sec .mf_left, .moneyflow-sec .mf_right {
		float: none;
		width: 90%;
	}
	.lead_left.fbrand {
		margin-right: 30px;
	}
	.plan_section .left_plan_side {
		float: none;
		height: 80px;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
		width: 100px;
	}
	.lead_sec.lead_case_mid,
	.detail_sec .services-container {
		margin-bottom: 0px;
		overflow-x: auto;
	}
	.lead_note{ margin-top: 20px;}
	.services-section h1{
		 margin-bottom: 50px;
	}
	.referral_section.services-section h1:before,
	.detail_sec.services-section h1:before {
		border-bottom: 1px solid #c1c1c1;
		content: "";
		display: inline-block;
		margin-right: 12px;
		position: relative;
		top: -7px;
		width: 65px;
	}
	.referral_section.services-section h1:after,
	.detail_sec.services-section h1:after {
		border-bottom: 1px solid #c1c1c1;
		content: "";
		display: inline-block;
		margin-left: 12px;
		position: relative;
		top: -7px;
		width: 65px;
	}
	.first_plan.plan_section {	
		border: 1px solid #daddff;
	}
	.second_plan.plan_section {	
		border: 1px solid #CBFFFD;
	}
	.third_plan.plan_section {	
		border: 1px solid #DFFFD0;
	}
	p.tooltip_cnt {
		left: 0;
		top: 40px;
		font-size: 12px;
		line-height: 20px;
		width: 190px;
	}
	.tooltip_cnt::after, .tooltip_cnt::before {		
		left: 10%;		
	}
	.tooltip_cnt::after {
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F4F5F9;
		border-width: 10px;
		top: -20px;
	}
	.tooltip_cnt::before {
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d2d2d2;
		border-width: 11px;
		top: -22px;
	}
	.company_numbers.statistics_sec .services-container .row .col-xs-6 {
		width: 50%;
	}
	.company_numbers.statistics_sec img {
		height: 100%;
		width: 100%;
	}
	.company_numbers.statistics_sec .number-content p {
		font-size: 14px;
		min-height: 40px;
		line-height: normal;
	}
	.lead_note{padding:20px;margin-left: 0px;}
	.lead_case {
		margin: 10px 0;
	}
	.right_s p.lead_note {
		margin-left: 0;
		width: 90%;
	}
	.lead_sec.lead_case_rgt {
		margin-top: 40px;
		margin-left: 0;
	}
	.brd_bot > img {
		width: 50%;
	}
	.lead_case_last .brd_bot > img {
		width: 30px;
		height:50px;
	}
	td.brd_bot .icon-arrow {
		left: 86%;
		width: 15px;
		top: 30%;
		font-size: 10px;
		height: 20px;
	}
    .icon-noarrow {		
		left: 80%;	
		top: 30%;
		font-size: 10px;
	}
	.plan_section > h5 {	
		margin-bottom: 10px;
		margin-top: 0px;
		clear: both;
	}
	.plan_section > ul {
		margin: 0;
		padding-left: 10px;
	}
	.services-container {
		margin-bottom: 0px !important;
	}
	.lead_case {		
		padding-bottom: 0px;
	}
	.left_case,.right_case,
	.lead_case.brandcase .left_case,
	.lead_case.brandcase .right_case {
		float: none;
		width: 100%;
	}
	.mflow-chart{display:none;}
	.referral-page.loaded .req-section {
		display: none;
	}
	.first_plan.plan_section .left_plan_side {
		background-position: 10px 0;
	}
	.second_plan.plan_section .left_plan_side {
		background-position: 15px -90px;    
	}
	.third_plan.plan_section .left_plan_side {
		background-position: 25px -190px;    
	}
	.money-flow {    
		padding: 50px 0;
    }
    .mflowlist li {    
		margin-right: 40px;
    }
    ul.mflowlist li label {
		font-size: 12px;
	}
	.mflowlist li {		
		height: 100px;	
		width: 100px;
		margin-right: 30px;
	}
	.mflowlist.leftf {		
		float: left;
    }
    .money-flow h6{
		text-align:left !important;
		font-size: 18px;
    }
    .paln-content {
		padding: 0;
	}
	.referral_section .replan_section {    
		min-height: auto;
    }
    .services-section .container span.replan_sec_num {
		color: #d2d2d2;
		font-size: 5rem;
		font-weight: 300;
		position: absolute;
		right: 30px;
		color: #000;
	}	
	.referral_section .replan_section{margin-bottom:20px;}
	.statistics_sec h3,.statistics_sec h3 span {
		font-size: 20px;
		font-family: "ralewaysemibold";
	}
	.mflow-chart.mobile-chart{
		display:block;
	}
}
@media only screen and (min-width: 640px) and (max-width: 767px){	
	.pla_num {
		font-size: 20px;    
		padding: 5px 10px;
		position: absolute;
		border-radius:0px;
	}
	.plan_section{
		padding:10px;
		position:relative;
	}
	.plan_section .pla_num {
		border-top-left-radius: 5px;
		left: 0px;
		position: absolute;
		top: 0;
	}
	.plan_section h5,
	.plan_section ul{
		float:left;
		width:auto;
		clear:both;
	}
	.lead_sec {
		margin: 0px;		
	}
	.lead_sec.lead_case_lft > span {
		margin-top: 10px;
	}
	.lead_note{margin-left:0px;}
	.brd_bot > img {
		width: 50%;
	}
	td.brd_bot .icon-arrow {    
		left: 85%;
		width: 30px;
		top:40%;
    }
    .icon-noarrow {		
		left: 80%;		
		top: 40%;
	}
	.lead_sec.lead_case_lft {
		margin-bottom: 10px;
		position: initial;
		width: 100%;
	}	
	.lead_left {		
		position: initial;
		display: table;
		float: right;
	}
	.lead_left.flead{top:0;}
	.lead_left.fbrand {
		margin-right: 0px;
	}
	.lead_sec.lead_case_rgt{
		margin-top: 20px;	
	}
	.referral-page.loaded .req-section {
		display: none;
	}
	.moneyflow-sec.lead_sec.lead_case_rgt {
		margin: 0;
		width: 100%;
		margin-top: 20px;
	}
	.moneyflow-sec .mf_left, .moneyflow-sec .mf_right {
		float: none;
		width: 90%;
	}
	.money-flow {    
		padding: 50px 0;
    }
    .mflowlist li {    
		margin-right: 40px;
    }
    ul.mflowlist li label {
		font-size: 12px;
	}
	.mflowlist li {		
		height: 100px;	
		width: 100px;
	}
	.mflowlist.leftf {		
		float: left;
    }
    .money-flow h6{
		text-align:left !important;
		font-size: 18px;
    }
    .referral_section .replan_section {    
		min-height: auto;
    }
    .mflow-chart{display:none;}
    .left_case, .right_case, .lead_case.brandcase .left_case, .lead_case.brandcase .right_case {
		float: none;
		width: 100%;
	}
	.referral_section .replan_section{margin-bottom:20px;}
	.referral_section .replan_section{margin-bottom:20px;}
	.statistics_sec h3,.statistics_sec h3 span {
		font-size: 25px;
		font-family: "ralewaysemibold";
	}
	.company_numbers.statistics_sec .number-content p {
		font-size: 16px;
		min-height: 40px;
		line-height: normal;
	}
	.mflow-chart.mobile-chart{
		display:block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.lead_left {    
		right: -30px;
	}
	.plan_section .left_plan_side {    
		margin: 10px 10px 5px;
    }
	.plan_section > ul {
		margin: 0px;
		padding-left: 220px;
	}
	.plan_section > ul li{
		font-size:12px;
	}
	p.tooltip_cnt{
		left:60px;
		right:auto;
	}
	.number-content {
		width: 100% !important;
	}
	.lead_sec.lead_case_lft > span {
		margin-top: 80px;
	}
	td.brd_bot img {
		width: 50%;
	}
	td.brd_bot .icon-arrow,
	td.brd_bot .icon-noarrow {		
		left: 85%;
		top: 30%;
		width: 20px;
	}
	td.brd_bot .icon-noarrow {		
		left: 75%;
	}
	.lead_first_case {
		width: 90%;
		margin: 0;
	}
	.right_s .lead_sec {
		float: left;
		margin-right: 20px;
		width: 100%;
	}
	.moneyflow-sec.lead_sec.lead_case_rgt {
		margin-top: 20px;
		width: auto;
		margin-left: 60px;
	}
	.referral-page.loaded .req-section {
		display: none;
	}
	.table1.table tbody th,.table1.table tbody td{font-size:15px;}
	.table1.table tbody th {		
		padding-bottom: 10px !important;
		padding-left: 20px !important;
		padding-top: 10px !important;		
	}
	.track_section{padding-bottom:0px;}
	.first_track, .second_track, .third_track {
		margin-bottom: 10px;
	}
	.track_header {
		height: 100px;
    }    
	.paln-content {
		padding: 0;
	}
	.sec-cont ul li::before {
		background-color: #d0d0d0;
		content: "";
		height: 10px;
		left: 0;
		position: absolute;
		top: 5px;
		width: 10px;
	}
	.sec-cont ul li {
		padding-left: 15px;
    }
    .services-section .container span.replan_sec_num {
		font-size: 5rem;
		position: absolute;
		right: 40px;
	}
    .referral_section .replan_section{min-height:auto;}
    .third_plan.replan_section,.second_plan.replan_section {
		min-height: 420px;
	}
    .mflowlist.leftf{float:left;}
    .money-flow h6 {
		font-size: 19px;
		text-align: left !important;
	}
	.mflowlist li.cclass {
		border: 2px solid #c6d7eb;
		border-radius: 50%;
		padding: 5px;
	}
	.mflowlist li {	
		height: 95px;
		margin-right: 20px;		
		width: 95px;
	}
	ul.mflowlist li label {
		font-size: 10px;
	}
	.mflowlist li:after{
		height: 20px;
		position: absolute;
		right: -30px;
		top: 10px;
		width: 30px;
		background-size: contain;
	}
	td.brd_bot .icon-arrow, td.brd_bot .icon-noarrow {
		left: 80%;
		top: 60%;
		width: 65px;
	}
	.brandcase td.brd_bot .icon-arrow {
		width: 30px;
		left: 75%;
	}
    .left_case,.right_case,
    .brandcase .left_case,.brandcase .right_case {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		display: inline-block;
	}
	.mflow-chart {
		float: left;
		padding: 0 20px;
	}
	.lead_first_case{
		margin: 0;
		width: 80%;
	}
	.brandcase .lead_sec.lead_case_last {
		width: 76% !important;
		float: left;
	}	
	.statistics_sec h3,.statistics_sec h3 span {
		font-size: 25px;
		font-family: "ralewaysemibold";
	}
	.first_plan.replan_section {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

@media(min-width:1192px){
	.lead_case.sale_case .left_case{
		float:right;
	}
	.lead_case.sale_case .right_case{
		float:right;
	}
}
