/* ========== CUSTOM STYLES ==========  */ 

/* Fonts */

html {height: 100%;}

body {
	font-family: 'proximanova', arial, helvetica, sans-serif;
	color: #4a4f54;
	height: 100%;
	display: block;
}


h1, h2, h3 {
	font-family: 'jlr-extralight', arial, helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 20px;
}

h1{
	font-size: 30px;
}

h2{
	font-size: 20px;
	font-weight: bold;
	padding-top: 6px;
}

h2.heading-left{
	text-transform: none;
}

h3{
	font-size: 18px;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

.form-group {
    margin-bottom: 0px;
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-padding{
	/* margin: 20px 40px; */
}

.highlight-override{
	background-color: #e9e9eb; 
	padding: 10px;
}


#login-container {}

.input-lg {
	border-radius: 0px;
}

.alert {
	text-transform: uppercase;
	border-radius: 0;
	font-size: 14px;
}

/* Buttons */ 

.btn {
	font-family: 'proximanova', arial, helvetica, sans-serif;
	border-radius: 0;
	text-transform: uppercase;
}

.btn-primary, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover {
		font: 11px/2 Georgia,Times,Times New Roman,serif;
		letter-spacing: 0.1em;
		color: #ffffff;
		background-color: #9e9fa3;
		border-color: #9e9fa3;
		outline: 0 auto -webkit-focus-ring-color;
		margin-bottom: 50px;
		float: left;
		/* margin-top: 10px; */
		/* clear: both; */
}

.btn-offer, .btn-offer:active:focus, .btn-offer:active:hover {
	background-color: #005a2b;
}



.btn-primary:active{
	background-color: #9e9fa3;
	border-color: #9e9fa3;
}

/* header */ 

.header-container {
	/* border-bottom: 1px solid #cbcdce; */
	margin: 0 0 0 0;
}

.header {
	background-color: #fff;
	padding: 20px 0 20px 0;
	/*display: none;*/
}

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
	font-weight: 400;
	background: #414042;
	color: #9d9fa2;
	text-align: left;
	padding: 25px 0;
}

/* content */
div.center {
	text-align: center;
	position: relative;
	overflow: visible;
	font-family: Georgia,Times,Times New Roman,serif;
	clear: both;
	height: 100%;
}

div#forms  {
	height: 100%;
	clear: both;
} 

div#forms div#register-container, div#forms div#forgot-container {
	display: none;
} 

div.launch-container {
	width: 500px;
	float: left;
	/* padding: 20px 0 0 0; */
}

div.launch-container input {
	width: 50%;
	float:left;
}


div.other-actions a{

	font: 11px/1.22  'jlr-semibold', arial, helvetica, sans-serif; 
	text-transform: capitalize;
	cursor: pointer;
	color: #9e9fa3;
}

div.other-actions p {
	margin-bottom: 0px;
}

div.other-actions  {
	padding-bottom: 30px;
	clear: both;
}

.header .prvp-logo-top{
	background-image: url('/img/logo-main.png') !important;
	height: 88px !important;
}

.header .logo {
	width: 250px;
	height: 61px;
	background-repeat: no-repeat;
	background-image: url('/images/portal/logo.png');
	display: block;	
}

.header .logo-nfu{
	width: 440px;
	height: 61px;
	background-repeat: no-repeat;
	background-image: url('/images/portal/JLR_small_use_BLK_v3.jpg');
	display: block;	
}

.header .logo-partners {
	width: 250px;
	height: 61px;
	background-image: url('/images/portal/logo-partners.jpg');
	display: block;
	background-size: cover;	
}


/*.background-image{
	background-image: url('/css/backgrounds/login_bg.jpg');
	background-size: cover;
	height: 100%;
	background-position-y: 45%;
}*/


.clearfix {
	 /* height: 100%; */
}

#login-container, #forgot-container, #register-container {
    background-color: #fff;
    margin-bottom: 40px;
}

.prvp-login-small{
	width: 20% !important;
	padding: 1em;
}

#register-container h3, #forgot-container h3{
    color: #555;
    padding-top: 20px;
}

.login-row-prvp{
	padding-top: 6% !important;
}

.login-row {
	padding-top: 20%;
}

#login-form, #reset-form, #register-form  {
	padding: 4% 0px;
}

#login-form input, #reset-form input, #register-form input, #login-form button, #reset-form button, #register-form button {
	margin-top: 10px;
	margin-bottom: 15px;
}

#login-form input, #reset-form input, #register-form input{
	text-transform: none;
}

#login-form a, #reset-form a, #register-form a {
	margin-bottom: 20px;
	text-decoration: none;
}

#login-form div div img{
	width: 90%;
}

div.login-row h2 {
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	letter-spacing: 1px;
	color: #fff !important;
}

div.login-row .text-left {
	font: 16px 'jlr-extralight', arial, helvetica, sans-serif;
    color: #fff;
    width: 90%;
}

.container-highlight{
	color: #1e1e1e !important;
}

