/* LACARPA DESIGN + JEM */









/* GENERAL
--------------------------------------------------------------------------------------------------------------- */
html{overflow-y:scroll; background:#1d2842;}
html,
body{height:100%;}
body{margin:0 auto; width:100%; min-width:320px; font-family: 'Lato', sans-serif; color:#fff; font-size:18px;
	line-height:140%; font-weight:300; text-rendering:optimizeLegibility;
	background:#1d2842;}
	@media (max-width: 760px) {body{font-size:17px;}}
	@media (max-width: 540px) {body{font-size:16px;}}

	/* LINKS */
	a,
	a:visited{Color:inherit; font-weight:700; text-decoration:underline;}
	a:hover,
	a:active,
	a:visited:hover{color:inherit; text-decoration:underline; cursor:pointer;}
	body.touch-device a:hover,
	body.touch-device a:active,
	body.touch-device a:visited:hover{text-decoration:none;}
	*{outline:0 !important;}
	
	/* DISPLAY */
    .block{display:block;}
	.hide{display:none;}
	.inline{display:inline-block;}
	.center{text-align:center;}
	.left{float:left;}
	.right{float:right;}
	img{border:none; display:block;}
	*{position:relative;z-index:0;}
	*,
	*:before,
	*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.clear{clear:both;}
	.clear{display:block; clear:both;}









/* UNIVERSAL ELEMENTS
--------------------------------------------------------------------------------------------------------------- */


	/* Copy/Text
	----------------------------------------------------------------------------------------------------------- */
	h1,h2,h3{margin:0; line-height:100%; font-weight:700;}
	h1{font-size:36px;}
		@media (max-width: 760px) {h1{font-size:28px;}}
		@media (max-width: 540px) {h1{font-size:21px;}}
	p{margin:16px 0;}
	.bold, strong, b{font-weight:700;}
	.italic{font-style:italic;}
	.caps{text-transform:uppercase;}


	/* Images
	----------------------------------------------------------------------------------------------------------- */
	.full-img{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
	.full-img img{min-width:100%; min-height:100%;}


	/* Colors
	----------------------------------------------------------------------------------------------------------- */
	
		/* Text
		------------------------------------------------------------------------------------------------------- */
		.blue-text{color:#4e6f99 !important;}
	
		/* Backgrounds
		------------------------------------------------------------------------------------------------------- */
		.white-bg{background-color:#fff;}


	/* Transitions
	----------------------------------------------------------------------------------------------------------- */
	.color-trans{
		-ms-transition:		color .25s ease;
		-moz-transition:	color .25s ease;
		-webkit-transition:	color .25s ease;
		transition:			color .25s ease;}
	.all-trans{
		-ms-transition:		all .25s ease;
		-moz-transition:	all .25s ease;
		-webkit-transition:	all .25s ease;
		transition:			all .25s ease;}









/* HEADER
--------------------------------------------------------------------------------------------------------------- */
.header-container{width:100%; height:30px;
	background:#1d2842;}
	@media (max-width: 760px) {.header-container{height:20px;}}
	@media (max-width: 540px) {.header-container{height:10px;}}









/* CONTENT
--------------------------------------------------------------------------------------------------------------- */
.main-container{margin:0 auto -50px; width:100%; height:100%; height:auto !important; min-height:100%;
	position:relative;}
	@media (max-width: 760px) {.main-container{margin:0 auto -100px;}}

.main-wrapper{margin:0 auto; padding:0 30px; width:100%; max-width:1000px;}
	@media (max-width: 760px) {.main-wrapper{padding:0 20px;}}
	@media (max-width: 540px) {.main-wrapper{padding:0 15px;}}

.content-container{text-align:right;}
.content-wrapper{margin:90px 0 75px; max-width:620px; text-align:right; display:inline-block;}
	@media (max-width: 760px) {.content-wrapper{margin:50px 0 60px;}}
	@media (max-width: 540px) {.content-wrapper{margin:15px 0 80px; display:block;}}

.divider{width:100%; height:5px; display:inline-block;
	background:url('divider.png') repeat-x 0 0;}
	@media (max-width: 540px) {.divider{display:block;}}
	
.copy{text-align:right;
	text-shadow:2px 2px 10px rgba(0,0,0,.25);}
	@media (max-width: 540px) {.copy{text-align:left;}}

.title{margin:32px 10px 0 0; font-size:24px; line-height:30px; font-weight:700;}
.title i{font-size:16px;}
	.title span+i{margin-left:7px;}
	.title i+i{margin-left:-1px; margin-right:6px;}
	@media (max-width: 760px) {
		.title{margin:26px 5px 0 0; font-size:21px; line-height:28px;}
		.title i{font-size:14px;}
			.title span+i{margin-left:6px;}
			.title i+i{margin-left:-1px; margin-right:5px;}
	}
	@media (max-width: 540px) {
		.title{margin:20px 0 0 0; line-height:26px;}
		.title span{display:block;}
		.title i{display:none;}
	}

p{margin-right:10px; text-align:right; display:block;}
	@media (max-width: 540px) {p{margin-right:0; text-align:left;}}

p.info{margin:30px 10px 15px 0;}
	@media (max-width: 760px) {p.info{margin:20px 5px 8px 0;}}
	@media (max-width: 540px) {p.info{margin:15px 0 2px 0;}}
p.contact,
p.contact a{font-size:22px; font-weight:400 !important; text-decoration:none; display:inline-block;}
p.contact a:hover{text-decoration:underline;}
	@media (max-width: 760px) {
		p.contact,
		p.contact a{font-size:20px;}
	}
	@media (max-width: 540px) {
		p.contact,
		p.contact a{font-size:18px;}
	}

.logo{margin:0 10px 12px 0; text-align:right;}
.logo img{width:190px; display:inline-block;}
	@media (max-width: 760px) {
		.logo{margin:0 5px 8px 0;}
		.logo img{width:170px;}
	}
	@media (max-width: 540px) {
		.logo{margin:0 0 20px 0;}
		.logo img{margin:0 auto; width:140px; display:block;}
	}

.building-img{max-width:65%; max-height:80%; position:absolute; left:0; bottom:0;}
	@media (max-width: 540px) {.building-img{max-height:40%; bottom:100px;
		opacity:.3;
		filter:alpha(opacity=30);}}









/* FOOTER
--------------------------------------------------------------------------------------------------------------- */
.footer-container{width:100%; position:relative;
	background:#1d2842;}
.footer-container, .push{height:50px;}
.footer-wrapper{margin:0 auto; padding:0 30px; width:100%; max-width:1000px;}
.footer-wrapper > span{margin:0 10px; font-size:16px; line-height:50px; display:block;}
	@media (max-width: 760px) {
		.footer-container, .push{height:100px;}
		.footer-wrapper{padding-top:4px;}
		.footer-wrapper > span{margin:12px 0; font-size:14px; line-height:18px; text-align:center; float:none;
			display:block;}
		.footer-wrapper > span > span{display:block;}
	}