@font-face{
	font-family: BebasNeueBold;
	src: url("fonts/BebasNeueBold.otf");
	
}
@font-face{
	font-family: HelveticaLight;
	src: url("fonts/Helvetica-Light-05.ttf");
}
@font-face{
	font-family: HelveticaBold;
	src: url("fonts/Helvetica-Bold-02.ttf");
}
@font-face{
	font-family: Helvetica;
	src : url("fonts/Helvetica-01.ttf");
}

.yellow-line{
	background-color: #f6c44c;
	padding-bottom: 12px;
}
.navy-line{
	background-color: #001542;
	padding-bottom: 10px;
	margin-top: -10px;
}
.header{
	padding-top: 10px;
	background-color: #001542;
	
}

.navbar-brand img{
	width: 190px;
	height: 100px;
}
.nav-item{
	padding-top: 20px;
	padding-left: 20px;
}
.nav-item a{
	color: #fff;
	font-family: BebasNeueBold;
	font-size: 1.3em;
	letter-spacing: 0.06em;

}
.nav-link span{
	font-size: 0.8em;
}
.loan-application-button{
	text-decoration: none;
	

}
.number{
	margin-top: -50px;
}
.nav-item a:hover{
	 color: #fff;
}
.nav-item button{
	color: #000000;
	background-color: #f6c44c;
	border-radius: 10px;
	width: 145px;
	height: 50px;
	font-family: BebasNeueBold;
	font-size: 1.1em;
	letter-spacing: 0.06em;
}
.nav-item button:hover{
	color: black;
}
.white{
	background-color: #fff;
	padding-bottom: 12px;
}
.nav-link img{
	width: 18px;
	height: 18px;
	margin-right: 5px;
}
/*.nav-link span{
	text-transform: lowercase;
	font-family: Helvetica;
	margin-left: -5px;
}*/
.footer{
	padding-top: 20px;
	background-color: #001542;
	padding-bottom: 20px;
}
.footer-text1{
	padding-bottom: 10px;
}
.footer-text1 h4,
.footer-text2 h4 {
	text-align: center;
	color: #cccfda;
  font-family: HelveticaLight;
  letter-spacing: 0.04em;
}
.footer-text1 a,
.footer-text2 a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.footer-logo-image img{
	width: 165px;
	height: 90px;
}
.policies a{
	text-decoration: none;
	font-family: BebasNeueBold;
	font-size: 1.4em;
	color: #fff;
	letter-spacing: 0.04em;
}
.privacy-policy-link span{
	color: #f6c44c;

}
.policies{
	padding-top: 55px;
}
.blue{
	color: #90cbfb;
	padding-bottom: 3px;
}
.contact-details div{
	font-family: HelveticaLight;
	color: #cccfda;
}
.contact-details{
	padding-top: 10px;
	padding-left: 10px;
}
.footer-disclaimer p{
	font-family: HelveticaLight;
	color: #fff;

}
.footer-disclaimer span{
	text-decoration: underline;
}
.footer-disclaimer{
	padding-left: 10px;
}
.modal-title{
	color: #4a7c11;
	font-family: HelveticaBold;
	font-weight: 600;
	font-size: 1.2em;
}
.e-consent-points li{
	/*color: black;*/
	padding-bottom: 10px;
	font-family: HelveticaLight;
	font-weight: 600;
}
.modal-body p,
.modal-body li{
	font-size: 0.8em;
	/*padding-bottom: 10px;*/
	font-family: HelveticaLight;
	font-weight: 600;
}
.modal-body h4,
.modal-body h5{
	font-size: 1.0em;
	/*padding-bottom: 10px;*/
	font-family: Helvetica;
	font-weight: 600;
}
#promoClip{
	object-fit: cover;
	position: relative;
	max-width: 100%;
	height: 70vh;
	z-index: -1;
	opacity: 0.9;

}
.overlay-video{
	margin-top: -230px;

}