.white-text{
	color: #fff;
	margin-left: 3%;
    margin-top: 40px;
}

.input-lg {
	font-size: 11px;
	border: none;
	box-shadow: none;
	background-color: #eeeeee;
	font: 13px/1 'jlr-extralight', arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}


.form-assistance-links {
    clear: both;
    margin-bottom: 20px;
}


.form-assistance-links p{
    margin-bottom: 40px;
}

#show-register{

	padding-right: 6px;
	border-right: 2px solid #9e9fa3;
}

#p-show-register{
	padding-left: 15px;
    padding-right: 15px;
}

#p-or{
	font: 14px/1 'jlr-semibold', arial, helvetica, sans-serif;
	color: #9e9fa3;
}

#show-forgot{
	padding-left: 6px;
}

.bg-nfu-pvrp{
	background-image: url('/css/backgrounds/login_bg_pvrp.jpg') !important;
}

.bg-image, .partners-bg-image{
	background-image: url('/css/backgrounds/login_bg_v2.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	/* background-position-y: -20%; */
	background-color: black;
	height: 100%;
}

.partners-bg-image{
	background-image: url('../../images/portal/blackhorse-page.jpg');
	}

.dark-bg{
	background-color: #000;
	height: 100%;
}

#login-box {
	font: 11px/1.22 'jlr-semibold', arial, helvetica, sans-serif;
	text-transform: lowercase;
	color: #9e9fa3;
	margin-top: 10px;
	text-align: right;
	float: right;
}

#login-box a{
	cursor: pointer;
	color: #9e9fa3;
	border-left: solid 1px #9e9fa3;
	padding-left: 6px;
	text-transform: uppercase;
	text-decoration: none;
}

#login-box div{

}


#login-box div span{
	padding-right: 6px;
}

#landing-page-hero-partners,
#landing-page-hero{
	padding: 0;
	/*margin-bottom: 2%;*/
}

#landing-page-hero img{
	width: 100%;
	float: left;
}

#landing-page-hero-partners img{
	width: 49%;
	float: left;
}

#landing-page-hero-partners div,
#landing-page-hero div{
	padding: 0;
}

#landing-page-hero div.overlay-offer-container {
    padding: 1% 1% !important;
    display: block;
    background-color: #005a2b;
    margin: 2%;
    /* border: solid 2px #aaa; */
    color: white;
    font-family: 'jlremeric-regular', arial, helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    right: 2%;
    text-transform: uppercase;
}

#landing-page-hero div.overlay-offer-container a{
	text-decoration: none;
}

.pad-left {
	padding-left: 1%;
}

.space-right{
	margin-right: 2%;
}

#privilege-header-links, #privilege-roadshow{
	display: none;
	font: 11px/1.22 'jlr-semibold', arial, helvetica, sans-serif;
	color: #9e9fa3;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #eeeeee;
	text-align: right;
	padding-left: 19px;
}

#privilege-roadshow{
	text-transform: none;
}

#privilege-header-links a, #privilege-roadshow a{
	padding-right: 6px;
	padding-bottom: 7px;
	color: #666;
	/* display: block; */
	padding-left: 17px;
	text-decoration: none;
}

#privilege-header-links a:hover{
	text-decoration: underline;
}

#landing-header{
	font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    letter-spacing: 1px;
}

#landing-body{
	padding: 0;
	clear: both;
}

#landing-body img{
	width: 100%;
}

#landing-body ul{
	margin: 0;
	padding: 0;
}

#landing-body li{
	list-style: none;
}

#landing-body p, #landing-body ul li {
	padding-top: 8px;
	font: 16px/1.55 'jlr-extralight', arial, helvetica, sans-serif;
    letter-spacing: 1px;
    color: #777;
    font-weight: bold;
}

#landing-body a{
	padding-right: 20px;
	font:14px/1.55 'jlr-extralight', arial, helvetica, sans-serif;
	font-weight: bold;
	background-image: url('/css/portal/doc-ico.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-top: 10px;
	margin-right: 10px;
	color: #4a4f54;
}

p#landing-offer-text{
	float:left;
	padding: 0px 15px 15px 15px;
	font: 12px/1.55 'jlr-extralight', arial, helvetica, sans-serif;
	font-weight: bold;
}

#landing-body h3{
	padding-top: 1px;
	margin-top: 1px;
}

#landing-paragraph {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0;

}

#landing-paragraph p{
	font: 16px/1.55 'jlr-extralight', arial, helvetica, sans-serif;
	letter-spacing: 1px;
	color: #777;
	font-weight: bold;
}

#landing-body h1, #landing-body h2{
	text-align: left;
	line-height: normal;
}


#landing-body h3{
	font: 13px/1.35 'jlr-semibold', arial, helvetica, sans-serif;
}

a#view-xe-button{
	background-image: none;
	padding-top: 8px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0 10px 0;
	float: none;
	width: 360px;
}

a#view-process-request{
	background-image: none;
	padding-top: 8px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0 10px 0;
	float: none;
	width: 350px;
}

