@charset "UTF-8";
/*
Site Name: {{ SITE NAME GOES HERE }}
Site URL: {{ SITE URL GOES HERE }}
Description: {{ DESCRIPTION GOES HERE }}
Author: Thomas Dintrone
*/

/*********************************************
NOTES
 
For PIE: behavior: url(css/pie/PIE.htc);

IE8 Background Cover: 
.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
   /* -ms-behavior: url(PATHTOFILE/backgroundsize.min.htc);
}

** I've included the depricated version of this plugin which is actually a 
** jQuery plugin in the footer_assets.php file. "background-size-deprecated" folder.
** For that, just include the file and then use this: $('.selector').css("background-size", "cover");

Clearfix: <div class="clearfix visible-xs-block"></div>

**********************************************/

@font-face {
    font-family: 'Gotham-Black';
    src: url('webfonts/gotham-black-webfont.woff2') format('woff2'),
         url('webfonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('webfonts/gotham-medium-webfont.woff2') format('woff2'),
         url('webfonts/gotham-medium-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}


/*********************************************
RESET
**********************************************/
blockquote,body,form,h1,h2,h3,h4,h5,img,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:400}ol,ul{list-style:none}code{background:#FFFFC1}a{text-decoration:none}a img,img{border:0}blockquote p{padding:5px 0}.aligncenter{margin:5px auto 20px;display:block}.alignleft{margin:5px 20px 8px 0;float:left}.alignright{margin:5px 0 8px 20px;float:right}.col-left{float:left}.col-right{float:right}.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}.fix{clear:both;height:1px;margin:-1px 0 0;overflow:hidden}.fl{float:left}.fr{float:right}.ac{text-align:center}.ar{text-align:right}img.centered{display:block;margin-left:auto;margin-right:auto}.group:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.group{clear:both}* html .group{height:1%}.group{display:block}

/*********************************************
FONTS
**********************************************/
body { font-family:Helvetica, arial, sans-serif; }

/*********************************************
HTML5 
**********************************************/
article, aside, figure, footer, header, nav, section {display: block;}

/*********************************************
GENERAL
**********************************************/
html { height:100%; margin:0; }
body { height:100%; margin:0; padding: 20px; }

a {  }
a:hover { text-decoration:underline; }
a:active, a:focus, a:visited { outline: 0 !important; text-decoration: none !important; }

hr { margin: 30px 0; clear:both; border-top:solid 1px #e6e0da; border-bottom:solid 1px #e6e0da; height:3px; border-left:0; border-right:0;}

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }
 
b, strong { font-weight: 700; }
p {  }

.noPadL { padding-left:0 !important; }
.noPadR { padding-right:0 !important; }
.noPad { padding-left:0 !important; padding-right:0 !important; }

.text-uppercase { text-transform:uppercase; }

a.preload { background-position:-99999px -99999px; background-repeat:no-repeat; }

.margin-auto { margin:0 auto; }

.noScroll { overflow:hidden; }

.fixed { position:fixed; }
.absolute { position:absolute; }
.relative { position:relative; }
.static { position:static; }

.centered { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }

/*********************************************
NAVIGATION
**********************************************/
/* Mobile Menu */
a.menu-button { display:none; color:#696252; font-size:20px; position: relative; z-index: 9999;}
a.menu-button.open { font-size:24px; color:#fff;  position: fixed; right: 15px; top: 16px; }

/*********************************************
PAGE STRUCTURE
**********************************************/
/* HEADER */
header.navbar.navbar-default.nav-down { position: fixed; top: 0; width: 100%; background-color: #fff; padding: 26px 30px; margin: 0; 
							 left: 0; z-index: 999; border-radius: 0; border: 0; }
header.navbar .navbar-header { width: 100%; position: relative; }
header.navbar .navbar-brand { height: 44px; padding: 0; }
header.navbar .nav-menu a { font-size: 16px; font-family: "minion-pro-caption"; line-height: 44px; color: #00377B; padding: 0 16px; 
							 font-weight: 400; text-transform: uppercase; }
header.navbar .nav-menu .uso_icon { padding-bottom: 2px; }
header.navbar .nav-menu span { color: #4A4A4A; font-size: 16px; font-family: "minion-pro-caption"; font-style: italic; }
header.navbar .nav-menu span a { padding: 0 6px 0 14px; }
header.navbar .nav-menu span a img { padding-bottom: 2px; }
 


/* MAIN CONTENT SECTIONS */
 
.home #cta { height: 100vh; width: 100%; background: url(img/bg_cta.png) no-repeat center; background-size:cover; position:relative; }
.stories #cta { height:95vh; width:100%; background:url(img/bg_cta_stories.png) no-repeat top center; background-size:cover; position:relative; }
.story.mwilliams #cta { height: 100vh; width: 100%; background: url(video/mark.jpg) no-repeat center; background-size:cover; position:relative; }

#video_wrapper { position: absolute; overflow: hidden; width: 100%; height: 100%; background-size: cover; }
video#screen-home { width: 100%; min-width: 1920px; position: absolute; background-size: cover; }

.home #cta .msg { position: absolute; top: 0; bottom: 0; margin: auto; height: 340px; width: 100%; } 
.stories #cta .msg { position: absolute; top: 0; bottom: 0; margin: auto; height: 450px; width: 100%; }  
.story #cta .msg { position: absolute; top: 0; bottom: 0; margin: auto; height: 330px; width: 100%; }  

#cta .msg .h1wrap { background-color: #fff; height: 182px; opacity: .8;}
#cta .msg .h1wrap h1 { font-size: 120px; font-family: "minion-pro-caption"; background: -webkit-linear-gradient(left, #AA0303, #063D79); 
					-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: center; 
					line-height: 0.725em; width: 100%; margin: 0; }
#cta .msg .storywrap { background-color: rgba(255,255,255,.8); height: 280px; }
#cta .msg .storywrap .storyPad { padding: 12px 6px !important; }
#cta .msg .storywrap .story { display: block; width: 100%; height: 254px; }

.story #cta .msg h1, .story #cta .msg h2, .story #cta .msg h3, .story #cta .msg h4 { border: 0; margin-bottom: 0; padding-bottom: 0; }
#cta .msg h1, #cta .msg h2 { font-size: 76px; color: #fff; font-family: "minion-pro-caption"; border-bottom: 1px solid #fff; text-align: center; 
					margin-bottom: 12px; padding-bottom: 0; line-height: 0.65em; text-transform: uppercase; }
#cta .msg h3 { font-size: 24px; color: #fff; font-family: "minion-pro-caption"; border-top: 1px solid #fff; text-align: center; 
					margin-top: 12px; padding-top: 1em; line-height: 36px; }
#cta .msg h4 { font-size: 18px; color: #fff; font-family: 'Gotham-Medium'; letter-spacing: 0.5em; text-transform: uppercase; 
					border-bottom: 1px solid #fff; text-align: center; font-weight: 300; line-height: 36px; 
					margin-bottom: 12px; padding-bottom: 1em; }
#cta .msg h4:before { content: ""; background: url(img/star_yellow.png) no-repeat left center; 
					height: 17px; width: 3em; display: inline-block; }
#cta .msg h4:after { content: ""; background: url(img/star_yellow.png) no-repeat right center; 
					height: 17px; width: 2.6em; display: inline-block; }

