/*
Template Name: Trustbuilder - Allianz
Author: DSD IMAGING
Author URI: https://www.dsdimaging.com/
Client: Trustbuilder
Version: 1.0
*/

/* Webfont: Allianz-Regular */
@font-face {
    font-family: 'AllianzWeb';
    src: url('includes/AllianzNeo-Regular.eot'); /* IE9 Compat Modes */
    src: url('includes/AllianzNeo-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('includes/AllianzNeo-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('includes/AllianzNeo-Regular.woff') format('woff'), /* Modern Browsers */
    url('includes/AllianzNeo-Regular.ttf') format('truetype'),
	url('includes/AllianzNeo-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Allianz-Light */ 
@font-face {
    font-family: 'AllianzWebLight';
    src: url('includes/AllianzNeo-Light.eot'); /* IE9 Compat Modes */
    src: url('includes/AllianzNeo-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('includes/AllianzNeo-Light.woff2') format('woff2'), /* Modern Browsers */
    url('includes/AllianzNeo-Light.woff') format('woff'), /* Modern Browsers */
    url('includes/AllianzNeo-Light.ttf') format('truetype'),
		url('includes/AllianzNeo-Light.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

 /*Webfont: Allianz-Bold */ 
 @font-face {
    font-family: 'AllianzWebSemiBold';
    src: url('includes/AllianzNeoW01-SemiBold.eot'); 
    src: url('includes/AllianzNeoW01-SemiBold.eot?#iefix') format('embedded-opentype'), 
    url('includes/AllianzNeoW01-SemiBold.woff2') format('woff2'),
    url('includes/AllianzNeoW01-SemiBold.woff') format('woff'), 
    url('includes/AllianzNeoW01-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
} 
@font-face {
    font-family: 'AllianzWebBold';
    src: url('includes/AllianzNeo-Bold.eot'); /* IE9 Compat Modes */
    src: url('includes/AllianzNeo-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('includes/AllianzNeo-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('includes/AllianzNeo-Bold.woff') format('woff'), /* Modern Browsers */
    url('includes/AllianzNeo-Bold.ttf') format('truetype'),
	url('includes/AllianzNeo-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-family: AllianzWebLight;
	color: #414141;
	display: flex;
	flex-direction: column;
	height: 100vh;
}

h1 {
	font-family: AllianzWebLight;
	font-size: 35px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.3px;
	text-align: center;
	color: #414141;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
	font-family: AllianzWebSemiBold;
	font-size: 35px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.3px;
	text-align: center;
	color: #007ab3;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-bottom: 50px;
}

div.hr-divider {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	margin: 0 auto;
	border: 0;
	border-top: 1px solid #d8d8d8;
	text-align: center;
	height: 0px;
	line-height: 0px;
	width: 350px;
	color: #d8d8d8;
}
div.hr-divider:before {
	content: attr(data-content,"test");
	background-color: #fff;
	padding: 0px 25px 0px 25px;
}

/* HEADER */
#header {
	height: 100px;
	display: flex;
	flex-direction: row;
	vertical-align: middle;	
	background-color: #ffffff;
}

#header-logo {
	flex: 7;
}

table.logo {
	vertical-align: middle;
	margin: 20px 50px 30px 50px;
}

table.logo img {
	height: 45px;
}

#header-nav {
	flex: 3;
}

ul.nav {
	list-style-type: none;
	margin: 40px 50px 0px 0px;
	font-size: 20px;
}

ul.nav li {
	float: right;
	margin-right: 20px;
}

ul.nav li a {
	color: #414141;
}

ul.nav li a:hover {
	color: #007ab3;
}

.dropdown {
	position: relative;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #666666;
	margin-left: 0px;
}

.dropbtn {
	border: none;
	cursor: pointer;
	background: none;
}

.dropbtn:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f151";	
	padding: 0px 0px 0px 4px;
	font-weight: 300;
	float: right;
}

.dropdown-content {
  right: 0;
	display: none;
	min-width: 150px;
	position: absolute;
	background-color: #f9f9f9;
	z-index: 1;
	border: 1px solid #eaeaea;
}

.dropdown-content a {
	color: black;
	font-size: 12px;
	padding: 5px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	text-decoration: underline;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.no-js #loader { display: none;  }
    .js #loader { display: block; position: absolute; left: 100px; top: 0; }
    .se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url("/allianz/ebpcd/images/page_loader.gif") center no-repeat #fff;
	}

/* CONTAINER */

#container {
	background: url('images/background.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	flex-grow: 1;
}


/* CONTENT */

#content {
	width: 500px;
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 20px;
	padding: 80px 125px 80px 125px;
	background: #ffffff;
	text-align: center;
}

#content p {
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #414141;
	padding: 0px 5px 0px 5px;
	max-width: 500px;
	margin: 0 auto;
}

.step {
	font-weight: bold;
	color: #007ab3;
}

#topimg {
	font-size: 45px;
	margin-bottom: 15px;
}

#topalert img {
	height: 100px;
	margin-bottom: 20px;
}

.button-blue {
	width: 350px;
	height: 48px;
    margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	text-align: center;
	color: #007ab3;
	border-color: #007ab3;
	border: #007ab3 2px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	position: relative;
	font-family: AllianzWebSemiBold;
	font-size: 14px;
	letter-spacing: 1px;
}

.button-blue img {
	display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.button-blue span {
	display:inline-block;
    vertical-align:middle;
}

.button-blue:hover {
  background-color: #007ab3;
  color: #ffffff;
}

.button-blue:focus {
	outline: none;
}

.button-blue-full {
	width: 250px;
	height: 48px;
    margin-top: 10px;
	margin-bottom: 10px;
	background: #007ab3;
	text-align: center;
	color: #ffffff;
   border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	position: relative;
	font-family: AllianzWebSemiBold;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.button-blue-full:hover {
	color: #007ab3;
	background: #ffffff;
	border: #007ab3 2px solid;
	cursor: pointer;
}

.button-blue-full:focus {
	outline: none;
}

#form {
	margin: 0 auto;
	margin-top: 20px;
	width: 350px;
	line-height: 28px;
	border-spacing: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
}

#form-input {
	width: 100%;
	border-bottom: #414141 1px solid;
	vertical-align: bottom;
	margin-bottom: 30px;
	padding-bottom: 0px;
}

#form-input input[type=text] {
	height: 28px;
	width: 100%;
	font-family: AllianzWebLight;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: 0.2px;
	color: #414141;
	border: none;
	padding-left: 5px;
}