a#view-process-button{
	background-image: none;
	padding-top: 8px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0 10px 0;
	float: none;
	width: 360px;
}

a#view-process-partners-button{
	background-image: none;
	padding-top: 8px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0 10px 0;
	float: none;
}

a#view-partners-button{
	background-image: none;
	padding-top: 8px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0 10px 0;
	float: none;
}

p.contact-bold{
	font: 14px/1.35 'jlr-semibold', arial, helvetica, sans-serif !important;
	margin-top: 20px;
}

a.contact-bold {
	background: none !important;
}

.cta-contact{
	font: 16px/1.55 'jlr-extralight', arial, helvetica, sans-serif !important;
    letter-spacing: 1px;
    color: #777 !important;
    font-weight: bold !important;
}

a#view-intranet-button{
    margin-bottom: 0px;
    float: none;
    background-image: none;
    padding-top: 8px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    margin-top: 12px;
}

.top-spacing{
	padding-top: 30px;
}

.bottom-spacing{
	padding-bottom: 0px;
}

.full-width-container{
	width:100%;
}


footer div{
	background-color: #404042;
	padding: 20px;
	clear: both;
	color: #fff;
	font: 13px/1.35 'jlr-extralight', arial, helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	/* margin-top: 20px; */
}

.terms-modal{
text-align: left;
}


.terms-modal div.modal-body{
	max-height: 80vh;
	overflow-y: auto;
}

.terms-modal div.modal-body h3{
	text-align: center;
}

.terms-modal .modal-title{
	font: 18px/1.35 'jlr-extralight', arial, helvetica, sans-serif;
}

.terms-modal div.modal-body p{
	font-weight: bolder;
	font: 12px/1.35 'jlr-extralight', arial, helvetica, sans-serif;
}

.terms-modal div.modal-body a.link{
	 color: #4a4f54;
}


.terms-modal div.modal-body li{
	text-align: justify;
	font: 12px/1.35 'jlr-extralight', arial, helvetica, sans-serif;
}

div.terms a:visited, div.terms a:focus{
	color: #fff;
	/* border:none; */
	list-style-image: none;
	outline: none;
}

/* NFU styling */

h2.nfu-h2 {
	font-size: 21px !important;
	margin-bottom: 40px !important;
}

img.nfu-logo-tc{
	max-width: 50px;
    left: 10px;
    top: 10px;
    position: absolute;
}

img.nfu-logo {
	float:left;
	margin-bottom: 20px;
	max-width: 100px;
}

img.nfu-logo-landing{
	width:170px;
	float: left;
}

div.nfu-logo-container{
	padding-left: 0px !important;
	padding-right: 0px !important;
	top: 5px;
}

/*NFU styling end */

@media screen and (max-width: 699px){
	/*.header .logo {
		width: 138px;
		height: 30px;
		background-image: url('/images/portal/logo-mobile.png');
		display: block;	
	} */

	img.nfu-logo-landing{
		width:138px;
		margin-left: 10px;
	}

	img.nfu-logo-tc{
		max-width: 90px;
		top: 16px;
		visibility: hidden;
	}

	.header .logo-partners {
		width: 138px;
		height: 30px;
		background-image: url('/images/portal/logo-partners.jpg');
		display: block;	
	}

}

@media screen and (max-width: 767px){
	#privilege-roadshow{
		padding-top: 0px;
		padding-bottom: 14px;
	}

	#login-box div {
    	float: left;
    	text-align: left;
	}

	img.nfu-logo-landing{
		float: right;
	}

}

@media screen and (max-width: 990px){
 .login-container{
 	margin-top: 18%;
 }


}

@media screen and (min-width: 940px){
	#privilege-header-links {
	    /* padding-top: 10px; */
	    /* padding-bottom: 10px; */
	}
	#privilege-header-links a{
	    display: inline;
	    padding-right: 30px;
	}
}



@media screen and (min-width: 990px){
	.bg-image, .partners-bg-image {
		background-size: cover;
		background-position: 0;
	}

	#login-container {
	    /* max-height: 338px; */
	}

	#register-container {
	    max-height: 580px;
	}	
		
	div.login-row h2 {
	    text-align: left;
	    font-size: 20px;
	    margin-bottom: 30px;
	 }
0
	 div#forms {
	 height: 100%;
	} 

	.main-container{
		 height: 100%; 
	}

	.clearfix {
	  height: 100%; 
	}

	#privilege-roadshow{
		padding-left: 10px;
	}

}

@media screen and (max-width: 570px){
	img.nfu-logo-tc {
	    max-width: 58px;
	    top: 20px;
	}

	footer div{
		font-size: 11px;
	}
}

@media screen and (max-width: 437px){

	footer div{
		font-size: 9px;
	}
}

@media screen and (max-width: 400px){
	a#view-process-button,
	a#view-process-request,
	a#view-xe-button{
		width:300px;
		font-size: 10px;
	}

}