/* ==========================================================================
   Core
   ========================================================================== */

   html, body { height:100%; }
   html { overflow:auto; background:#000 url('../img/cover.jpg') center no-repeat; background-size:cover; }
   body { font-size:14px; font-family:'Work Sans', Arial, Helvetica, sans-serif; color:#fff; -webkit-font-smoothing:antialiased; background:none; }

   h1, h2, h3, h4, h5 { margin:0 0 10px; padding:0; color:#fff; text-transform:capitalize; font-family:'Work Sans', Arial, Helvetica, sans-serif !important; }

   hr { width:100%; height:1px; padding:0; margin:0px; border-top:#fff 1px solid; border-bottom:none; border-left:none; border-right:none; }

   p { margin:0 0 1.6em; line-height:1.5; font-weight:normal; }
   span { color:#fff; }
   span.required { color:#E5090D; }
   small { font-size:1.9em; }
   address { font-size:1em; }
   blockquote p { font-size:inherit; font-style:italic; line-height:1.8; }
   i { color:#13274b; font-weight:bold; }
   strong { color:#fff; }

   form { width:100%; height:auto; position:relative; margin:0; padding:0px; display:block; overflow:hidden; }
   label { font-size:1em; display:block; text-align:left; margin:0.5em 0; padding:0; clear:both; }
   input[type=text], input[type=url], input[type=email], input[type=tel], textarea { width:100%; padding:5px; margin:0px; color:#000; font-size:1em; border:#ccc 1px solid; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
   input[type=checkbox] { margin:0; }
   input[type=file] { margin: 0; width: 100%; padding: 8px; font-size:1em; color: #2a2a2a; }
   select { width:100%; font-size:1em; height:36px; }
   textarea { width:100%; min-height:160px; max-height:160px; padding:5px; margin:0 0 10px; font-size:1em; border:#a9a9a9 1px solid; }

   input[type=submit], button { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#202020 !important; font-size:1em !important; text-transform:uppercase; padding:6px 24px; text-decoration:none; width:100%; background-image:-moz-linear-gradient( 90deg, rgb(32,32,32) 0%, rgb(48,48,48) 100%); background-image:-webkit-linear-gradient( 90deg, rgb(32,32,32) 0%, rgb(48,48,48) 100%); background-image:-ms-linear-gradient( 90deg, rgb(32,32,32) 0%, rgb(48,48,48) 100%); }
   input[type=submit]:hover, button:hover { color:#ccc !important; }

   .btn { -moz-box-shadow:inset 0px 1px 0px 0px #202020; -webkit-box-shadow:inset 0px 1px 0px 0px #202020; box-shadow:inset 0px 1px 0px 0px #202020; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #202020), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #202020 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #202020 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #202020 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #202020 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #202020 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#f6f6f6',GradientType=0); background-color:#202020; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; padding:6px; font-size:2.4em !important; text-decoration:none; text-shadow:0px 1px 0px #202020; width:100%; }
   .btn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #202020)); background:-moz-linear-gradient(top, #f6f6f6 5%, #202020 100%); background:-webkit-linear-gradient(top, #f6f6f6 5%, #202020 100%); background:-o-linear-gradient(top, #f6f6f6 5%, #202020 100%); background:-ms-linear-gradient(top, #f6f6f6 5%, #202020 100%); background:linear-gradient(to bottom, #f6f6f6 5%, #202020 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#202020',GradientType=0); background-color:#f6f6f6; }
   .btn:active { position:relative; top:1px; }

   .btn-lg { font-size:2.4em !important; }
   .hollow { width:100%; display:block; padding:12px !important; font-size:2.4em !important; color:#202020 !important; text-align:center; text-shadow:none !important; background:none !important; border:#202020 1px solid !important; }
   .hollow:hover { color:#ccc !important; }

   .alignleft { float:left; margin:0 10px 10px 0; border:none; }
   .alignright { float:right; margin:0 10px 0 10px; border:none; }
   .aligncenter { float:none; margin:10px auto; display:block; border:none; }

   .padded { padding:6px 12px; }
   .no-padding { padding:0px !important; }
   .no-margin { margin:0px; }
   .no-bullets { list-style:none; }

   .gap-ext2 { display:block; position:relative; margin:60px 0; clear:both; overflow:hidden; }
   .gap-ext { display:block; position:relative; margin:30px 0; clear:both; overflow:hidden; }
   .gap { display:block; position:relative; margin:15px 0; clear:both; overflow:hidden; }
   .gap-mini { display:block; position:relative; margin:8px 0; clear:both; overflow:hidden; }
   .gap-very-mini { display:block; position:relative; margin:4px 0; clear:both; overflow:hidden; }

/* ==========================================================================
   Structure
   ========================================================================== */

   .site-wrapper { width:100%; height:100%; min-height:100%; display:table; position:relative; z-index:10; }
   .site-wrapper-inner { display:table-cell; vertical-align:top; }
   .cover-container { margin-right:auto; margin-left:auto; overflow: hidden; }

   .inner { padding:30px; }
   .cover { padding:30px 0px; text-align:center; }

   .mastfoot { text-align:center; color:#fff; }
   .mastfoot p { margin:0px; font-size:0.8em; color:#fff; }
   .mastfoot a:active, .mastfoot a:visited, .mastfoot a:link { color:#ccc; }
   .mastfoot a:hover { color:#ccc; }

/* ==========================================================================
   Links and Navigation
   ========================================================================== */

   a { font-weight:700; text-decoration:none; -moz-transition:color 0.1s linear 0.1s; -webkit-transition:color 0.1s linear 0.1s; -o-transition:color 0.1s linear 0.1s; transition:color 0.1s linear 0.1s; }
   a:hover { text-decoration:none; }
   a:active, a:visited, a:link { color:#fff; }
   a:hover { color:#ccc; }

/* ==========================================================================
   Misc
   ========================================================================== */

   ul, ol { width:100%; height:auto; margin:0 auto 20px; padding:0 0 0 20px; text-align:center; }
   ol { padding:0; }
   ul li, ol li { font-size:2.6em; line-height:2; margin:0px 6px; }
   ul li .fa, ol li .fa { font-size:0.5em; position:relative; top:-2px; }

   .logo { margin:20px auto; max-width:520px; }
   .fa { color:#202020; }
   .lead { font-size:16px; }

/* ==========================================================================
   Media Queries: iPad Retina
   ========================================================================== */

   /* iPad [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   	.logo { max-width: 380px !important; }
   	.inner { padding:20px !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

   /* iPad [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   	.logo { max-width: 380px !important; }
   	.site-wrapper-inner { vertical-align:middle !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

   /* iPad 3/4 [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
   	.logo { max-width: 380px !important; }
   	.inner { padding:20px !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

   /* iPad 3/4 [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
   	.logo { max-width: 380px !important; }
   	.site-wrapper-inner { vertical-align:middle !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

/* ==========================================================================
   Media Queries: iPad Mini
   ========================================================================== */

   /* iPad Mini [landscape] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {
   	.logo { max-width: 380px !important; }
   	.inner { padding:20px !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

   /* iPad Mini [portrait] */
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 1)  {
   	.logo { max-width: 380px !important; }
   	.site-wrapper-inner { vertical-align:middle !important; }
    p.lead { font-size:12px !important; line-height: 2 !important; }
   }

/* ==========================================================================
   Bootstrap Queries
   ========================================================================== */
   
   @media (min-width: 320px) and (max-width: 768px) {
   	.site-wrapper-inner { vertical-align:middle; }
   	.cover { margin:40px auto 0px; padding:20px 0px; }
   	.logo { max-width:200px; }
   	ul, ol { width:100%; padding:0px; }
   	ul li, ol li { margin:0px; font-size:1em; }
   	p { margin:0px auto 10px !important; font-size:0.9em; }
   	.logo-wrap { padding:20px; }
   	.mastfoot .inner { padding:10px; }
   	.mastfoot .inner p { margin:0px auto !important; }
   	.logo { max-width: 280px; }
    h2 { font-size: 22px; }
    p.lead { font-size:14px; line-height: 2; }
   }

   @media (min-width: 769px) and (max-width: 992px) {
   	.mastfoot { position:fixed; bottom:0; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.mastfoot, .cover-container { width:100%; }
   	.cover { padding:20px 0px; }
   	.logo { max-width: 360px; }
   }

   @media (min-width: 993px) and (max-width: 1200px) {
   	.mastfoot { position:fixed; bottom:0; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.mastfoot, .cover-container { width:100%; }
   }

   @media (min-width: 1201px) {
   	.mastfoot { position:fixed; bottom:0; }
   	.site-wrapper-inner { vertical-align:middle; }
   	.mastfoot, .cover-container { width:100%; }
   }

/* ==========================================================================
   Print
   ========================================================================== */

   @media print {
   	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
   	a, a:visited { text-decoration: underline; }
   	a[href]:after { content: " (" attr(href) ")"; }
   	abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
     pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
     thead { display:table-header-group; }
     tr, img { page-break-inside: avoid; }
     img { max-width:100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans:3; widows:3; }
     h2, h3 { page-break-after:avoid; }
 }