#form-input input[type=text]:focus {
	outline: none;
}
	
#form-input input[type=tel] {
	height: 28px;
	width: 100%;
	font-family: AllianzWebLight;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: 0.2px;
	color: #414141;
	border: none;
}
#form-input input[type=tel]:focus {
	outline: none;
}
#form-input.ln {
	margin-bottom: 25px;
}
#birthday-input {
	display: flex;
}
#birthday-input input[type=text] {
	outline: none;
}
#birthday-input .icon {
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	padding-right: 5px;
	padding-top: 2px;
	color: #007ab3;
}
.dob {
    font-family: 'AllianzWeb';
	text-align: left;			text-align: left;
	font-size: 10px;			font-size: 10px;
	padding: 0 0 0 0;			line-height: 10px;
	margin: 0 0 0 0;			padding: 0 0 0 5px;
	margin: 0px 0 0 0;
	display: block;
	color: #007ab3;
	font-weight: 600;
}

.g-recaptcha {
	margin-top: 10px;
	margin: 0 auto;
	display: inline-block;
}
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

#form-submit input[type=submit] {
	width: 250px;
	height: 48px;
    margin-top: 30px;
	margin-bottom: 10px;
	background: #007ab3;
	text-align: center;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	position: relative;
	font-family: AllianzWebSemiBold;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
}

#form-submit input[type=submit]:hover {
	color: #007ab3;
	background: #ffffff;
	border: #007ab3 2px solid;
	cursor: pointer;
}

#form-submit input[type=submit]:focus {
	outline: none;
}

#form-sendagain a.sendagain {
	font-family: AllianzWeb;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #006192;
	text-transform: uppercase;
	text-decoration: none;
}

#form-sendagain a.sendagain::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f178";
	display: inline-block;
	padding-right: 10px;
	font-weight: 100;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

#form-sendagain a.sendagain:hover::before {
	-webkit-transform: translateX(6px);
	transform: translateX(6px);
}
.link {
    font-family: AllianzWeb;
    letter-spacing: 0.18px;
    margin-top: 35px;
    display: block;
}
.link a {
	color: #007ab3;
	font-family: AllianzWebSemiBold;
	font-weight: 600;
	text-decoration: none;
}
.link a:hover {
	text-decoration: underline;
}



/* MOBILE */

@media only screen and (min-width : 320px) and (max-width : 800px) {
	
	body {
		display: block;
	}
	
	h1 {
		font-size: 32px;
	}
	
	h2 {
		font-size: 32px;
		padding: 0px 5px 0px 5px;
	}
	
	div.hr-divider {
		width: 300px;	
	}
	
	/* HEADER */
	#header {
		height: 70px;
		border-bottom: #d8d8d8 1px solid;
	}
	
	#header-logo {
		flex: 6;
	}
	
	table.logo {
		margin: 16px 0px 16px 20px;
	}
	
	table.logo img {
		height: 35px;
	}
	
	#header-nav {
		flex: 4;
		text-align: right;
	}
	
	ul.nav {
		margin: 25px 0px 0px 0px;
	}
	
	ul.nav li {
		margin-right: 20px;
	}
	
	/* CONTAINER */
	#container {
		background: #ffffff;	
	}
	
	/* CONTENT */
	#content {
		width: 100%;
		margin: 0 auto;
		margin-top: 20%;
		padding: 0px 0px 20px 0px;
	}
	
	.button-blue {
		width: 300px;
		height: 70px;
	}
	
	.link {
		margin-top: 20px;	
	}
	
	#form {
		width: 300px;
	}
	
	.g-recaptcha {
		transform: scale(0.95);
		-webkit-transform: scale(0.95);
	}
	
}
.no-js #loader { display: none;  }
    .js #loader { display: block; position: absolute; left: 100px; top: 0; }
    .se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
	}
.no-js #loader { display: none;  }
    .js #loader { display: block; position: absolute; left: 100px; top: 0; }
    .se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url("/allianz/ebpcd/images/page_loader.gif") center no-repeat #fff;
	}