@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700|Lora');

@charset "utf-8";
* { box-sizing: border-box }
body { font-family:'Source Sans Pro', Arial;font-size:21px;color:#333 }
h1 { color:#0c74b8;font-family:'Lora', Arial;font-size:50px;margin-bottom:5px }
h2 { color:#0c74b8;font-family:'Source Sans Pro', Arial;font-size:30px }
h3 { color:#333;font-family:'Source Sans Pro', Arial;font-size:27px;margin-bottom:15px;line-height:34px }
h4 { color:#0c74b8;font-family:'Lora', Arial;font-size:30px;margin-bottom:10px;line-height:36px }
h5 { color:#333;font-family:'Source Sans Pro', Arial;font-size:14px;margin-bottom:25px;text-transform:uppercase;text-align:center }
p { line-height:30px; }
hr { border:1px solid #CCC }

p a, h3 a { color:#0c74b8;width:auto; }
a { width:100%;height:100%;display:inline-block;text-decoration:none;color:inherit }
i { font-style:italic }

nav { width:100%;height:60px;text-align:center;background-color:#03507f;color:#FFF;position:relative;font-size:18px;border-bottom:2px solid #0575ba;position:fixed;z-index:1000; }
nav ul { display:inline-block;height:100%;padding-top:0; }
nav li { display:inline-block;width:180px;height:100%;vertical-align:text-top;padding-top:35px; }
nav li:nth-of-type(3) { padding-top:19px }
nav li img { width:100%; }
nav span { position:absolute;right:0;width:150px;height:100%;background-color:#06C;color:#FFF;padding-top:18px;font-size:22px;font-weight:bold;animation-name:pulse;animation-duration:2s; animation-iteration-count:infinite; animation-direction:alternate
 }

.splash { width:100%;display:block;position:relative;text-align:center;height:900px }

.splash .back { position:absolute;top:0;width:100%;height:100%;background-image:url('../img/letter-bg-1.jpg');background-size:cover;background-position:center;filter:grayscale(100%) brightness(15%);z-index:5 }
.splash.mission, .splash.letters, .splash.contact, .splash.tou, .splash.testimonials { height:400px }
.splash.mission .back { background-image:url('../img/peace-of-mind.jpg'); }
.splash.letters .back { background-image:url('../img/peace-of-mind.jpg'); }
.splash.contact .back { background-image:url('../img/contact-bg.jpg'); }
.splash.tou .back { background-image:url('../img/contact-bg.jpg'); }
.splash .front { position:relative;z-index:100;padding-top:150px }
.splash h1 { color:#FFF;font-size:90px;font-weight:400;margin-bottom:15px; }
.splash h1.fp { color:#FFF;font-size:125px;font-weight:400;margin-bottom:0 }
.splash h2 { color:#FFF;font-size:38px }
.splash span { display:block;margin-bottom:15px;color:#FFF }
.front div:first-of-type { margin:100px auto;max-width:450px;text-align:left;line-height:30px }

.content { max-width:960px;display:block;margin:0 auto;position:relative;padding-top:50px; }
.content span { display:block;margin:0 auto 5px auto;font-size:14px;color:#333; }

.quest { height:120px;overflow:hidden;margin-bottom:25px;cursor:pointer }
.quest.open { height:auto;padding-bottom:50px;margin-bottom:75px;border-bottom:1px solid #0c74b8 }

.btn { text-align:center;color:#FFF;border-radius:10px;background-color:#0c74b8;width:200px;display:inline-block;border-bottom:3px solid #036 }
.btn a { padding:20px }

.divider { width:400px;margin:15px auto 45px auto;display:block }
.half { width:49%;display:inline-block;vertical-align:text-top; }
.half.first { padding-right:30px; }

.signup { width:100%;height:80px;margin:50px auto 50px auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+66,2989d8+66,307ac9+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 66%, rgba(41,137,216,1) 66%, rgba(48,122,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 66%,rgba(41,137,216,1) 66%,rgba(48,122,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 66%,rgba(41,137,216,1) 66%,rgba(48,122,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#307ac9',GradientType=1 ); /* IE6-9 */
 }
.signup .content { padding-top:15px;position:relative;color:#FFF }
.signup h2 { color:#FFF }
.signup img { position:absolute;right:0;opacity:0.2;top:-50px; }
.signup a { border:1px solid #FFF;border-radius:5px;padding:10px;display:inline-block;width:175px;text-align:center;color:#FFF;margin-right:15px; }

footer { width:100%;height:320px;background-image:url('../img/footer-bg.jpg');background-size:cover; }
footer .content > .half.first { border-top:2px dashed #FFF;border-bottom:2px dashed #FFF;padding:20px 0 }
footer a { margin-bottom:10px;color:#FFF; }
footer .gutter {  width:100%;height:25px;padding-top:5px;color:#FFF;background:#000;font-size:12px;text-align:center;margin-top:15px; }
footer .gutter span { float:right }
.social img:first-of-type { display:block;margin:7px auto 20px auto }
.social a { display:inline-block;width:80px;margin-right:15px; }

.fullpic { width:100%;height:500px;background-image:url('../img/ease-of-mind.jpg');background-size:cover;background-position:0 -150px;border-top:25px solid #121212;position:relative; }
.fullpic .content { height:475px }
.fullpic p { color:#FFF }
.fullpic .bg { position:absolute;right:-150px;top:0;height:100%;width:1000px;background-image:url('../img/quotebox.png');opacity:0.8 }

.fullpic .content .overlay { position:absolute;right:25px;top:75px;width:60%;height:100%;text-align:right }
.fullpic .content .overlay img { display:inline-block;width:100px;margin-top:50px; }
.fullpic h1 { color:#FFF;margin-bottom:15px; }

@keyframes pulse {
	from { background-color:#0CF }
	to { background-color:#0c74b8 }
}



.container-login { width:500px;padding:50px;margin:100px auto 0 auto;border-radius:15px;border:1px solid #CCC;text-align:center;background:rgba(255,255,255,1);border-bottom:3px solid #0c74b8 }
.container-login p { font-size:14px;color:#333}
input[type=text], input[type=password], input[type=country] { width:100%;height:36px;border:1px solid #CCC;border-radius:4px;margin-bottom:15px;padding-left:10px; }
input[type=submit] { text-align:center;padding:20px;color:#FFF;border-radius:10px;background-color:#0c74b8;width:200px;display:inline-block;border:0;border-bottom:3px solid #036;font-size:20px;margin-top:25px; }


/* LETTER MANAGER STYLES */

.content.letters { text-align:center }
.content.letters h3 { margin-bottom:25px }

[class^='letter-link-'] { display:inline-block;width:460px;padding:25px;background:#03507f;margin:0 15px 18px 0;text-align:left;border-right:3px solid #036;border-bottom:4px solid #036;position:relative }
[class^='letter-link-'] p { color:#FFF;display:inline-block;vertical-align:text-top;line-height:24px }
[class^='letter-link-'] span { color:#09F;display:inline-block;vertical-align:text-top;line-height:24px;margin-bottom:0 }
[class^='letter-link-'] img { display:inline-block;vertical-align:text-top;margin:0 10px 0 0 }
[class^='letter-link-'] img:first-of-type { margin:0 10px 15px 0 }
.btn-edit { width:100px;height:44px;padding-top:10px;color:#FFF;position:absolute;right:25px;top:50px;background:#09F;border-radius:8px;text-align:center;border-bottom:3px solid #036 }

.letter-links { text-align:center }

.letter-content { width:100%;min-height:1200px;box-shadow:0 3px 5px rgba(0,0,0,0.3);padding:250px 100px 100px 100px;position:relative;border:1px solid #CCC;border-radius:2px;text-align:left; }

.letter-content .topstyle { position:absolute;top:75px;width:100%;left:0;height:200px;background-image:url('../img/letter-top.png');background-repeat:no-repeat;background-size:100% auto }
.letter-content .bottomstyle { position:absolute;bottom:0px;width:100%;left:0;height:165px;background-image:url('../img/letter-bottom.png');background-repeat:no-repeat;background-size:100% auto }