@charset "utf-8";

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

::-moz-selection { background-color: #003556; color: #FFF; }
::selection { background-color: #003556; color: #FFF; }

@font-face{
font-family:"Avenir-Roman";
src:url("721232/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix");
src:url("721232/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix") format("eot"),url("721232/75c84254-5125-412c-bc24-56769ae3b627.woff2") format("woff2"),url("721232/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff") format("woff"),url("721232/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf") format("truetype"),url("721232/4cb16859-16ca-4342-b89c-292dc83266af.svg#4cb16859-16ca-4342-b89c-292dc83266af") format("svg");
}
@font-face{
font-family:"Avenir-Black";
src:url("1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
src:url("1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),url("1475556/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("1475556/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),url("1475556/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype");
}

html 					{ background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; overflow-y: scroll; }
body 					{ color: #222; font-family: "Avenir-Roman", sans-serif; font-size: 15px; line-height: 1; }
.page-layout			{ min-width: 980px; }
.banner-shadow 			{ background: url(/assets/images/bg/bg.png) repeat-x 0 -89px; }
.page-content 			{ margin: 0 auto; padding: 0 0 40px; overflow: hidden; position: relative; width: 900px; }
.inner 					{ height: 100%; margin: 0 auto; overflow: hidden; position: relative; width: 900px; }

/* PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-header * 				{ -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-header 				{ background: url(/assets/images/bg/bg.png) repeat-x 0 0; }
.page-header .inner			{ height: 80px; padding-top: 10px; }
.page-header .logo 			{ height: 80px; width: 200px; }
.page-header .logo img		{ display: block; margin: 0 auto; height: 100%; width: 100%; }
.page-header .logo a		{ display: block; height: 100%; width: 100%; }
.page-header .logo a:hover	{ opacity: 0.85; }

.page-header nav 				{ font-family: "Avenir-Roman"; font-size: 14px; height: 45px; margin: 0 auto; position: absolute; right: 0; bottom: 15px; text-align: right; text-transform: uppercase; width: 680px; }
.page-header nav ul li 			{ display: inline-block; }
.page-header nav ul li a 		{ color: #081521; display: block; letter-spacing: 0.02em; line-height: 50px; padding: 0 25px; }
.page-header nav ul li a:hover	{ color: #b5b5b5; text-decoration: none; }
.page-header nav ul li.on a		{ color: #b5b5b5; text-decoration: none; }

/* PAGE FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-footer			{ background-color: #FFF; border-top: 1px solid #353535; color: #999; font-size: 10px; height: 44px; letter-spacing: 0.05em; line-height: 45px; text-transform: uppercase; }
.page-footer strong		{ color: #333; font-weight: normal; }
.page-footer span		{ padding: 0 5px; }
.page-footer a			{ color: #999; }
.page-footer a:hover	{ color: #666; text-decoration: underline; }

/* CONTENT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*banner*/
.page-banner	{ background-color: #EEE; background-position: center top; background-repeat: no-repeat; height: 200px; width: 100%; }
.page-banner	{ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

/*layout*/
.page-content .content-block			{ margin: 30px 0; overflow: hidden; width: 100%; }
.page-content .content-left				{ clear: both; float: left; margin: 0; overflow: hidden; width: 400px; }
.page-content .content-right			{ float: right; margin: 0; overflow: hidden; width: 400px; }
.page-content .thirds .content-left		{ width: 300px; }
.page-content .thirds .content-right	{ width: 580px; }
.page-content .full-width				{ clear: both; margin: 0; overflow: hidden; width: 800px; }

.page-content .divider				{ background-color: #DDD; border: none; clear: both; color: #DDD; height: 1px; line-height: 1; margin: 0; overflow: hidden; width: 100%; }
.page-content .content-left img,
.page-content .content-right img	{ height: auto; width: 100%; }
.page-content .content-left iframe,
.page-content .content-right iframe	{ height: 360px; width: 100%; }

.page-content .text-left			{ text-align: left; }
.page-content .text-right			{ text-align: right; }
.page-content .text-center			{ text-align: center; }

/*elements*/
.page-content h1			{ border-bottom: 1px solid #CCC; color: #1b2025; font-family: "Avenir-Black"; font-size: 46px; font-weight: normal; line-height: 1; text-align: center; padding: 20px 0; margin: 0 0 30px; }
.page-content h2			{ color: #222; font-family: "Avenir-Black"; font-size: 26px; font-weight: normal; line-height: 1.2; margin: 0 0 10px; }
.page-content h3			{ color: #222; font-family: "Avenir-Black"; font-size: 20px; font-weight: normal; line-height: 1.2; margin: 0 0 10px; }
.page-content h4			{ color: #666; font-family: "Avenir-Roman"; font-size: 12px; font-weight: normal; line-height: 20px; margin: 0 0 10px; }
.page-content p				{ color: #111; font-size: 15px; line-height: 22px; margin: 0 0 20px; }
.page-content strong		{ font-family: "Avenir-Black"; font-weight: normal; }
.page-content a				{ color: #003556; text-decoration: underline; }
.page-content a:hover		{ color: #666; text-decoration: underline; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 15px; line-height: 22px; margin: 0 0 15px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 5px; }

/*forms*/
.page-content form					{ margin-bottom: 20px; }
.page-content label					{ color: #000; display: block; font-size: 13px; line-height: 25px; margin-top: 5px; text-transform: uppercase; }
.page-content .input				{ background-color: #DDD; border: 1px solid #EEE; color: #222; font-size: 14px; height: 40px; margin-bottom: 5px; opacity: 0.8; padding: 4px 8px; width: 100%; }
.page-content .input				{ background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #FFF), color-stop(100%, #EEE)); background: -moz-linear-gradient(top, #EEE, #DDD); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .input:focus,
.page-content .input:hover			{ background: #FFF; border: 1px solid #CCC; color: #000; opacity: 1; }
.page-content .checkbox label		{ line-height: 20px; text-transform: none; }
.page-content .checkbox input		{ margin-right: 8px; }
.page-content textarea				{ background-color: #DDD; border: 1px solid #EEE; color: #222; font-size: 14px; margin-bottom: 5px; padding: 8px; width: 100%; }
.page-content textarea				{ background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #FFF), color-stop(100%, #EEE)); background: -moz-linear-gradient(top, #EEE, #DDD); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content textarea:focus,
.page-content textarea:hover		{ background-color: #FFF; border: 1px solid #CCC; color: #000; }
.page-content .submit				{ background: #0d3f5f; border: 1px solid #0d3f5f; clear: both; color: #FFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 30px; letter-spacing: 1px; margin: 10px 0; padding: 0 15px; text-transform: uppercase; }
.page-content .submit:hover			{ background-color: #1b5981; border: 1px solid #1b5981; color: #FFF; }

/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  animation-duration:0.5s;
}

/*breadcrumb*/
.page-breadcrumb	{ color: #CCC; font-size: 11px; height: 50px; line-height: 50px; text-transform: uppercase; }
.page-breadcrumb a	{ color: #999; text-decoration: underline; }

/* HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-home 					{ height: 100%; overflow: auto; }
.body-home .home-intro 		{ color: #FFF; margin: 10% auto 0; min-height: 400px; text-align: center; width: 780px; }
.body-home .home-intro h1 	{ color: #FFF; font-family: "Avenir-Black"; font-size: 46px; line-height: 1; margin-bottom: 30px; text-align: center; text-transform: uppercase; }
.body-home .home-intro p	{ color: #FFF; font-size: 20px; line-height: 24px; margin-top: 30px; text-align: center; }
.body-home .home-intro hr 	{ background-color: #FFF; border: 0; color: #FFF; height: 1px; margin: 0 auto; width: 150px; }

.body-home .page-footer		{ position: absolute; bottom: 0; left: 0; width: 100%; }

/* MEDIA QUERIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* iPad - Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {

}


/* Mobile Portrait @ 320px */
@media only screen and (max-width: 479px) {
	html { height: auto; overflow-y: auto; }
	body { -webkit-text-size-adjust: 100%; }
	.page-layout { margin: 0 auto; min-width: 300px; width: 100%; }
	.page-content { padding: 0; width: 100%; }
	.banner-shadow{ background: none; }
	.inner { width: 100%; }

	.page-header { background: #FFF; border-top: 3px solid #081521; }
	.page-header .inner { height: auto; padding: 0; }
	.page-header .logo { margin: 0 auto; position: relative; top: auto; left: auto; right: auto; height: 60px; width: 150px; }
	.page-header nav { font-size: 12px; height: auto; position: relative; bottom: auto; right: auto; text-align: center; width: 100%; }
	.page-header nav ul li { display: block; }
	.page-header nav ul li a { border-top: 1px solid #EEE; color: #000; line-height: 26px; }
	
	.page-footer { height: auto; line-height: 25px; padding: 20px 10px; text-align: center; }
	.page-footer span { color: #FFF; display: block; height: 1px; }
	.page-footer strong { display: block; }
	
	.page-banner { height: 100px; }
	.page-breadcrumb { display: none; }

	.page-content .content-block { margin: 10px 0 0; padding: 0 10px; width: auto; }
	.page-content .full-width { width: 100% !important; }
	.page-content .content-left { float: none; margin-bottom: 10px; width: 100% !important; }
	.page-content .content-right { float: none; width: 100% !important; }

	.page-content iframe { height: 220px; width: 100%; }
	
	.page-content h1 { font-size: 30px; margin-bottom: 15px; padding: 15px 0; }
	.page-content h2 { font-size: 20px; }	
	.page-content h3 { font-size: 18px; }	
	.page-content p { font-size: 13px; line-height: 20px; }	
	.page-content ul,
	.page-content ol { font-size: 13px; line-height: 20px; }
	
	.body-home .home-intro 		{ margin: 50px auto; width: 90%; }
	.body-home .home-intro h1 	{ font-size: 30px; line-height: 1; margin-bottom: 20px; }
	.body-home .home-intro p	{ font-size: 15px; line-height: 20px; margin-top: 20px; }
	.body-home .home-intro hr 	{ width: 100px; }
	
	.body-home .page-footer		{ position: relative; bottom: auto; left: auto; width: auto; }
	
}

/* High DPI 2x+ */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.page-header .logo { background-image: url(/assets/images/logo/wpinvest-logo-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header .logo img { display: none; }
}

/* High DPI 1.5x+ */
@media 
screen and (max-width: 767px) and ( min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -webkit-min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -o-min-device-pixel-ratio: 3/2) {
	.page-header h1 { background-image: url(/assets/images/logo/wpinvest-logo-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header h1 img { display: none; }
}