.get-money{
	font-family: "BebasNeueBold" !important;
	font-size: 5.8em;
	color: #fff !important;
	position: relative !important;
	text-align: center !important;
	top:160px ;
	/*opacity: 0.75;*/
	opacity: 1 !important;
}
.get-money span{
	font-family: "BebasNeueBold" !important;
	font-weight: 400 !important;
}
.decision-block{
	padding-top: 80px;
	background: url("images/Dog.png");
	background-position: 1150px;
	background-repeat: no-repeat;
	padding-bottom:80px;
	background-size: 300px 300px;

}
.decision-block h4{
	font-family: HelveticaBold;
	text-align: center;
	font-size: 2.0em;
	letter-spacing: 0.005em;
	color: #4a7c11;
	/*font-weight: 600;*/
}
.slidecontainer {
  width: 45%;
}
 .loanslider{
 	padding-top: 30px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
}
.loanslider h4{
	font-family: HelveticaBold;
	font-size: 1.6em;
	/*font-weight: 600;*/
	color: #4a7c11;
	padding-left: 15px;
	padding-right: 15px;
}
.slider-amount-text h2{
	padding-top: 20px;
	font-family: HelveticaBold;
	text-align: center;
	font-size: 1.8em;
	letter-spacing: 0.005em;
	color: #4a7c11;
}
 .slider {
  -webkit-appearance: none;
  /*padding: 8px;*/
  width: 100%;
  height: 17px;
  border-radius: 10px;
  background: #4a7c11;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  /*border: 0;*/
  border-radius: 50%;
  background: url("images/TennisBalls.png");
  background-position: center;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  /*border: 0;*/
  background: url("images/TennisBalls.png");
  background-position: center;
  cursor: pointer;
}
.amount-and-email{
	width: 40%;
}
.find-loan-button{
	text-align: center;
}
.find-loan-button button{
	font-family: HelveticaBold;
	background-color: #f6c44c;
	border-radius: 8px;
	color: #000;
	font-size: 1.2em;
	width: 210px;
}
.find-loan-button a{
	font-family: HelveticaBold;
	background-color: #f6c44c;
	border-radius: 8px;
	color: #000;
	font-size: 1.2em;
	width: 210px;
}

