@charset "UTF-8";

/*
	Premium Funding Style Sheet
	---------------------------
	1. Fonts
	2. Buttons
	3. Section Colours
	4. Header
	5. Hero Section
	6. Benefits Section
	7. Footer
	8. Modal
	9. Helpers
	10. Media Queries
*/

/* ------------------------------------
	1. Fonts 
-------------------------------------*/
h1{
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h2{
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h3{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h4{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h5{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
}
h6{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;	
}

body{
	font-family: Futura-Book, sans-serif;
	font-weight: normal;
	font-style: normal;
}

strong {
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
}

p{
	font-size:18px;
}

/* ------------------------------------
	2. Buttons 
-------------------------------------*/
.btn {
	border-radius:100px;
}
.btn-pill-sm-red{
	background-color:#E70000;
	color:#ffffff;
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	padding:2px 18px;
	text-transform:uppercase;
}
.btn-pill-sm-red:hover, .btn-pill-sm-red:hover i{
	background-color:#FFFFFF;
	color:#E70000;
}

.btn-pill-red{
	background-color:#E70000;
	border:2px solid #e70000;
	color:#ffffff;
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	padding:5px 18px;
	text-transform:uppercase;
}
.btn-pill-red:hover{
	background-color:#FFFFFF;
	border:2px solid #e70000;
	color:#E70000;
}

/* ------------------------------------
	3. Section Colours 
-------------------------------------*/
#top-bar{
	background-color:#0f0f0f;
	min-height:50px;
}
#nav-bar{
	min-height:90px;
}
#hero-section{
	background:#ffffff url(/assets/images/redefund/index/pf-new/hero-bg.png) -800px 0px no-repeat;
	min-height:360px;
	overflow:hidden;
}
#benefit-section{
	min-height:350px;
	padding:65px 0;
}
#intro-section{
	background-color:#EDF2F4;
	min-height:350px;
	padding:65px 0;
}
#footer{
	background-color:#0f0f0f;
	min-height:190px;
	color:#ffffff;
	padding:30px 0;
}

/* ------------------------------------
	4. Header 
-------------------------------------*/
.header-logo-wrapper, .header-text-wrapper{
	margin:20px 0 0 0;
}
.header-freecall{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #E70000;
	letter-spacing: 0;
}
.header-phone{
	font-family: FuturaBQ-Bold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	color: #0F0F0F;
	letter-spacing: 0;
}

/* ------------------------------------
	5. Hero Section 
-------------------------------------*/
.hero-txt-wrapper{
	margin-top:86px;
}

.hero-h1, .hero-h3{
	color:#ffffff;
}
.hero-h1{
	font-size:24px;
}
.hero-h3{
	font-size:16px;
}

.device-img{
	margin:40px 0 0 -200px;
	
}

/* ------------------------------------
	6. Benefit Section 
-------------------------------------*/
.benefit-wrapper{
	position:relative;
}
.benefit-icon-box{
	width:75px;
	height:75px;
	color:#E70000;
	background-color:#ffffff;
	display: flex;
    justify-content: center;
    align-items: center;
    position:absolute;
    top:-35px;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index:222;
}
.benefit-icon-box i{
	font-size:48px;
	text-align:center;
}
.benefit-text-box{
	margin-top:38px;
	border:#5BC4BF 2px solid;
	border-radius:5px;
	min-height:150px;
}
.benefit-title{
	margin-top:40px;
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:24px;
}
.benefit-subtitle{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:21px;
	padding: 0 20px;
}

/* ------------------------------------
	7. Footer 
-------------------------------------*/
#footer p{
	font-size:14px;
}
.footer-logo{
	padding-bottom:20px;
}
.footer-legal{
	color: rgba(255,255,255,0.5);
}

/* ------------------------------------
	8. Modal 
-------------------------------------*/
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: none;
    color:#ffffff;
    background-color:#0f0f0f;
}
button i {
	color:#ffffff;
}
.close{
	opacity:1;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none;
}

/* ------------------------------------
	9. Helpers 
-------------------------------------*/
.form-block{
		padding:8px 0 ;
	}
.form-title{
	font-family: FuturaBQ-DemiBold, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#ffffff;
	text-transform:uppercase;
	margin-right:15px;
}
.form-group{
	padding-right:0px;
}
/* ------------------------------------
	10. Media Queries 
-------------------------------------*/

/* Small devices (tablets, 768px and up) col-sm-* */
@media (min-width: 768px) { 
	.form-block{
		padding:8px 0 0;
	}
	.form-group{
		padding-right:10px;
	}
	
	#hero-section{
		background-position:-700px 0px;
	}
	.hero-txt-wrapper{
		margin-top:125px;
	}
	.hero-h1, .hero-h3{
		color:#FFFFFF;
	}
	.hero-h1{
		font-size:26px;
	}
	.hero-h3{
		font-size:18px;
	}
	.device-img{
		margin:80px 0 0 0;
	}
	
	.benefit-subtitle{
		padding: 0 0;
	}
	.benefit-text-box{
		min-height:185px;
	}
}

/* Medium devices (desktops, 992px and up) col-md-* */
@media (min-width: 992px) { 
	.form-block{
		padding:8px 0 0;
	}
	.form-group{
		padding-right:10px;
	}
	
	#hero-section{
		background-position:center top;
	}
	.hero-txt-wrapper{
		margin-top:125px;
	}
	.hero-h1{
		font-size:30px;
	}
	.hero-h3{
		font-size:21px;
	}
	.device-img{
		margin:80px 0 0 0;
	}

	.benefit-subtitle{
		padding: 0 20px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200) {
	.header-text-wrapper{
		margin:80px 0 0 0;
	}
	
	.hero-txt-wrapper{
		margin-top:125px;
	}
	.hero-h1{
		font-size:36px;
	}
	.hero-h3{
		font-size:24px;
	}
	.device-img{
		margin:80px 0 0 0;
	}
}