#mousedown { bottom: 5vh; position: absolute; width: 100%; text-align: center; }
#mousedown span { display: block; font-size: 24px; color: #D3A809; font-family: "minion-pro-caption"; font-style: italic; font-weight: 500; 
					line-height: 6em; }
 #mousedown:hover { text-decoration: none; }



.home #cmmtmt { background-color: #fff; height: 100vh; width: 100%; position: relative; }
.home #cmmtmt .msg { position: absolute; top: 0; bottom: 0; margin: auto; height: 660px; width: 100%; z-index: 97; }
.home #cmmtmt .msg .bgwrap { background: url(img/bg_cmmtmt.png) no-repeat center; background-size: cover; height: 182px; margin-bottom: 182px; }
.home #cmmtmt .msg .bgwrap h4 { font-size: 18px; color: #fff; font-family: 'Gotham-Medium'; letter-spacing: 0.5em; text-transform: uppercase; 
					font-weight: 300; line-height: 182px; margin-bottom: 12px; padding-bottom: 1em; padding-left: 5%; width: 41.66666667; }
.home #cmmtmt .msg h4:before { content: ""; background: url(img/star_yellow.png) no-repeat left center; 
					height: 17px; width: 2em; display: inline-block; } 
.home #cmmtmt .msg h4:after { content: ""; background: url(img/star_yellow.png) no-repeat right center; 
					height: 17px; width: 1.8em; display: inline-block; }