.find-a-loan{
	display: flex;
	align-items: center;
	justify-content: center;
}
.loan-block{
	padding-top: 30px;
	padding-bottom: 40px;
}
.loan-block label{
	padding-right: 20px;
	color: #4a7c11;
	font-weight: 600;
	font-family: HelveticaBold;
	font-size: 32px;
}
.loan-amount {
	/*color: #9f9c9c;*/
	border-radius: 7px;
	/*background: rgba(255, 255, 255, 0.2);*/
	border: 2px solid #9f9c9c;
	
}
.loan-amount h3{
	color: #9f9c9c;
	font-family: HelveticaBold;
	/*font-weight: 600;*/
	font-size: 1.0em;
	letter-spacing: 0.03em;
}
.loan-amount span{
	color: #000;
	font-family: HelveticaBold;
	font-size: 1.6em;
}
.loan-block input{
	border-radius: 7px;
	border: 2px solid #9f9c9c;
	font-family: Helvetica;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 11px;
	/*width: 300px;*/
}
.get-started-text{
	padding-top: 70px;
	background-color: #e4e3e2;
	padding-bottom: 80px;
}
.get-started-paragraph{
	/*width: 80%;*/
	margin-left: auto;
	margin-right: auto;
}
.get-started-text h4{
	text-align: center;
	font-family: Helvetica;
	/*color: #000000;*/
	line-height: 1.4em;
	font-size: 1.3em;
	/*font-weight: 500;*/
	padding-bottom: 30px;
}
.button-1 a {
	text-decoration: none;
	font-family: HelveticaBold;
	background-color: #4a7c11;
	border-radius: 8px;
	color: #fff;
	font-size: 1.2em;

	
	width: 210px;

}	
.button-1{
	text-align: center;
}
.easy-steps{
	background-color: #001542;
	padding-top: 30px;
	padding-bottom: 30px;
}
.easy-steps h4{
	font-family: BebasNeueBold;
	font-size: 3.6em;
	color: #f6c44c;
	letter-spacing: 0.08em;
	text-align: center;
}
.three-rules{
	padding-top: 80px;
	padding-bottom: 80px;
}
.ball-one-image img,
.ball-two-image img,
.ball-three-image img{
	width: 52px;
	height: 52px;
}
.ball-one-image,
.ball-two-image,
.ball-three-image{
	text-align: center;
}
.first-rule,
.second-rule,
.third-rule{
	text-align: center;
	padding-top: 30px;
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.first-rule h4,
.second-rule h4,
.third-rule h4{
	font-family: Helvetica;
	color: #3a3939;
	font-size: 1.3em; 
	letter-spacing: 0.04em;
	line-height: 1.3em;
	font-weight: 400;
}
.rule-balls{
	text-align: center;
}
.rule-balls img{
	width: 950px;
}
.qualification{
	background-color: #90cbfb;
	padding-top: 60px;
	padding-bottom: 80px;
}
.qualification-rules h4{
	text-align: center;
	font-family: BebasNeueBold;
	font-size: 3.6em;
	color: #000;
	letter-spacing: 0.06em;
	padding-bottom: 60px;
}
.legal{
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 10px 60px rgba(38, 45, 118, 0.11);
	margin-left: 25px;
	margin-right: 25px;
}
.legal-rules-image{
	text-align: center;
}
.legal-rules-image img{
	width: 55px;
	height: 95px;
	margin-bottom: -10px;
}

.legal-rules h3{
	padding-top: 30px;
	font-family: Helvetica;
	color: #3a3939;
	font-size: 1.3em; 
	letter-spacing: 0.02em;
	line-height: 1.3em;
	font-weight: 400;
	text-align: center;
	padding-bottom: 30px;
}
.legal-rules-duplicate h3{
	padding-top: 30px;
	font-family: Helvetica;
	color: #3a3939;
	font-size: 1.3em; 
	letter-spacing: 0.02em;
	line-height: 1.3em;
	font-weight: 400;
	text-align: center;
	padding-bottom: 5px;
}
.legal-rules-duplicated h3{
	padding-top: 30px;
	font-family: Helvetica;
	color: #3a3939;
	font-size: 1.3em; 
	letter-spacing: 0.02em;
	line-height: 1.3em;
	font-weight: 400;
	text-align: center;
	margin-bottom: -10px;
}
.legal-rules-duplicated span{
	/*margin-top: -8.5px;*/
	font-family: Helvetica;
	color: #3a3939;
	font-size: 0.7em; 
	letter-spacing: 0.02em;
	line-height: 1.3em;
	font-weight: 600;
	text-align: center;
	/*margin-bottom: -15px;*/
}
.navbar-toggler-icon{
	margin-top: 40px;
}
/* MediA queries */

@media only screen and (max-width: 768px){
	.policies{
		padding-left: 10px;
	}
	.footer-details{
		padding-top: 20px;
	}
}
@media only screen and (max-width: 994px){
	.number{
		margin-top: -20px;
	}
}

@media only screen and (min-width: 520px) and (max-width: 720px){
	.overlay-video{
		margin-top: -200px;
	}
	.get-money{
		
		font-size: 4.2em;
	}
}
@media only screen and (min-width: 472px) and (max-width: 520px){
	.overlay-video{
		margin-top: -250px;
	}
	.get-money{
		
		font-size: 3.8em;
	}
}
@media only screen and (min-width: 437px) and (max-width: 472px){
	.overlay-video{
		margin-top: -250px;
	}
	.get-money{
		
		font-size: 3.8em;
	}
}
@media only screen and (max-width: 437px){
	.overlay-video{
		margin-top: -250px;
	}
	.get-money{
		
		font-size: 3.8em;
	}
}
@media only screen and (max-width: 768px){
	.legal{
		margin-bottom: 25px;
		margin-left: 35px;
		margin-right: 35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.legal{
		margin-left: 0px;
		margin-right: 0px;

	}

}
@media only screen and (min-width: 992px) and (max-width: 1200px){
	.legal{
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 994px){
	.rule-balls img{
		width: 550px;
	}
}
@media only screen and (min-width: 994px) and (max-width: 1000px){
	.rule-balls img{
		width: 700px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px){
	.rule-balls img{
		width: 750px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.rule-balls img{
		width: 800px;
	}
}
@media only screen and (min-width: 500px) and (max-width: 768px){
	.rule-balls img{
		width: 450px;
	}
}
@media only screen and (min-width: 400px) and (max-width: 500px){
	.rule-balls img{
		width: 380px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 400px){
	.rule-balls img{
		width: 320px;
	}
}
@media only screen and (min-width: 310px) and (max-width: 320px){
	.rule-balls img{
		width: 290px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 310px){
	.rule-balls img{
		width: 270px;
	}
}
/*@media only screen and (max-width: 768px){
	.decision-block{
		background-position: center;
	}
}*/
@media only screen and (min-width: 600px) and (max-width: 720px){
	.get-money{
		top: 160px;
	}
}
@media only screen and (max-width: 600px){
	.get-money{
		top: 160px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 950px){
	.amount-and-email{
		width: 60%;
	}
}
@media only screen and (min-width: 700px) and (max-width: 768px){
	.amount-and-email{
		width: 50%;
	}
}
@media only screen and (min-width: 600px) and (max-width: 700px){
	.amount-and-email{
		width: 50%;
	}
}
@media only screen and (min-width: 500px) and (max-width: 600px){
	.amount-and-email{
		width: 55%;
	}
}
@media only screen and (min-width: 400px) and (max-width: 500px){
	.amount-and-email{
		width: 60%;
	}
}
@media only screen and (min-width: 300px) and (max-width: 400px){
	.amount-and-email{
		width: 60%;
	}
}
@media only screen and (max-width: 768px){
	.find-a-loan{
		margin-bottom: 20px;
		margin-left: -17px;
	}
}
@media only screen and (min-width: 370px) and (max-width: 400px){
	.find-loan-button{
		margin-left: -10px;
	}
}
@media only screen and (min-width: 340px) and (max-width: 370px){
	.find-loan-button{
		margin-left: -15px;
	}
}
@media only screen and (min-width: 310px) and (max-width: 340px){
	.find-loan-button{
		margin-left: -20px;
	}
}
@media only screen and (min-width: 270px) and (max-width: 310px){
	.find-loan-button{
		margin-left: -25px;
	}
}
@media only screen and (max-width: 600px){
	.slidecontainer{
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	.loanslider{
		margin-left: 20px;
	}
}
@media only screen and (min-width: 1300px) and (max-width: 1350px){
	.decision-block{
		background-position: 1000px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
	.decision-block{
		background-position: 1000px;
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1200px){
	.decision-block{
		background-position: 900px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1100px){
	.decision-block{
		background-position: 800px;
	}
}
@media only screen and (min-width: 920px) and (max-width: 1000px){
	.decision-block{
		background-position: 700px;
	}
}
@media only screen and (min-width: 830px) and (max-width: 920px){
	.decision-block{
		background-position: 650px;
	}
}
@media only screen and (min-width: 750px) and (max-width: 830px){
	.decision-block{
		background-position: 600px;
	}
}
@media only screen and (min-width: 700px) and (max-width: 750px){
	.decision-block{
		background-position: 450px 245px;
	}
}
@media only screen and (max-width: 380px){
	.decision-block{
		background-position: 200px 280px;
	}
}
@media only screen and (min-width: 380px) and (max-width: 435px){
	.decision-block{
		background-position: 240px 280px;
	}
}
@media only screen and (min-width: 435px) and (max-width: 467px){
	.decision-block{
		background-position: 280px 280px;
	}
}
@media only screen and (min-width: 467px) and (max-width: 510px){
	.decision-block{
		background-position: 280px 245px;
	}
}
@media only screen and (min-width: 510px) and (max-width: 560px){
	.decision-block{
		background-position: 320px 245px;
	}
}
@media only screen and (min-width: 560px) and (max-width: 620px){
	.decision-block{
		background-position: 360px 245px;
	}
}
@media only screen and (min-width: 620px) and (max-width: 700px){
	.decision-block{
		background-position: 390px 245px;
	}
}

/* new added css Rohit  */

@media only screen and (min-width: 768px) and (max-width: 1100px){
	.slider-amount-text h2{
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 768px){
	.slider-amount-text h2{
		font-size: 1.4em;
		line-height: 1.4em;
	}
}