@font-face {
  font-family: pfhandbookprolight;
  src: url(/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/fonts/pfhandbookpro-light.woff);
}

@font-face {
  font-family: pfhandbookprobold;
  src: url(/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/fonts/pfhandbookpro-bold.woff);
}

.no-gutters {
	padding-left: 0;
	padding-right: 0;
}

html, body {
	font-family: Calibri !important;
}

header .bodywrapper .container {
	width: 100%;
	max-width: 100%;
    padding: 0;
}

.highlight { color: #cc1f35; font-weight: bold; }

.sub-header .container{ padding: 0px; width: 100%; max-width: 100%; }

.sub-header-1 {
	font-family: 'PFHandbookPro-Bold';
	background-color: #d1ab6d;
    color: #fff;
    padding: 7px 130px;
    font-size: 20px;
    text-transform: uppercase;
}

.sub-header-2 {
	font-family: 'PFHandbookPro-Regular';
	background-color: #63522f;
    padding: 7px 130px;
    color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent!important;
}



.footer-block-1 {
	background-color: #77787b;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.footer-block-1 p, .footer-block-1 span, .footer-block-1 span a {
	font-family: Calibri;
	font-size: 16px;
	color: #fff;
}


.footer-block-2 p:first-child, .footer-block-2 p:nth-child(3){
	margin-bottom: 0;
}

.footer-block-1 span img {
	padding-left: 10px;
}

.footer-block-1 .divider {
	padding-left: 30px;
    padding-right: 30px;
    font-size: 32px;
}

.footer-block-2 {
	font-family: Calibri;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #231f20;
}

.footer-block-2 p, .footer-block-2 a, .footer-block-3 p {
	font-family: Calibri;
	font-size: 16px;
	color: #231f20;
}

.footer-block-3 {
	font-family: Calibri;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #231f20;
}

.footer-block-4 {
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.footer-block-4 p { font-family: Calibri !important; font-size: 14px; }






@media screen and (max-width: 767px) {
	.top_heading h2 {
	    font-size: 27px!important;
	}

}




@media screen and (max-width: 575px) {
	.footer-block-1 span {
		word-wrap: break-word;
	}

	.sub-header-1 { padding: 7px 30px; }
	.sub-header-2 { padding: 7px 30px; }
	.main-containt .heading {
	    font-size: 39px!important;
	}
	.pl-50{
		padding-left: 50px;
	}

}
@media screen and (max-width: 400px) {
	.pl-50{
		padding-left: 30px;
	}

}

.wrapper{
	padding: 30px 0px;
}




		/*CSS START*/


.main-containt{
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/body-bg.jpg');
	background-repeat: repeat;
	background-size: contain;
	padding: 50px 0px;
}
.main-containt .heading{
	font-family: pfhandbookprolight;
	color: #ffffff;
	font-size: 52px;
	margin-bottom: 20px;
	padding-left: 30px;
	margin-top: 0px;
}

.main-containt .heading span{
	font-family: pfhandbookprobold;
}

.subheading{
	font-family: pfhandbookprolight;
	color: #ffffff;
	font-size: 27px;
	margin-bottom: 50px;
	padding-left: 30px;
}

.features-box img{
	margin: 20px auto;
}

.features-box p{
	color: #ffffff;
	font-family: calibri;
	font-weight: bold;
	font-size: 15px;
}

.form{
	background-color: #FFFFFF;
	border-radius: 10px;
}
.form-heading h4{
	color: #000000;
    font-size: 27px;
    font-family: 'pf_handbook_proregular' !important;
    padding: 22px 0px;
    border-bottom: 2px solid #D1AB6D;
}

.main-form{
	padding: 15px 30px 15px 30px;
}

.main-form img{
	margin: auto!important;
}

.main-form .form-control{
	outline: none!important;
	box-shadow: none!important;
	border-color: #A1A1A1!important;
	
}
.main-form input::placeholder{
	color: #6C7174!important;
	font-family: calibri;
	opacity: 9;
	font-size: 12px;
}

.full-name{
	position: relative;
}
.full-name::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/name-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.email{
	position: relative;
}
.email::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/email-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.mob{
	position: relative;
}
.mob::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/mob-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.location{
	position: relative;
}
.location::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/location-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.loan-amount{
	position: relative;
}
.loan-amount::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/loan-amt-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.net_monthly{
	position: relative;
}
.net_monthly::before{
	content: '';
	width: 30px;
	height: 25px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/net_monthly_icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.organisation{
	position: relative;
}
.organisation::before{
	content: '';
	width: 30px;
	height: 25px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/orgnization_icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -35px;

}

.num_emp{
	position: relative;
}
.num_emp::before{
	content: '';
	width: 20px;
	height: 17px;
	background-image: url('/_Layouts/15/ABC/FINPLF/PersonalFinanceXsell/images/num.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 8px;
    left: -32px;

}

.btn-submit{
	background-color: #CD293E;
	text-transform: uppercase;
	font-family: calibri;
	font-size: 20px;
	border: none;
	outline: none!important;
}

.btn-submit:hover{
	color: #ffffff!important;
	background-color: #880B1C!important;
}
.btn-submit:active{
	color: #ffffff!important;
}

.btn-submit:focus{
	color: #ffffff!important;
}



.error{
	color: #CD293E;
	display: table;
	padding-top: 5px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



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





@media screen and (max-width: 670px) {
	.main-containt .heading {
	    font-size: 48px;
	}
	.subheading {
	    font-size: 24px;
    	line-height: 30px;
    	margin-bottom: 20px;
	}
	.main-form {
    	padding: 14px;
	}
	.form-heading h4 {
    	font-size: 22px;
	}
	.features-box p {
    	font-weight: normal; 
    	font-size: 15px;
	}
}


@media (max-width: 991px) and (min-width: 768px)
{
	.main-containt .hidden-sm {
     	display: block!important; 
	}
	.from .visible-sm{
		display: none!important;
	}
}
@media screen and (max-width: 991px){
.main-containt .heading{
		padding-left: 0px!important;
	}

	.subheading{
		padding-left: 0px!important;
	}
}
@media screen and (max-width: 800px)
{
	.main-containt .hidden-sm {
     	display: none!important; 
	}
	.from .visible-sm{
		display: block!important;
	}
	.main-containt{padding: 0px!important;}
	
}