.home #cmmtmt .msg h2 { font-size: 76px; font-family: "minion-pro-caption"; color: #00377B; text-transform: uppercase; line-height: 0.8em; 
					padding: 0 5%; }
.home #cmmtmt .msg h3 { font-size: 32px; font-family: "minion-pro-caption"; color: #161B48; line-height: 48px; text-align: center; 
					max-width: 780px; margin: auto; }
					
.home #cmmtmt .vidwrap { z-index: 99; right: 5%; height: 448px; } 
.home #cmmtmt .vidwrap video { display: none; }

.home #cmmtmt .vidwrap { position: absolute; top: -20px; margin: auto; width: 50%; text-align: right; border: 1px solid #C8C8C8; } 
.home #cmmtmt .vidwrap .video_poster { margin-right: 36px; display: inline-block; width: 100%; height: 100%; left: -36px; top: 36px;
					background: url(video/commitment.jpg) no-repeat center; background-size: cover; position: absolute; }

.home #cmmtmt .msg h3:after { content: ""; display: block; height: 42px; width: 42px; margin: 0.5em auto 0; 
					background: url(img/star_yellowL.png) no-repeat center; }

.home #stats { background: url(img/bg_greyfade.png) repeat-x center; background-size: cover; height: 100vh; width: 100%; 
					position: relative; text-align: center; } 
.home #stats .msg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 624px; width: 100%; 
					max-width: 1040px; z-index: 97;  }

  .overlap_right { margin-right: -8.33333333%; z-index: 99; } 
  .overlap_right p { padding-right: 44px; padding-top: 56px; }
.home #stats .overlap_left { margin-left: -8.33333333%; z-index: 99; }
  .overlap_left p { padding-left: 44px; padding-top: 56px; }
.home #stats .overlap_mid { z-index: 100; }
.home #stats .imgwrap { font-size: 18px; font-family: 'Gotham-Black'; color: #fff; text-align: center; letter-spacing: 0.5em; 
						text-transform: uppercase; position: relative; }
.home #stats .imgwrap img { display: block; margin: 0 auto 24px; }
  .home #stats .imgwrap.box_left { background: url(img/box_left.png) no-repeat center; background-size: cover; height: 250px; 
  					margin: 70px 0; padding-top: 80px; padding-right: 28px; }
  .home #stats .imgwrap.box_mid  { background: url(img/box_mid.png) no-repeat center; background-size: cover; height: 396px; 
  					box-shadow: -4px 4px 8px 0 rgba(0,0,0,0.20); padding-top: 154px; margin-bottom: 44px; position: relative; z-index: 100; }
  .home #stats .imgwrap.box_right { background: url(img/box_right.png) no-repeat center; background-size: cover; height: 250px; 
  					margin: 70px 0; padding-top: 80px; padding-left: 28px; }

.home #stats h2 { font-size: 76px; font-family: "minion-pro-caption"; color: #00377B; text-transform: uppercase; line-height: 0.8em; }
.home #stats h4 { font-size: 24px; font-family: "minion-pro-caption"; color: #161B48; line-height: 36px; padding: 15px 60px; }
.home #stats p { font-size: 18px; font-family: "minion-pro-caption"; color: #161B48; line-height: 28px; }

.home #thanks  { background-color: #fff; height: 100vh; width: 100%; position: relative; }
.home #thanks .msg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 600px; z-index: 97; }
.home #thanks h1 { font-size: 120px; color: #00377B; font-family: "minion-pro-caption"; text-transform: uppercase; text-align: center; 
					line-height: 0.725em; width: 100%; margin: 0; }
.home #thanks h1 span { display: block; font-size: 18px; font-family: 'Gotham-Black'; color: #B5121B; text-transform: uppercase; 
					line-height: 28px; letter-spacing: 0.5em; margin: 52px 0 24px; }
.home #thanks h1:before { content: ""; display: block; height: 42px; width: 42px; margin: -44px auto 124px; 
					background: url(img/star_yellowL.png) no-repeat center; }
.home #thanks h4 { font-size: 24px; font-family: "minion-pro-caption"; color: #161B48; line-height: 36px; padding: 15px 60px; }								

.home #foot { background-color: #fff; height: 100vh; position: relative; }
.inner #foot { background-color: #fff; height: auto; position: relative; }

.home #foot .stories { margin-left: -20px; margin-right: -20px; background: url(img/bg_stories.png) no-repeat; background-size: cover; 
					height: 40vh; padding: 20px; }
.home #foot .stories .brdwrap { border: 1px solid rgba(255,255,255,0.6); height: 100%; }
.home #foot .stories .brdwrap h2 { font-size:76px; font-family: "minion-pro-caption"; color:#fff; text-transform:uppercase; line-height:0.8em; }
.home #foot .stories .brdwrap a { display: inline-block; font-family: "minion-pro-caption"; font-weight: 600; font-style: italic; color: #fff;
					font-size: 24px; text-decoration: none; position: relative; }
.home #foot .stories .brdwrap a img { position:absolute; right:-44px; top:33%; display:inline-block; line-height:34px; padding-left:0.5em; }
.home #foot .stories .brdwrap a:hover { text-decoration: none; }
.home #foot .stories .brdwrap a span { display:block; position:relative; width:100%; background-color:transparent; height:2px; margin-top:-6px; }
.home #foot .stories .brdwrap a:hover span { display:block; position:relative; width:100%; background-color:#fff; height:2px; margin-top:-6px; }


.story #vid_section { background-color: #fff; height: 100vh; width: 100%; position: relative; }

.story #vid_section .vidwrap { height: 80vh; width: 100%; position: relative; }
.story #vid_section .vidwrap div { position: absolute; width: 100%; bottom: 0; }
.story.mwilliams #vid_section .vidwrap .video_poster { margin: auto; display: block; width: 780px; height: 448px;
					 background: url(video/mwilliams.jpg) no-repeat center; background-size: cover; }
.story #vid_section .vidwrap video { display: none; }
.story #vid_section .vidwrap h2 { font-size: 76px; font-family: "minion-pro-caption"; color: #00377B; text-transform: uppercase;
					line-height: 0.8em; padding: 0 5%; text-align: center; margin-top: 52px; margin-bottom: 0; }
.story #vid_section .vcaption { background: url(img/bg_cmmtmt.png) no-repeat center; background-size:cover; height: 20vh; text-align: center;
					/* margin-left: -20px; margin-right: -20px; */ }
.story #vid_section .vcaption h4 { font-size: 18px; color: #fff; font-family: 'Gotham-Medium'; letter-spacing: 0.5em; text-transform: uppercase; 
					font-weight: 300; line-height: 2em; margin-bottom: 0; padding: 3.5em 0 1em; }
.story #vid_section .vcaption h4:before { content: ""; background: url(img/star_yellow.png) no-repeat left center;
					height: 17px; width: 2em; display: inline-block; }
.story #vid_section .vcaption h4:after { content: ""; background: url(img/star_yellow.png) no-repeat right center;
					height: 17px; width: 1.8em; display: inline-block; }
.story #vid_section .vcaption  p { font-size: 18px; color: #fff; font-family: "minion-pro-caption"; font-weight: 300; }

.story #the_story { padding-bottom: 108px; }
.story #the_story blockquote { font-size: 42px; font-family: "minion-pro-caption"; color: #00377B; font-weight: 400;
					border: 0; text-align: center; padding: 2.5em 96px; line-height: 54px; }

.story #the_story .row { margin-top: 1em; margin-bottom: 8em; }
.story .overlap_left { margin-left: -8.33333333%; margin-top: 72px; z-index: 99; }
.story_photo img { width: 100%; height: auto; display: inline-block; }
 .brdrd { border: 1px solid #C8C8C8; width: 100%; height: 100%; position: absolute; top: -20px; right: -20px; }
 .brdrd.back { z-index: 10; height: 396px; }
.story #the_story p { font-size: 24px; color: #161B48; line-height: 2em; font-family: "minion-pro-caption"; }

.story #more { height: 592px; margin-left: -20px; margin-right: -20px; background: url(img/bg_more.jpg) center; background-size: cover; 
				padding: 54px; }
.story #more h3 { font-size: 36px; color: #fff; font-family: "minion-pro-caption"; font-style: italic; line-height: 38px; 
					position: relative; margin-bottom: 1em !important; }
.story #more h3:before { content: ""; display: inline-block; height: 36px; width: 25px; background: url(img/star_yellowM.png) no-repeat center; 
						margin-right: 14px; position: absolute; left: -39px; }
.story #more .more { height: 375px; padding-right: 10px !important; padding-left: 10px !important; }
.story #more .more .morewrap { height: 100%; padding: 20px; }
.story #more .more .morewrap .brdwrap { border: 1px solid rgba(255,255,255,0.6); height: 100%; }



/* FOOTER */

 #foot .logos { background: url(img/bg_greyfadeSH.png) repeat-x center; height: 40vh; width: 100%; position: relative; 
					margin-top: 20px; text-align: center; }
 #foot .logos h4 { color: #00377B; font-size: 18px; font-family: 'Gotham-Medium'; letter-spacing: 0.5em; text-transform: uppercase; 
					font-weight: 300; margin-bottom: 12px; padding-bottom: 1em;  }
 #foot .logos h4:before { content: ""; background: url(img/star_yellow.png) no-repeat left center; 
					height: 17px; width: 2em; display: inline-block; } 
 #foot .logos h4:after { content: ""; background: url(img/star_yellow.png) no-repeat right center; 
					height: 17px; width: 1.8em; display: inline-block; }
 #foot .logos .logowrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 240px; z-index: 97; }
 #foot .logos .logowrap img { padding: 12px; }
 #foot .logos .logowrap span img { padding: 16px; }

 #foot .ksites { background-color: #fff; height: 11vh; }
 #foot .ksites a { font-size: 18px; color: #161B48; font-family: "minion-pro-caption"; font-weight: 700; text-transform: uppercase; 
					text-decoration: underline; line-height: 11vh; padding: 0 20px; }

 #foot .footer { background-color: #161B48; height: 9vh; color: #c8c8c8; margin-left: -20px; margin-right: -20px; }

 #foot .footer p { padding-left:8px; font-size:15px; font-family: "minion-pro-caption"; color:#c8c8c8; line-height: 9vh; margin:0; }
 #foot .footer .social p { font-style: italic; } 
 #foot .footer .social p a { padding-left: 24px; }




/*********************************************
BLOCKS
**********************************************/
/* Contact Form */
.contactFormWrap { position:relative; z-index:999;}
.form { /*float:right;*/ width:100%; background:#191919; margin-bottom: 5px;}
.form form { padding:0px 15px 20px; }
.contactFormWrap h3 { margin:0; color:#C67914; padding:10px 15px 20px; font-size:19.06px; }
.form textarea, .form label.full { display:block; width:100%; float:none;}
.form label, .form input { display:inline-block; } 
.form label { font-size:14px; color:#fff; width:80px; float:left;}
.form input { background:#fff; margin-bottom:1em; border:0; padding:1px 0 2px; height:20px; width:65.7%; }
input.submitButton { text-transform:uppercase;margin-left:0;display:block; margin-bottom:0; font-size:15px; height:auto;width:auto; background:#ccc; color:#fff; padding:5px 8px; }
input.submitButton:hover { cursor:pointer; }
.form textarea { background:#fff;border:0; height:60px;  width:98.5%;  margin-bottom:1em;}
span.errorMessage, span.successMessage { font-size:12px; font-weight:bold; position:absolute; bottom:15px; right:15px; }  
span.errorMessage { color:red; }
span.successMessage { color:green; }

/*********************************************
SPECIALTY
**********************************************/
/* Style placeholder text */
::-webkit-input-placeholder { color: #909; } /* WebKit browsers */
:-moz-placeholder { color: #909;  opacity: 1; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #909; opacity: 1; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #909; } /* Internet Explorer 10+ */

/* Add a RED asterisk to placeholder text with "required" class - WIN */
.required::-webkit-input-placeholder:after { content:'*'; color: red; }
.required:-moz-placeholder:after { content:'*'; color: red; } /* Firefox 18- */
.required::-moz-placeholder:after { content:'*'; color: red; } /* Firefox 19+ */
.required:-ms-input-placeholder:after { content:'*'; color: red; } /* IE Fail */

/* This will hide all share this stuff except for the "ShareThis" text */
span.sharethis { background:none !important;}
.stButton .chicklets { font-family:inherit !important; padding-left:0 !important; }
.st_facebook, .st_twitter, .st_linkedin, .st_pinterest, .st_email { display:none; }

/* Just meant for Template design purposes... Just delete these */
.container .col-sm-12 { border:3px solid #AAA39C; margin-top:10px; }
.template h1, .template h2, .template h3, .template h4 { font-weight:bold; margin-bottom:5px; color:#FF600F;}
.template h1 a { color:#FF600F; }
.template p { font-size:12px; color:#666;}
.template a { color:#003466; }