html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after { content: ""; content: none } q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .clearfix { zoom: 1 } .clearfix:before, .clearfix:after { content: ""; display: table } .clearfix:after { clear: both } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-750.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-750.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-750.woff2") format("woff2"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-750Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-750Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-750Italic.woff2") format("woff2"); font-style: italic; font-weight: 700; text-rendering: optimizeLegibility } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-530.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-530.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-530.woff2") format("woff2"); font-style: normal; font-weight: 600; text-rendering: optimizeLegibility } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-530Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-530Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-530Italic.woff2") format("woff2"); font-style: italic; font-weight: 600; text-rendering: optimizeLegibility } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-400.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-400.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-400.woff2") format("woff2"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility } @font-face { font-family: "GI"; src: url("../../../../e2/fonts/rv7/gi/GI-400Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/gi/GI-400Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/gi/GI-400Italic.woff2") format("woff2"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Bold.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Bold.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Bold.svg#Overpass-Bold") format("svg"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Bold-Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Bold-Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Bold-Italic.svg#Overpass-BoldItalic") format("svg"); font-style: italic; font-weight: 700; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Regular.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Regular.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Regular.svg#Overpass-Regular") format("svg"); font-style: normal; font-weight: 600; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Italic.svg#Overpass-Italic") format("svg"); font-style: italic; font-weight: 600; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Light.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Light.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Light.svg#Overpass-Light") format("svg"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-Light-Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-Light-Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-Light-Italic.svg#Overpass-LightItalic") format("svg"); font-style: italic; font-weight: normal; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight.svg#Overpass-ExtraLight") format("svg"); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility } @font-face { font-family: "Overpass"; src: url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight-Italic.woff") format("woff"), url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight-Italic.ttf") format("truetype"), url("../../../../e2/fonts/rv7/overpass/Overpass-ExtraLight-Italic.svg#Overpass-ExtraLightItalic") format("svg"); font-style: italic; font-weight: 300; text-rendering: optimizeLegibility } .army-font { font: normal 1em/1.625 "GI", Overpass, sans-serif; color: #221f20 } h1 { font: 600 1.875em/1.333 "GI", Overpass, sans-serif } @media(min-width: 481px)and (max-width: 699px) { h1 { font: 600 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 700px)and (max-width: 768px) { h1 { font: 600 2.5em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 769px)and (max-width: 992px) { h1 { font: 600 2.5em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { h1 { font: 600 3em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { h1 { font: 600 3em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { h1 { font: 600 3em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { h1 { font: 600 3em/1.25 "GI", Overpass, sans-serif } } h2 { font: 700 1.875em/1.333 "GI", Overpass, sans-serif } @media(min-width: 700px)and (max-width: 768px) { h2 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 769px)and (max-width: 992px) { h2 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { h2 { font: 700 2.5em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { h2 { font: 700 2.5em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { h2 { font: 700 2.5em/1.25 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { h2 { font: 700 2.5em/1.25 "GI", Overpass, sans-serif } } h3 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } @media(min-width: 700px)and (max-width: 768px) { h3 { font: 700 1.875em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 769px)and (max-width: 992px) { h3 { font: 700 1.875em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { h3 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { h3 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { h3 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { h3 { font: 700 2.25em/1.333 "GI", Overpass, sans-serif } } h4 { font: 700 1.313em/1.4 "GI", Overpass, sans-serif } @media(min-width: 700px)and (max-width: 768px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 769px)and (max-width: 992px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { h4 { font: 700 1.5em/1.5 "GI", Overpass, sans-serif } } p.large, h5 { font: 700 1em/1.625 "GI", Overpass, sans-serif } @media(min-width: 700px)and (max-width: 768px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } @media(min-width: 769px)and (max-width: 992px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { p.large, h5 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif } } section { overflow: hidden } h4 { margin: 50px 0 40px } h4.subhead { margin-top: 0 } h4:after { background: #ffcc01; content: ""; display: block; height: 5px; margin: 10px auto 0; width: 60px } @media(min-width: 769px)and (max-width: 992px) { h4:after { margin: 20px 0 0 } } @media(min-width: 993px)and (max-width: 1155px) { h4:after { margin: 20px 0 0 } } @media(min-width: 1156px)and (max-width: 1210px) { h4:after { margin: 20px 0 0 } } @media(min-width: 1211px)and (max-width: 1600px) { h4:after { margin: 20px 0 0 } } @media(min-width: 1601px) { h4:after { margin: 20px 0 0 } } @media(min-width: 769px)and (max-width: 992px) { h4 { margin: 60px 0 54px } } @media(min-width: 993px)and (max-width: 1155px) { h4 { margin: 60px 0 54px } } @media(min-width: 1156px)and (max-width: 1210px) { h4 { margin: 60px 0 54px } } @media(min-width: 1211px)and (max-width: 1600px) { h4 { margin: 60px 0 54px } } @media(min-width: 1601px) { h4 { margin: 60px 0 54px } } h2, h3, h4, h5 { text-transform: uppercase } h1, h2, h3, h4, h5 { -webkit-transition: font-size .25s ease; -moz-transition: font-size .25s ease; -o-transition: font-size .25s ease; transition: font-size .25s ease; text-align: center } @media(min-width: 769px)and (max-width: 992px) { h1, h2, h3, h4, h5 { text-align: left } } @media(min-width: 993px)and (max-width: 1155px) { h1, h2, h3, h4, h5 { text-align: left } } @media(min-width: 1156px)and (max-width: 1210px) { h1, h2, h3, h4, h5 { text-align: left } } @media(min-width: 1211px)and (max-width: 1600px) { h1, h2, h3, h4, h5 { text-align: left } } @media(min-width: 1601px) { h1, h2, h3, h4, h5 { text-align: left } } p { font: 400 1em/1.625 "GI", Overpass, sans-serif } p.small { font: 400 .813em/1.5 "GI", Overpass, sans-serif } @media(min-width: 769px)and (max-width: 992px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 700px)and (max-width: 768px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 993px)and (max-width: 1155px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1156px)and (max-width: 1210px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1211px)and (max-width: 1600px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } @media(min-width: 1601px) { p.small { font: 400 .875em/1.5 "GI", Overpass, sans-serif } } p.author { font: 400 .875 "GI", Overpass, sans-serif } a { color: #221f20; font-weight: 600; text-decoration: none } a:hover { text-decoration: underline } ul, ol, p { line-height: 1.625em; margin-bottom: 1.25em } ul:last-child, ol:last-child, p:last-child { margin-bottom: 0 } hr { margin: 1.75em 0 } strong { font-weight: 700 } em { font-style: italic } .white { color: #fff } .gold { color: #ffcc01 } .army-black { color: #221f20 } .white-background { background-color: #fff } .gold-background { background-color: #ffcc01 } .green-background { background-color: #2f372f; color: #ffcc01 } .field01-background { background-color: #727365; color: #fff } .field02-background { background-color: #bfb8a6; color: #221f20 } .tan-background { background-color: #f1e4c7; color: #221f20 } .gray01-background { background-color: #565557; color: #fff } .gray02-background { background-color: #d5d5d7; color: #221f20 } .army-black-background { background-color: #221f20; color: #ffcc01 } .black { color: #030000 } .grey90 { color: #1a1a1a } .grey80 { color: #333 } .grey70 { color: #4c4c4c } .grey60 { color: #666 } .grey50 { color: #7f7f7f } .grey40 { color: #999 } .grey30 { color: #b3b3b3 } .grey20 { color: #ccc } .grey10 { color: #e5e5e5 } .black-background { background-color: #030000 } .grey90-background { background-color: #1a1a1a } .grey80-background { background-color: #333 } .grey70-background { background-color: #4c4c4c } .grey60-background { background-color: #666 } .grey50-background { background-color: #7f7f7f } .grey40-background { background-color: #999 } .grey30-background { background-color: #b3b3b3 } .grey20-background { background-color: #ccc } .grey10-background { background-color: #e5e5e5 } .hidden { height: 0; min-height: 0; max-height: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .25s ease, height .25s ease, min-height .25s ease, max-height .25s ease, visibility .5s linear; -moz-transition: opacity .25s ease, height .25s ease, min-height .25s ease, max-height .25s ease, visibility .5s linear; -o-transition: opacity .25s ease, height .25s ease, min-height .25s ease, max-height .25s ease, visibility .5s linear; transition: opacity .25s ease, height .25s ease, min-height .25s ease, max-height .25s ease, visibility .5s linear } .bodytext-links a { text-decoration: none; font-weight: normal; color: #0071bb; border-bottom: 1px solid #ccc } .bodytext-links a:hover, .bodytext-links a:focus { text-decoration: none; color: #00558c; border-bottom-color: #00558c } .bodytext-list ul, .bodytext-list ol { padding: 0 } .bodytext-list ul li, .bodytext-list ol li { line-height: 1.375em; list-style-type: disc; margin: 0 0 14px 18px; padding: 0 0 0 5px } .bodytext-list ul li:last-child, .bodytext-list ol li:last-child { margin-bottom: 0 } .bodytext-list ul li ul, .bodytext-list ul li ol, .bodytext-list ol li ul, .bodytext-list ol li ol { padding: 14px 0 5px } .bodytext-list ol li { list-style-type: decimal } .bodytext-list ol li ul li { list-style-type: disc } .bodytext-list ol li ol li { list-style-type: lower-alpha } .bodytext-list ol li ol li ul li { list-style-type: disc } .bodytext-list ol li ol li ol li { list-style-type: lower-roman } .bodytext-list ol li ol li ol li ul li { list-style-type: disc } .bodytext-blockquote blockquote { border-left: 4px solid #ffcc01; padding: 5px 30px; margin: 0 0 1.25em 0; font-style: italic; font-size: 1.25em; line-height: 1.625; color: #7f7f7f } .bodytext-blockquote blockquote:before, .bodytext-blockquote blockquote:after { display: none } .bodytext a { text-decoration: none; font-weight: normal; color: #0071bb; border-bottom: 1px solid #ccc } .bodytext a:hover, .bodytext a:focus { text-decoration: none; color: #00558c; border-bottom-color: #00558c } .bodytext ul, .bodytext ol { padding: 0 } .bodytext ul li, .bodytext ol li { line-height: 1.375em; list-style-type: disc; margin: 0 0 14px 18px; padding: 0 0 0 5px } .bodytext ul li:last-child, .bodytext ol li:last-child { margin-bottom: 0 } .bodytext ul li ul, .bodytext ul li ol, .bodytext ol li ul, .bodytext ol li ol { padding: 14px 0 5px } .bodytext ol li { list-style-type: decimal } .bodytext ol li ul li { list-style-type: disc } .bodytext ol li ol li { list-style-type: lower-alpha } .bodytext ol li ol li ul li { list-style-type: disc } .bodytext ol li ol li ol li { list-style-type: lower-roman } .bodytext ol li ol li ol li ul li { list-style-type: disc } .bodytext blockquote { border-left: 4px solid #ffcc01; padding: 5px 30px; margin: 0 0 1.25em 0; font-style: italic; font-size: 1.25em; line-height: 1.625; color: #7f7f7f } .bodytext blockquote:before, .bodytext blockquote:after { display: none } .oldie-warning { background-color: #f2d4df; border: 1px solid #aaa; font-size: 1.3em; line-height: normal; margin: 0px 20px 50px; padding: 30px 4% 30px 8%; position: relative } .oldie-warning a { font-weight: bold; text-decoration: none } .oldie-warning p { margin: 20px 0 } .oldie-warning p.warning { color: red; font-family: "Times New Roman"; font-size: 4em; font-weight: bold; margin: 0; left: 0; line-height: 60px; position: absolute; text-align: center; top: 50px; width: 8% } @media print { body { padding: 0; font: 12px Arial } .main { margin: 0 } .container { margin: 0; max-width: none; padding: 0 } .container .inner-container { padding: 0 } header, nav, footer, .social-bar, .alt-social-bar { display: none } a[href^="http://"]:after, a[href^="https://"]:after { color: #4c4c4c; content: " [" attr(href) "]"; font-size: 90%; font-weight: normal } } .row { margin-left: -15px; margin-right: -15px } .row { zoom: 1 } .row:before, .row:after { content: ""; display: table } .row:after { clear: both } .container-fixed { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px } .container-fixed { zoom: 1 } .container-fixed:before, .container-fixed:after { content: ""; display: table } .container-fixed:after { clear: both } .span1 { float: left; padding-left: 15px; padding-right: 15px; width: 8.3333333333% } .span2 { float: left; padding-left: 15px; padding-right: 15px; width: 16.6666666667% } .span3 { float: left; padding-left: 15px; padding-right: 15px; width: 25% } .span4 { float: left; padding-left: 15px; padding-right: 15px; width: 33.3333333333% } .span5 { float: left; padding-left: 15px; padding-right: 15px; width: 41.6666666667% } .span6 { float: left; padding-left: 15px; padding-right: 15px; width: 50% } .span7 { float: left; padding-left: 15px; padding-right: 15px; width: 58.3333333333% } .span8 { float: left; padding-left: 15px; padding-right: 15px; width: 66.6666666667% } .span9 { float: left; padding-left: 15px; padding-right: 15px; width: 75% } .span10 { float: left; padding-left: 15px; padding-right: 15px; width: 83.3333333333% } .span11 { float: left; padding-left: 15px; padding-right: 15px; width: 91.6666666667% } .span12 { float: left; padding-left: 15px; padding-right: 15px; width: 100% } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; margin: 50px auto; overflow: hidden } .container { zoom: 1 } .container:before, .container:after { content: ""; display: table } .container:after { clear: both } .container .inner-container { overflow: hidden; padding: 0 } @media(min-width: 700px)and (max-width: 768px) { .container { margin: 60px auto; max-width: 670px } } @media(min-width: 769px)and (max-width: 992px) { .container { margin: 60px auto; max-width: 740px } } @media(min-width: 993px)and (max-width: 1155px) { .container { margin: 100px auto; max-width: 1050px } .container .inner-container { padding: 0 15px } } @media(min-width: 1156px)and (max-width: 1210px) { .container { margin: 100px auto; max-width: 1050px } .container .inner-container { padding: 0 15px } } @media(min-width: 1211px)and (max-width: 1600px) { .container { margin: 100px auto; max-width: 1050px } .container .inner-container { padding: 0 15px } } @media(min-width: 1601px) { .container { margin: 100px auto; max-width: 1050px } .container .inner-container { padding: 0 15px } } .container .inner-container>h1:first-child, .container .inner-container>*:first-child>h1:first-child, .container .inner-container>*:first-child>*:first-child>h1:first-child { margin-top: 0 } .container .inner-container>h2:first-child, .container .inner-container>*:first-child>h2:first-child, .container .inner-container>*:first-child>*:first-child>h2:first-child { margin-top: 0 } .container .inner-container>h3:first-child, .container .inner-container>*:first-child>h3:first-child, .container .inner-container>*:first-child>*:first-child>h3:first-child { margin-top: 0 } .container .inner-container>h4:first-child, .container .inner-container>*:first-child>h4:first-child, .container .inner-container>*:first-child>*:first-child>h4:first-child { margin-top: 0 } .container .inner-container>h5:first-child, .container .inner-container>*:first-child>h5:first-child, .container .inner-container>*:first-child>*:first-child>h5:first-child { margin-top: 0 } .container .inner-container>h6:first-child, .container .inner-container>*:first-child>h6:first-child, .container .inner-container>*:first-child>*:first-child>h6:first-child { margin-top: 0 } .btn { margin: 0 0 20px; text-align: center } .btn:last-child { margin: 0 } .btn span { background: #221f20; position: absolute; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .btn span:nth-child(1), .btn span:nth-child(5) { height: 1px; width: 0 } .btn span:nth-child(1) { left: 50% } .btn span:nth-child(2), .btn span:last-child { left: 50%; height: 1px; width: 0 } .btn span:nth-child(1), .btn span:nth-child(2) { top: 0 } .btn span:nth-child(5), .btn span:last-child { bottom: 0 } .btn span:nth-child(5), .btn span:last-child { bottom: -1px; top: auto } .btn span:nth-child(3) { height: 0; right: 0; top: 0; width: 1px } .btn span:nth-child(4) { height: 0; left: 0; top: 0; width: 1px } .btn span:nth-child(1), .btn span:nth-child(2) { transition-delay: .3s } .btn span:nth-child(3), .btn span:nth-child(4) { transition-delay: .15s } .btn span:nth-child(5) { left: 0 } .btn span:last-child { left: 100% } @media(min-width: 769px)and (max-width: 992px) { .btn>div:hover span:nth-child(1) { left: 0 } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2), .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { width: 50% } .btn>div:hover span:nth-child(3), .btn>div:hover span:nth-child(4) { height: 100%; transition-delay: .15s } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2) { transition-delay: 0s } .btn>div:hover span:last-child { left: 50% } .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { transition-delay: .3s } } @media(min-width: 993px)and (max-width: 1155px) { .btn>div:hover span:nth-child(1) { left: 0 } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2), .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { width: 50% } .btn>div:hover span:nth-child(3), .btn>div:hover span:nth-child(4) { height: 100%; transition-delay: .15s } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2) { transition-delay: 0s } .btn>div:hover span:last-child { left: 50% } .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { transition-delay: .3s } } @media(min-width: 1156px)and (max-width: 1210px) { .btn>div:hover span:nth-child(1) { left: 0 } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2), .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { width: 50% } .btn>div:hover span:nth-child(3), .btn>div:hover span:nth-child(4) { height: 100%; transition-delay: .15s } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2) { transition-delay: 0s } .btn>div:hover span:last-child { left: 50% } .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { transition-delay: .3s } } @media(min-width: 1211px)and (max-width: 1600px) { .btn>div:hover span:nth-child(1) { left: 0 } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2), .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { width: 50% } .btn>div:hover span:nth-child(3), .btn>div:hover span:nth-child(4) { height: 100%; transition-delay: .15s } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2) { transition-delay: 0s } .btn>div:hover span:last-child { left: 50% } .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { transition-delay: .3s } } @media(min-width: 1601px) { .btn>div:hover span:nth-child(1) { left: 0 } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2), .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { width: 50% } .btn>div:hover span:nth-child(3), .btn>div:hover span:nth-child(4) { height: 100%; transition-delay: .15s } .btn>div:hover span:nth-child(1), .btn>div:hover span:nth-child(2) { transition-delay: 0s } .btn>div:hover span:last-child { left: 50% } .btn>div:hover span:nth-child(5), .btn>div:hover span:last-child { transition-delay: .3s } } .btn>div { background: #ffcc01; display: inline-block; margin: 0 auto; padding: 5px; position: relative } .btn>div>div { bottom: 5px; left: 5px; position: absolute; right: 5px; top: 5px } .btn>div.black { background: #221f20 } .btn>div.black a, .btn>div.black input[type=button], .btn>div.black input[type=submit] { color: #fff } .btn>div.black span { background: #fff } .btn>div.white { background: #fff; border: 1px solid #221f20 } .btn a, .btn input[type=button], .btn input[type=submit] { background-color: rgba(0, 0, 0, 0); border-width: 0; display: block; cursor: pointer; font: 600 .875em "GI", Overpass, sans-serif; min-width: 100%; padding: 11px 30px 9px; position: relative; text-decoration: none; text-transform: uppercase } .btn a:hover, .btn input[type=button]:hover, .btn input[type=submit]:hover { text-decoration: none } .btn input[type=button], .btn input[type=submit] { display: inline } .nav-button, .notification-button { border-style: solid; border-color: #333; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .05em; line-height: 23px; outline: 0 none; padding: 17px 20px 15px; position: absolute; text-decoration: none; text-indent: -99999px; text-transform: uppercase; width: 25px } .nav-button span, .notification-button span { display: block; height: 24px; width: 24px } .nav-button.menu-button, .menu-button.notification-button { border-width: 0 1px 0 0; left: 0 } .nav-button.menu-button span, .menu-button.notification-button span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -233px 0; width: 25px } .nav-button.search-button, .search-button.notification-button { border-width: 0 0 0 1px; right: 0 } .nav-button.search-button span, .search-button.notification-button span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -259px 0 } @media(min-width: 769px)and (max-width: 992px) { .nav-button.menu-button, .menu-button.notification-button, .nav-button.search-button, .search-button.notification-button { border: none } .nav-button.menu-button, .menu-button.notification-button { text-indent: 43px } .nav-button.search-button, .search-button.notification-button { text-indent: -97px } } @media(min-width: 993px)and (max-width: 1155px) { .nav-button.menu-button, .menu-button.notification-button, .nav-button.search-button, .search-button.notification-button { border: none } .nav-button.menu-button, .menu-button.notification-button { text-indent: 43px } .nav-button.search-button, .search-button.notification-button { text-indent: -97px } } @media(min-width: 1156px)and (max-width: 1210px) { .nav-button.menu-button, .menu-button.notification-button, .nav-button.search-button, .search-button.notification-button { border: none } .nav-button.menu-button, .menu-button.notification-button { text-indent: 43px } .nav-button.search-button, .search-button.notification-button { text-indent: -97px } } @media(min-width: 1211px)and (max-width: 1600px) { .nav-button.menu-button, .menu-button.notification-button, .nav-button.search-button, .search-button.notification-button { border: none } .nav-button.menu-button, .menu-button.notification-button { text-indent: 43px } .nav-button.search-button, .search-button.notification-button { text-indent: -97px } } @media(min-width: 1601px) { .nav-button.menu-button, .menu-button.notification-button, .nav-button.search-button, .search-button.notification-button { border: none } .nav-button.menu-button, .menu-button.notification-button { text-indent: 43px } .nav-button.search-button, .search-button.notification-button { text-indent: -97px } } .nav-button.close-button span, .close-button.notification-button span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -284px 1px; width: 20px } .nav-button.close-button.black-close span, .close-button.black-close.notification-button span { background-position: -284px -23px } .view-more-arrow-bg { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 0; display: inline-block; height: 12px; margin-bottom: 4px; margin-left: 5px; vertical-align: middle; width: 14px } .view-more-arrow-sm { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -442px 0; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 13px } .view-more-arrow-sm.black-arrow { background-position: -442px -13px } .view-more-arrow-sm.gray-arrow { background-position: -442px -26px } .overlay-video .v-close span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -284px 0; display: block; height: 24px; width: 20px } .search-submit-button { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -259px 0; cursor: pointer; border: 0 none; height: 24px; width: 24px } .greater-than-button .greater-than-button-image { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -341px 0; height: 18px; width: 11px } .less-than-button .less-than-button { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -331px 0; height: 18px; width: 10px } .social-button span { height: 25px; width: 24px } .social-button.facebook-button span { background-position: -55px -216px; margin: 0 3px; width: 12px } .social-button.twitter-button span { background-position: 0 -216px; width: 29px } .social-button.googleplus-button span { background-position: -118px -216px; width: 36px } .social-button.pinterest-button span { background-position: -29px -216px; width: 25px } .social-button.flickr-button span { background-position: -93px -216px; width: 25px } .social-button.slideshare-button span { background-position: -180px -216px } .social-button.youtube-button span { background-position: -155px -216px; width: 25px } .social-button.email-button span { background-position: -511px -216px; width: 25px } .social-button.instagram-button span { background-position: -68px -216px; width: 25px } .social-button.vimeo-button span { background-position: -205px -216px; width: 28px } .social-button.armylive-button span { background-position: -233px -216px; width: 28px } .social-button.linkedin-button span { background-position: -261px -216px; width: 25px } .social-button.ustream-button span { background-position: -286px -216px; width: 25px } .social-button.smugmug-button span { background-position: -311px -216px; width: 22px } .social-button.issuu-button span { background-position: -333px -216px; width: 25px } .social-button.soundcloud-button span { background-position: -358px -216px; width: 56px } .social-button.periscope-button span { background-position: -414px -216px; width: 20px } .social-button.blogger-button span { background-position: -434px -216px; width: 25px } .social-button.snapchat-button span { background-position: -459px -216px; width: 25px } .social-button.rss-button span { background-position: -486px -216px; width: 25px } .social-button.reddit-button span { background-position: -538px -216px; width: 28px } .social-button-black span { height: 25px; width: 24px } .social-button-black.facebook-button span { background-position: -55px -166px; width: 12px } .social-button-black.twitter-button span { background-position: 0 -166px; width: 29px } .social-button-black.flickr-button span { background-position: -93px -166px; width: 25px } .social-button-black.youtube-button span { background-position: -155px -166px; width: 25px } .social-button-black.vimeo-button span { background-position: -205px -166px; width: 28px } .social-button-black.slideshare-button span { background-position: -180px -166px; width: 24px } .social-button-black.armylive-button span { background-position: -233px -166px; width: 28px } .social-button-black.instagram-button span { background-position: -68px -166px; width: 25px } .social-button-black.pinterest-button span { background-position: -29px -166px; width: 25px } .social-button-black.googleplus-button span { background-position: -118px -166px; width: 36px } .social-button-black.linkedin-button span { background-position: -261px -166px; width: 25px } .social-button-black.ustream-button span { background-position: -286px -166px; width: 25px } .social-button-black.smugmug-button span { background-position: -311px -166px; width: 22px } .social-button-black.issuu-button span { background-position: -333px -166px; width: 25px } .social-button-black.soundcloud-button span { background-position: -358px -166px; width: 56px } .social-button-black.periscope-button span { background-position: -414px -166px; width: 20px } .social-button-black.blogger-button span { background-position: -434px -166px; width: 25px } .social-button-black.snapchat-button span { background-position: -459px -166px; width: 25px } .social-button-black.rss-button span { background-position: -486px -166px; width: 25px } .social-button-black.email-button span { background-position: -511px -166px; width: 25px } .social-button-black.reddit-button span { background-position: -538px -166px; width: 28px } .social-button:not(.no-hover).facebook-button a:hover span, .social-button:not(.no-hover).facebook-button a:focus span, .social-button-black:not(.no-hover).facebook-button a:hover span, .social-button-black:not(.no-hover).facebook-button a:focus span { background-position: -55px -191px } .social-button:not(.no-hover).twitter-button a:hover span, .social-button:not(.no-hover).twitter-button a:focus span, .social-button-black:not(.no-hover).twitter-button a:hover span, .social-button-black:not(.no-hover).twitter-button a:focus span { background-position: 0 -191px } .social-button:not(.no-hover).flickr-button a:hover span, .social-button:not(.no-hover).flickr-button a:focus span, .social-button-black:not(.no-hover).flickr-button a:hover span, .social-button-black:not(.no-hover).flickr-button a:focus span { background-position: -93px -191px } .social-button:not(.no-hover).youtube-button a:hover span, .social-button:not(.no-hover).youtube-button a:focus span, .social-button-black:not(.no-hover).youtube-button a:hover span, .social-button-black:not(.no-hover).youtube-button a:focus span { background-position: -155px -191px } .social-button:not(.no-hover).vimeo-button a:hover span, .social-button:not(.no-hover).vimeo-button a:focus span, .social-button-black:not(.no-hover).vimeo-button a:hover span, .social-button-black:not(.no-hover).vimeo-button a:focus span { background-position: -205px -191px } .social-button:not(.no-hover).slideshare-button a:hover span, .social-button:not(.no-hover).slideshare-button a:focus span, .social-button-black:not(.no-hover).slideshare-button a:hover span, .social-button-black:not(.no-hover).slideshare-button a:focus span { background-position: -180px -191px } .social-button:not(.no-hover).armylive-button a:hover span, .social-button:not(.no-hover).armylive-button a:focus span, .social-button-black:not(.no-hover).armylive-button a:hover span, .social-button-black:not(.no-hover).armylive-button a:focus span { background-position: -233px -191px } .social-button:not(.no-hover).instagram-button a:hover span, .social-button:not(.no-hover).instagram-button a:focus span, .social-button-black:not(.no-hover).instagram-button a:hover span, .social-button-black:not(.no-hover).instagram-button a:focus span { background-position: -68px -191px } .social-button:not(.no-hover).pinterest-button a:hover span, .social-button:not(.no-hover).pinterest-button a:focus span, .social-button-black:not(.no-hover).pinterest-button a:hover span, .social-button-black:not(.no-hover).pinterest-button a:focus span { background-position: -29px -191px } .social-button:not(.no-hover).googleplus-button a:hover span, .social-button:not(.no-hover).googleplus-button a:focus span, .social-button-black:not(.no-hover).googleplus-button a:hover span, .social-button-black:not(.no-hover).googleplus-button a:focus span { background-position: -118px -191px } .social-button:not(.no-hover).linkedin-button a:hover span, .social-button:not(.no-hover).linkedin-button a:focus span, .social-button-black:not(.no-hover).linkedin-button a:hover span, .social-button-black:not(.no-hover).linkedin-button a:focus span { background-position: -261px -191px } .social-button:not(.no-hover).ustream-button a:hover span, .social-button:not(.no-hover).ustream-button a:focus span, .social-button-black:not(.no-hover).ustream-button a:hover span, .social-button-black:not(.no-hover).ustream-button a:focus span { background-position: -286px -191px } .social-button:not(.no-hover).smugmug-button a:hover span, .social-button:not(.no-hover).smugmug-button a:focus span, .social-button-black:not(.no-hover).smugmug-button a:hover span, .social-button-black:not(.no-hover).smugmug-button a:focus span { background-position: -311px -191px } .social-button:not(.no-hover).issuu-button a:hover span, .social-button:not(.no-hover).issuu-button a:focus span, .social-button-black:not(.no-hover).issuu-button a:hover span, .social-button-black:not(.no-hover).issuu-button a:focus span { background-position: -333px -191px } .social-button:not(.no-hover).soundcloud-button a:hover span, .social-button:not(.no-hover).soundcloud-button a:focus span, .social-button-black:not(.no-hover).soundcloud-button a:hover span, .social-button-black:not(.no-hover).soundcloud-button a:focus span { background-position: -358px -191px } .social-button:not(.no-hover).periscope-button a:hover span, .social-button:not(.no-hover).periscope-button a:focus span, .social-button-black:not(.no-hover).periscope-button a:hover span, .social-button-black:not(.no-hover).periscope-button a:focus span { background-position: -414px -191px } .social-button:not(.no-hover).blogger-button a:hover span, .social-button:not(.no-hover).blogger-button a:focus span, .social-button-black:not(.no-hover).blogger-button a:hover span, .social-button-black:not(.no-hover).blogger-button a:focus span { background-position: -434px -191px } .social-button:not(.no-hover).snapchat-button a:hover span, .social-button:not(.no-hover).snapchat-button a:focus span, .social-button-black:not(.no-hover).snapchat-button a:hover span, .social-button-black:not(.no-hover).snapchat-button a:focus span { background-position: -459px -191px } .social-button:not(.no-hover).rss-button a:hover span, .social-button:not(.no-hover).rss-button a:focus span, .social-button-black:not(.no-hover).rss-button a:hover span, .social-button-black:not(.no-hover).rss-button a:focus span { background-position: -486px -191px } .social-button:not(.no-hover).email-button a:hover span, .social-button:not(.no-hover).email-button a:focus span, .social-button-black:not(.no-hover).email-button a:hover span, .social-button-black:not(.no-hover).email-button a:focus span { background-position: -511px -191px } .social-button:not(.no-hover).reddit-button a:hover span, .social-button:not(.no-hover).reddit-button a:focus span, .social-button-black:not(.no-hover).reddit-button a:hover span, .social-button-black:not(.no-hover).reddit-button a:focus span { background-position: -538px -191px } .social-button-gold-lg span { height: 30px; width: 31px } .social-button-gold-lg.facebook-button span { background-position: -496px -101px; margin: 0 3px; width: 17px } .social-button-gold-lg.twitter-button span { background-position: -512px -101px; width: 37px } .social-button-gold-lg.googleplus-button span { background-position: -643px -101px; width: 46px } .social-button-gold-lg.pinterest-button span { background-position: -581px -101px } .social-button-gold-lg.flickr-button span { background-position: -612px -101px } .social-button-gold-lg.slideshare-button span { background-position: -689px -101px; width: 30px } .social-button-gold-lg.youtube-button span { background-position: -754px -101px } .social-button-gold-lg.instagram-button span { background-position: -550px -101px } .social-button-gold-lg.vimeo-button span { background-position: -785px -101px; width: 35px } .social-button-gold-lg.armylive-button span { background-position: -719px -101px; width: 34px } .social-button-gold-lg.facebook-button a:hover span, .social-button-gold-lg.facebook-button a:focus span { background-position: -496px -132px } .social-button-gold-lg.twitter-button a:hover span, .social-button-gold-lg.twitter-button a:focus span { background-position: -512px -132px } .social-button-gold-lg.flickr-button a:hover span, .social-button-gold-lg.flickr-button a:focus span { background-position: -612px -132px } .social-button-gold-lg.youtube-button a:hover span, .social-button-gold-lg.youtube-button a:focus span { background-position: -754px -132px } .social-button-gold-lg.slideshare-button a:hover span, .social-button-gold-lg.slideshare-button a:focus span { background-position: -689px -132px } .social-button-gold-lg.armylive-button a:hover span, .social-button-gold-lg.armylive-button a:focus span { background-position: -719px -132px } .social-button-gold-lg.instagram-button a:hover span, .social-button-gold-lg.instagram-button a:focus span { background-position: -550px -132px } .social-button-gold-lg.pinterest-button a:hover span, .social-button-gold-lg.pinterest-button a:focus span { background-position: -581px -132px } .social-button-gold-lg.googleplus-button a:hover span, .social-button-gold-lg.googleplus-button a:focus span { background-position: -643px -132px } .social-button-gold-lg.vimeo-button a:hover span, .social-button-gold-lg.vimeo-button a:focus span { background-position: -785px -132px } .social-button-sm span { height: 20px; width: 22px } .social-button-sm.facebook-button span { background-position: -45px -50px; width: 12px } .social-button-sm.twitter-button span { background-position: 0 -50px; width: 24px } .social-button-sm.googleplus-button span { background-position: -57px -50px; width: 30px } .social-button-sm.pinterest-button span { background-position: -24px -50px } .social-button-sm.linkedin-button span { background-position: -337px -26px; width: 20px } .social-button-sm.email-button span { background-position: -88px -50px; width: 23px } .social-button-sm.print-button span { background-position: -146px -50px; width: 23px } .social-button-sm.reddit-button span { background-position: -359px -26px; width: 23px } .social-button a, .social-button-black a, .social-button-gold-lg a, .social-button-sm a { border: 0; color: rgba(0, 0, 0, 0); font: 0/0 a; text-shadow: none; outline: 0 none } .social-button a span, .social-button-black a span, .social-button-gold-lg a span, .social-button-sm a span { background-image: url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg"); background-repeat: no-repeat; display: inline-block } .play-button .play-button-image { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -560px 4px; height: 20px; width: 14px } .plus-thick { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -305px 5px; height: 24px; width: 12px } .minus-thick { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -318px 10px; height: 24px; width: 12px } .plus-black { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -305px -13px; height: 13px; width: 12px } .minus-black { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -318px -9px; height: 13px; width: 12px } .nav-army-star { text-indent: -99999px } .nav-army-star span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/universal/army_logo_horizontal.svg") no-repeat scroll; display: block; height: 36px; width: 150px } .toggle-button { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -168px -49px; display: inline-block; height: 11px; margin-left: 15px; vertical-align: middle; width: 13px } .toggle-button.active { background-position: -181px -49px } .directional-arrow { background-image: url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg"); display: block; height: 12px; width: 9px } .directional-arrow.black-left { background-position: -259px -60px } .directional-arrow.black-right { background-position: -268px -60px } .directional-arrow.gray-left { background-position: -259px -47px } .directional-arrow.gray-right { background-position: -268px -47px } body #usasearch_sayt .ui-menu a { color: #111 } body #usasearch_sayt .ui-menu .ui-menu-item a { line-height: 40px; padding: 0 5px } body #usasearch_sayt .ui-menu .ui-menu-item a.ui-state-hover, body #usasearch_sayt .ui-menu .ui-menu-item a.ui-state-active { margin: 0; border-width: 0; background-color: #fff2bf; background-image: none; border-radius: 0; font-weight: inherit } body.menu-open, html.menu-open { overflow: hidden } body.menu-open { width: 100% } @media(min-width: 769px)and (max-width: 992px) { body.menu-open { overflow-y: scroll } body.menu-open .navbar { overflow: hidden } body.menu-open header .navbar { height: 58px; overflow-y: scroll } body.menu-open header .menu-window { overflow-y: scroll; width: 100% } } @media(min-width: 993px)and (max-width: 1155px) { body.menu-open { overflow-y: scroll } body.menu-open .navbar { overflow: hidden } body.menu-open header .navbar { height: 58px; overflow-y: scroll } body.menu-open header .menu-window { overflow-y: scroll; width: 100% } } @media(min-width: 1156px)and (max-width: 1210px) { body.menu-open { overflow-y: scroll } body.menu-open .navbar { overflow: hidden } body.menu-open header .navbar { height: 58px; overflow-y: scroll } body.menu-open header .menu-window { overflow-y: scroll; width: 100% } } @media(min-width: 1211px)and (max-width: 1600px) { body.menu-open { overflow-y: scroll } body.menu-open .navbar { overflow: hidden } body.menu-open header .navbar { height: 58px; overflow-y: scroll } body.menu-open header .menu-window { overflow-y: scroll; width: 100% } } @media(min-width: 1601px) { body.menu-open { overflow-y: scroll } body.menu-open .navbar { overflow: hidden } body.menu-open header .navbar { height: 58px; overflow-y: scroll } body.menu-open header .menu-window { overflow-y: scroll; width: 100% } } body.menu-open header.scrolled-down .navbar { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -ms-transform: translateY(0) } header *, header *:after, header *:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } header a:focus, header a:hover { text-decoration: none } header ul { line-height: 1.375em } header { font-family: "GI", Overpass, sans-serif; height: 58px; left: 0; position: relative; top: 0; width: 100%; z-index: 100 } header .nav-army-star { background: #221f20; left: 50%; line-height: 0; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 1; display: flex; align-content: center; height: 53px; padding: 0 10px 3px; flex-wrap: wrap; max-width: 45% } header .nav-army-star span { transition: transform .1s ease } header .nav-army-star:hover span { transform: scale(1.1) } header .search-form-container { line-height: 82px; padding: 0 55px 0 20px; position: relative } header .search-form-container div { height: 0; width: 0 } header .search-form-container label { display: block; margin: 0; border: 0; color: rgba(0, 0, 0, 0); font: 0/0 a; text-shadow: none } header .search-form-container input.usagov-search-autocomplete { border: 0 none; color: #4c4c4c; font: 400 .938em/2 "GI", Overpass, sans-serif; height: 30px; outline: none; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } header .search-form-container .search-submit-button { padding: 0; position: absolute; right: 19px; top: 30px } header .navbar { left: 0; position: fixed; top: 0; width: 100%; z-index: 1 } header .navbar .navbar-container { background: #221f20; border-bottom: 2px solid #ffcc01; height: 56px } @media(max-width: 480px) { header .navbar { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease } header.scrolled-down .navbar { -webkit-transform: translateY(-130%); -moz-transform: translateY(-130%); transform: translateY(-130%); -ms-transform: translateY(-130%) } } @media(min-width: 481px)and (max-width: 699px) { header .navbar { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease } header.scrolled-down .navbar { -webkit-transform: translateY(-130%); -moz-transform: translateY(-130%); transform: translateY(-130%); -ms-transform: translateY(-130%) } } header .nav-window { background-color: #221f20; left: 0; position: fixed; right: 0; top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease } header .nav-window.search-window { height: 82px } header .nav-window.menu-window { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch } header .nav-window.open-window { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -ms-transform: translateY(0); top: 58px } header .menu-container { margin: 0 0 58px; overflow: hidden; padding: 30px 30px 60px } header .menu-container .list-container>ul { margin: 0 } header .menu-container .list-container>ul>li { border-bottom: 1px solid #333 } header .menu-container .list-container>ul>li.social { border-bottom-width: 0 } header .menu-container .list-container>ul>li.social ul { display: block; margin: 0 auto; padding: 18px 0 8px; text-align: center } header .menu-container .list-container>ul>li.social ul li { vertical-align: top } header .menu-container .list-container>ul>li.social ul li a { line-height: 0; padding: 15px 10px; width: 28px; text-align: center; vertical-align: top } header .menu-container .list-container>ul>li input[type=checkbox] { display: none } header .menu-container .list-container>ul>li a { outline: 0 none } header .menu-container .list-container>ul>li label { color: #ccc; display: block; font-size: 1.125em; font-weight: 700; letter-spacing: .05em; outline: 0 none; padding: 25px 10px; position: relative; text-decoration: none; -webkit-text-size-adjust: none } header .menu-container .list-container>ul>li label span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -305px 5px; height: 18px; position: absolute; right: 12px; top: 26px; width: 12px } header .menu-container .list-container>ul>li ul li a { display: inline-block; text-decoration: none } header .menu-container .quicklinks li { padding-top: 10px } header .menu-container .quicklinks li a { background: #333; color: #ccc; display: block; text-decoration: none; text-transform: uppercase; white-space: nowrap } @media(max-width: 480px) { header .menu-container .list-container>ul>li ul { display: none; padding: 18px 0 } header .menu-container .list-container>ul>li ul li a { color: #ccc; padding: 10px 30px } header .menu-container .list-container>ul>li input[type=checkbox]:checked~ul { display: block } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label { border-bottom: 1px solid #333 } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label span { background-position: -318px 10px } } @media(min-width: 481px)and (max-width: 699px) { header .menu-container .list-container>ul>li ul { display: none; padding: 18px 0 } header .menu-container .list-container>ul>li ul li a { color: #ccc; padding: 10px 30px } header .menu-container .list-container>ul>li input[type=checkbox]:checked~ul { display: block } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label { border-bottom: 1px solid #333 } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label span { background-position: -318px 10px } } @media(min-width: 700px)and (max-width: 768px) { header .menu-container .list-container>ul>li ul { display: none; padding: 18px 0 } header .menu-container .list-container>ul>li ul li a { color: #ccc; padding: 10px 30px } header .menu-container .list-container>ul>li input[type=checkbox]:checked~ul { display: block } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label { border-bottom: 1px solid #333 } header .menu-container .list-container>ul>li input[type=checkbox]:checked~label span { background-position: -318px 10px } } @media(max-width: 480px) { header .menu-container .quicklinks li { text-align: center } header .menu-container .quicklinks li a { font-size: .813em; margin: 0 auto; padding: 25px 0 } } @media(min-width: 481px)and (max-width: 699px) { header .menu-container .quicklinks { margin-left: -15px; margin-right: -15px } header .menu-container .quicklinks { zoom: 1 } header .menu-container .quicklinks:before, header .menu-container .quicklinks:after { content: ""; display: table } header .menu-container .quicklinks:after { clear: both } header .menu-container .quicklinks *, header .menu-container .quicklinks *:after, header .menu-container .quicklinks *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } header .menu-container .quicklinks li { float: left; padding-left: 15px; padding-right: 15px; width: 50%; text-align: center } header .menu-container .quicklinks li:nth-child(2n+3) { clear: left } header .menu-container .quicklinks li:nth-child(2n) { padding-left: 5px } header .menu-container .quicklinks li:nth-child(2n+1) { padding-right: 5px } header .menu-container .quicklinks li a { font-size: .813em; margin: 0 auto; padding: 25px 0 } } @media(min-width: 700px)and (max-width: 768px) { header .menu-container .quicklinks { margin-left: -15px; margin-right: -15px } header .menu-container .quicklinks { zoom: 1 } header .menu-container .quicklinks:before, header .menu-container .quicklinks:after { content: ""; display: table } header .menu-container .quicklinks:after { clear: both } header .menu-container .quicklinks *, header .menu-container .quicklinks *:after, header .menu-container .quicklinks *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } header .menu-container .quicklinks li { float: left; padding-left: 15px; padding-right: 15px; width: 50%; text-align: center } header .menu-container .quicklinks li:nth-child(2n+3) { clear: left } header .menu-container .quicklinks li:nth-child(2n) { padding-left: 5px } header .menu-container .quicklinks li:nth-child(2n+1) { padding-right: 5px } header .menu-container .quicklinks li a { font-size: .813em; margin: 0 auto; padding: 25px 0 } } @media(min-width: 769px)and (max-width: 992px) { header .menu-container .quicklinks { margin-left: -15px; margin-right: -15px } header .menu-container .quicklinks { zoom: 1 } header .menu-container .quicklinks:before, header .menu-container .quicklinks:after { content: ""; display: table } header .menu-container .quicklinks:after { clear: both } header .menu-container .quicklinks *, header .menu-container .quicklinks *:after, header .menu-container .quicklinks *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } header .menu-container .quicklinks li { float: left; padding-left: 15px; padding-right: 15px; width: 50%; text-align: center } header .menu-container .quicklinks li:nth-child(2n+3) { clear: left } header .menu-container .quicklinks li:nth-child(2n) { padding-left: 5px } header .menu-container .quicklinks li:nth-child(2n+1) { padding-right: 5px } header .menu-container .quicklinks li a { font-size: .813em; margin: 0 auto; padding: 25px 0 } } @media(min-width: 769px)and (max-width: 992px) { header .menu-container { padding: 60px } header .menu-container .list-container>ul { display: table; margin-bottom: 1.25em; width: 100% } header .menu-container .list-container>ul>li { border-bottom-width: 0; display: table-cell; vertical-align: top; width: 33.3333% } header .menu-container .list-container>ul>li label { color: #ffcc01; padding: 0 0 15px } header .menu-container .list-container>ul>li label span { background: #fff; background-image: none; bottom: 0; height: 1px; left: 0; right: auto; top: auto; width: 40px } header .menu-container .list-container>ul>li ul { padding: .469em 0 .781em } header .menu-container .list-container>ul>li ul li a { color: #fff; padding: .469em 45px .469em 0; position: relative; -webkit-transition: color .2s linear 0s; -moz-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s } header .menu-container .list-container>ul>li ul li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; margin-left: 30px; position: absolute; width: 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: margin .2s linear 0s, opacity .2s linear 0s; -moz-transition: margin .2s linear 0s, opacity .2s linear 0s; -o-transition: margin .2s linear 0s, opacity .2s linear 0s; transition: margin .2s linear 0s, opacity .2s linear 0s } header .menu-container .list-container>ul>li ul li a:hover, header .menu-container .list-container>ul>li ul li a:focus { color: #ffcc01 } header .menu-container .list-container>ul>li ul li a:hover:after, header .menu-container .list-container>ul>li ul li a:focus:after { margin-left: 10px; opacity: 1; filter: alpha(opacity=100) } header .menu-container .list-container>ul>li.social ul { margin-left: -5px; max-width: 150px; padding: 0; text-align: left } header .menu-container .list-container>ul>li.social ul li { line-height: 0; margin: 0 9px 24px 0; padding: 0 } header .menu-container .list-container>ul>li.social ul li a { padding: 3px 5px } header .menu-container .list-container>ul>li.social ul li a:after { content: none } } @media(min-width: 993px)and (max-width: 1155px) { header .menu-container { padding: 60px } header .menu-container .list-container>ul { display: table; margin-bottom: 1.25em; width: 100% } header .menu-container .list-container>ul>li { border-bottom-width: 0; display: table-cell; vertical-align: top; width: 33.3333% } header .menu-container .list-container>ul>li label { color: #ffcc01; padding: 0 0 15px } header .menu-container .list-container>ul>li label span { background: #fff; background-image: none; bottom: 0; height: 1px; left: 0; right: auto; top: auto; width: 40px } header .menu-container .list-container>ul>li ul { padding: .469em 0 .781em } header .menu-container .list-container>ul>li ul li a { color: #fff; padding: .469em 45px .469em 0; position: relative; -webkit-transition: color .2s linear 0s; -moz-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s } header .menu-container .list-container>ul>li ul li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; margin-left: 30px; position: absolute; width: 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: margin .2s linear 0s, opacity .2s linear 0s; -moz-transition: margin .2s linear 0s, opacity .2s linear 0s; -o-transition: margin .2s linear 0s, opacity .2s linear 0s; transition: margin .2s linear 0s, opacity .2s linear 0s } header .menu-container .list-container>ul>li ul li a:hover, header .menu-container .list-container>ul>li ul li a:focus { color: #ffcc01 } header .menu-container .list-container>ul>li ul li a:hover:after, header .menu-container .list-container>ul>li ul li a:focus:after { margin-left: 10px; opacity: 1; filter: alpha(opacity=100) } header .menu-container .list-container>ul>li.social ul { margin-left: -5px; max-width: 150px; padding: 0; text-align: left } header .menu-container .list-container>ul>li.social ul li { line-height: 0; margin: 0 9px 24px 0; padding: 0 } header .menu-container .list-container>ul>li.social ul li a { padding: 3px 5px } header .menu-container .list-container>ul>li.social ul li a:after { content: none } } @media(min-width: 1156px)and (max-width: 1210px) { header .menu-container { padding: 60px } header .menu-container .list-container>ul { display: table; margin-bottom: 1.25em; width: 100% } header .menu-container .list-container>ul>li { border-bottom-width: 0; display: table-cell; vertical-align: top; width: 33.3333% } header .menu-container .list-container>ul>li label { color: #ffcc01; padding: 0 0 15px } header .menu-container .list-container>ul>li label span { background: #fff; background-image: none; bottom: 0; height: 1px; left: 0; right: auto; top: auto; width: 40px } header .menu-container .list-container>ul>li ul { padding: .469em 0 .781em } header .menu-container .list-container>ul>li ul li a { color: #fff; padding: .469em 45px .469em 0; position: relative; -webkit-transition: color .2s linear 0s; -moz-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s } header .menu-container .list-container>ul>li ul li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; margin-left: 30px; position: absolute; width: 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: margin .2s linear 0s, opacity .2s linear 0s; -moz-transition: margin .2s linear 0s, opacity .2s linear 0s; -o-transition: margin .2s linear 0s, opacity .2s linear 0s; transition: margin .2s linear 0s, opacity .2s linear 0s } header .menu-container .list-container>ul>li ul li a:hover, header .menu-container .list-container>ul>li ul li a:focus { color: #ffcc01 } header .menu-container .list-container>ul>li ul li a:hover:after, header .menu-container .list-container>ul>li ul li a:focus:after { margin-left: 10px; opacity: 1; filter: alpha(opacity=100) } header .menu-container .list-container>ul>li.social ul { margin-left: -5px; max-width: 150px; padding: 0; text-align: left } header .menu-container .list-container>ul>li.social ul li { line-height: 0; margin: 0 9px 24px 0; padding: 0 } header .menu-container .list-container>ul>li.social ul li a { padding: 3px 5px } header .menu-container .list-container>ul>li.social ul li a:after { content: none } } @media(min-width: 1211px)and (max-width: 1600px) { header .menu-container { padding: 60px } header .menu-container .list-container>ul { display: table; margin-bottom: 1.25em; width: 100% } header .menu-container .list-container>ul>li { border-bottom-width: 0; display: table-cell; vertical-align: top; width: 33.3333% } header .menu-container .list-container>ul>li label { color: #ffcc01; padding: 0 0 15px } header .menu-container .list-container>ul>li label span { background: #fff; background-image: none; bottom: 0; height: 1px; left: 0; right: auto; top: auto; width: 40px } header .menu-container .list-container>ul>li ul { padding: .469em 0 .781em } header .menu-container .list-container>ul>li ul li a { color: #fff; padding: .469em 45px .469em 0; position: relative; -webkit-transition: color .2s linear 0s; -moz-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s } header .menu-container .list-container>ul>li ul li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; margin-left: 30px; position: absolute; width: 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: margin .2s linear 0s, opacity .2s linear 0s; -moz-transition: margin .2s linear 0s, opacity .2s linear 0s; -o-transition: margin .2s linear 0s, opacity .2s linear 0s; transition: margin .2s linear 0s, opacity .2s linear 0s } header .menu-container .list-container>ul>li ul li a:hover, header .menu-container .list-container>ul>li ul li a:focus { color: #ffcc01 } header .menu-container .list-container>ul>li ul li a:hover:after, header .menu-container .list-container>ul>li ul li a:focus:after { margin-left: 10px; opacity: 1; filter: alpha(opacity=100) } header .menu-container .list-container>ul>li.social ul { margin-left: -5px; max-width: 150px; padding: 0; text-align: left } header .menu-container .list-container>ul>li.social ul li { line-height: 0; margin: 0 9px 24px 0; padding: 0 } header .menu-container .list-container>ul>li.social ul li a { padding: 3px 5px } header .menu-container .list-container>ul>li.social ul li a:after { content: none } } @media(min-width: 1601px) { header .menu-container { padding: 60px } header .menu-container .list-container>ul { display: table; margin-bottom: 1.25em; width: 100% } header .menu-container .list-container>ul>li { border-bottom-width: 0; display: table-cell; vertical-align: top; width: 33.3333% } header .menu-container .list-container>ul>li label { color: #ffcc01; padding: 0 0 15px } header .menu-container .list-container>ul>li label span { background: #fff; background-image: none; bottom: 0; height: 1px; left: 0; right: auto; top: auto; width: 40px } header .menu-container .list-container>ul>li ul { padding: .469em 0 .781em } header .menu-container .list-container>ul>li ul li a { color: #fff; padding: .469em 45px .469em 0; position: relative; -webkit-transition: color .2s linear 0s; -moz-transition: color .2s linear 0s; -o-transition: color .2s linear 0s; transition: color .2s linear 0s } header .menu-container .list-container>ul>li ul li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; margin-left: 30px; position: absolute; width: 15px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: margin .2s linear 0s, opacity .2s linear 0s; -moz-transition: margin .2s linear 0s, opacity .2s linear 0s; -o-transition: margin .2s linear 0s, opacity .2s linear 0s; transition: margin .2s linear 0s, opacity .2s linear 0s } header .menu-container .list-container>ul>li ul li a:hover, header .menu-container .list-container>ul>li ul li a:focus { color: #ffcc01 } header .menu-container .list-container>ul>li ul li a:hover:after, header .menu-container .list-container>ul>li ul li a:focus:after { margin-left: 10px; opacity: 1; filter: alpha(opacity=100) } header .menu-container .list-container>ul>li.social ul { margin-left: -5px; max-width: 150px; padding: 0; text-align: left } header .menu-container .list-container>ul>li.social ul li { line-height: 0; margin: 0 9px 24px 0; padding: 0 } header .menu-container .list-container>ul>li.social ul li a { padding: 3px 5px } header .menu-container .list-container>ul>li.social ul li a:after { content: none } } @media(min-width: 993px)and (max-width: 1155px) { header .menu-container .list-container { float: left; width: 80% } header .menu-container .quicklinks { float: left; width: 20% } header .menu-container .quicklinks li:first-child { padding-top: 0 } header .menu-container .quicklinks li a { font-size: .938em; font-weight: 700; outline: 0 none; padding: 20px; position: relative; -webkit-transition: background .2s linear 0s, color .2s linear 0s; -moz-transition: background .2s linear 0s, color .2s linear 0s; -o-transition: background .2s linear 0s, color .2s linear 0s; transition: background .2s linear 0s, color .2s linear 0s } header .menu-container .quicklinks li a:hover, header .menu-container .quicklinks li a:focus { background: #2a2a2a; color: #ffcc01 } header .menu-container .quicklinks li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; position: absolute; right: 20px; top: 20px; width: 15px } } @media(min-width: 1156px)and (max-width: 1210px) { header .menu-container .list-container { float: left; width: 80% } header .menu-container .quicklinks { float: left; width: 20% } header .menu-container .quicklinks li:first-child { padding-top: 0 } header .menu-container .quicklinks li a { font-size: .938em; font-weight: 700; outline: 0 none; padding: 20px; position: relative; -webkit-transition: background .2s linear 0s, color .2s linear 0s; -moz-transition: background .2s linear 0s, color .2s linear 0s; -o-transition: background .2s linear 0s, color .2s linear 0s; transition: background .2s linear 0s, color .2s linear 0s } header .menu-container .quicklinks li a:hover, header .menu-container .quicklinks li a:focus { background: #2a2a2a; color: #ffcc01 } header .menu-container .quicklinks li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; position: absolute; right: 20px; top: 20px; width: 15px } } @media(min-width: 1211px)and (max-width: 1600px) { header .menu-container .list-container { float: left; width: 80% } header .menu-container .quicklinks { float: left; width: 20% } header .menu-container .quicklinks li:first-child { padding-top: 0 } header .menu-container .quicklinks li a { font-size: .938em; font-weight: 700; outline: 0 none; padding: 20px; position: relative; -webkit-transition: background .2s linear 0s, color .2s linear 0s; -moz-transition: background .2s linear 0s, color .2s linear 0s; -o-transition: background .2s linear 0s, color .2s linear 0s; transition: background .2s linear 0s, color .2s linear 0s } header .menu-container .quicklinks li a:hover, header .menu-container .quicklinks li a:focus { background: #2a2a2a; color: #ffcc01 } header .menu-container .quicklinks li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; position: absolute; right: 20px; top: 20px; width: 15px } } @media(min-width: 1601px) { header .menu-container .list-container { float: left; width: 80% } header .menu-container .quicklinks { float: left; width: 20% } header .menu-container .quicklinks li:first-child { padding-top: 0 } header .menu-container .quicklinks li a { font-size: .938em; font-weight: 700; outline: 0 none; padding: 20px; position: relative; -webkit-transition: background .2s linear 0s, color .2s linear 0s; -moz-transition: background .2s linear 0s, color .2s linear 0s; -o-transition: background .2s linear 0s, color .2s linear 0s; transition: background .2s linear 0s, color .2s linear 0s } header .menu-container .quicklinks li a:hover, header .menu-container .quicklinks li a:focus { background: #2a2a2a; color: #ffcc01 } header .menu-container .quicklinks li a:after { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -427px 5px; content: ""; height: 17px; position: absolute; right: 20px; top: 20px; width: 15px } } @media(min-width: 993px)and (max-width: 1155px) { header .menu-container .list-container { width: 75% } header .menu-container .quicklinks { width: 25% } } @media(min-width: 1156px)and (max-width: 1210px) { header .menu-container .list-container { width: 78% } header .menu-container .quicklinks { width: 22% } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } .social { color: #fff; text-align: center } .social .social-button { display: inline-block } .social .social-button a { display: block; line-height: 0; padding: 15px 16px; width: 37px } #social-id .social-button { padding: 15px 10px } @media(min-width: 481px)and (max-width: 699px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 700px)and (max-width: 768px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 769px)and (max-width: 992px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 993px)and (max-width: 1155px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 1156px)and (max-width: 1210px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 1211px)and (max-width: 1600px) { #social-id .social-button { padding: 15px 16px } } @media(min-width: 1601px) { #social-id .social-button { padding: 15px 16px } } #social-id .social-button a { padding: 0 } .social-bar.scrolled-down { bottom: -50px; visibility: hidden } .social-bar { background-color: #57584f; bottom: 0; height: 50px; left: 0; position: fixed; text-align: center; -webkit-transition: bottom 500ms; -moz-transition: bottom 500ms; -o-transition: bottom 500ms; transition: bottom 500ms; visibility: visible; width: 100%; z-index: 1 } .social-bar .hidden { display: none } .social-bar .social-button { float: left; height: 100%; width: 20% } .social-bar a { padding: 15px } .social-bar ul { height: 100%; overflow: hidden } .social-bar .social-button a, .social-bar .social-button-sm a, .alt-social-bar .social-button a, .alt-social-bar .social-button-sm a { display: block; line-height: 0 } .social-bar ul li, .alt-social-bar ul li { list-style-type: none; padding: 0 } .social-bar .twitter-button, .alt-social-bar .twitter-button { background: #55acee } .social-bar .facebook-button, .alt-social-bar .facebook-button { background: #3b5999 } .social-bar .linkedin-button, .alt-social-bar .linkedin-button { background: #0077b5 } .social-bar .pinterest-button, .alt-social-bar .pinterest-button { background: #bd081c } .social-bar .reddit-button, .alt-social-bar .reddit-button { background: #ff4500 } .social-bar .email-button, .alt-social-bar .email-button { background: #2f2f2f } .social-bar .print-button, .alt-social-bar .print-button { background: #2f2f2f } .alt-social-bar { display: none; margin: 35px 0 0; overflow: hidden } .alt-social-bar .social-button-sm { float: left; margin: 0 10px 0 0 } .alt-social-bar .social-button-sm a { padding: 10px 0; text-align: center; width: 40px } @media(min-width: 769px)and (max-width: 992px) { .social-bar { display: none } .alt-social-bar { display: block } } @media(min-width: 993px)and (max-width: 1155px) { .social-bar { display: none } .alt-social-bar { display: block } } @media(min-width: 1156px)and (max-width: 1210px) { .social-bar { display: none } .alt-social-bar { display: block } } @media(min-width: 1211px)and (max-width: 1600px) { .social-bar { display: none } .alt-social-bar { display: block } } @media(min-width: 1601px) { .social-bar { display: none } .alt-social-bar { display: block } } .main { background: #fff; margin-bottom: 0; overflow: hidden; z-index: 1; position: relative } @media(min-width: 769px)and (max-width: 992px) { .main { margin-bottom: 13.75em } } @media(min-width: 993px)and (max-width: 1155px) { .main { margin-bottom: 13.75em } } @media(min-width: 1156px)and (max-width: 1210px) { .main { margin-bottom: 13.75em } } @media(min-width: 1211px)and (max-width: 1600px) { .main { margin-bottom: 13.75em } } @media(min-width: 1601px) { .main { margin-bottom: 13.75em } } footer { font-family: "GI", Overpass, sans-serif; background: #221f20; bottom: 0; left: 0; padding: 60px 0; position: fixed; width: 100%; z-index: 0 } @media(max-width: 480px) { footer { position: relative } } @media(min-width: 481px)and (max-width: 699px) { footer { position: relative } } @media(min-width: 700px)and (max-width: 768px) { footer { position: relative } } footer section { margin: 0 } footer section a { outline: 0 none } footer .footer-bottom { font-size: .84em; padding: 25px 0 0; text-align: center; text-transform: uppercase } footer .footer-bottom ul li { display: inline-block; margin: 0 10px } footer .footer-bottom ul a { color: #fff; display: inline-block; line-height: 2.5; position: relative; text-decoration: none } footer .footer-bottom ul a:after { background: #fff; bottom: 2px; content: ""; height: 1px; left: 0; position: absolute; width: 0; -webkit-transition: width .25s ease; -moz-transition: width .25s ease; -o-transition: width .25s ease; transition: width .25s ease } @media(min-width: 769px)and (max-width: 992px) { footer .footer-bottom ul li a { line-height: normal } footer .footer-bottom ul li a:hover:after, footer .footer-bottom ul li a:focus:after { width: 100% } } @media(min-width: 993px)and (max-width: 1155px) { footer .footer-bottom ul li a { line-height: normal } footer .footer-bottom ul li a:hover:after, footer .footer-bottom ul li a:focus:after { width: 100% } } @media(min-width: 1156px)and (max-width: 1210px) { footer .footer-bottom ul li a { line-height: normal } footer .footer-bottom ul li a:hover:after, footer .footer-bottom ul li a:focus:after { width: 100% } } @media(min-width: 1211px)and (max-width: 1600px) { footer .footer-bottom ul li a { line-height: normal } footer .footer-bottom ul li a:hover:after, footer .footer-bottom ul li a:focus:after { width: 100% } } @media(min-width: 1601px) { footer .footer-bottom ul li a { line-height: normal } footer .footer-bottom ul li a:hover:after, footer .footer-bottom ul li a:focus:after { width: 100% } } .links-list, .simple-list { margin-left: -15px; margin-right: -15px; margin-bottom: 1.625em } .links-list ul, .links-list ol, .simple-list ul, .simple-list ol { padding: 0 } .links-list ul li, .links-list ol li, .simple-list ul li, .simple-list ol li { line-height: 1.375em; list-style-type: disc; margin: 0 0 14px 18px; padding: 0 0 0 5px } .links-list ul li:last-child, .links-list ol li:last-child, .simple-list ul li:last-child, .simple-list ol li:last-child { margin-bottom: 0 } .links-list ul li ul, .links-list ul li ol, .links-list ol li ul, .links-list ol li ol, .simple-list ul li ul, .simple-list ul li ol, .simple-list ol li ul, .simple-list ol li ol { padding: 14px 0 5px } .links-list ol li, .simple-list ol li { list-style-type: decimal } .links-list ol li ul li, .simple-list ol li ul li { list-style-type: disc } .links-list ol li ol li, .simple-list ol li ol li { list-style-type: lower-alpha } .links-list ol li ol li ul li, .simple-list ol li ol li ul li { list-style-type: disc } .links-list ol li ol li ol li, .simple-list ol li ol li ol li { list-style-type: lower-roman } .links-list ol li ol li ol li ul li, .simple-list ol li ol li ol li ul li { list-style-type: disc } .links-list, .simple-list { zoom: 1 } .links-list:before, .links-list:after, .simple-list:before, .simple-list:after { content: ""; display: table } .links-list:after, .simple-list:after { clear: both } .links-list:last-child, .simple-list:last-child { margin-bottom: 0 } .links-list>ul, .links-list>ol, .simple-list>ul, .simple-list>ol { float: left; padding-left: 15px; padding-right: 15px; width: 100% } .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { margin-bottom: 14px } .links-list>ul:last-child, .links-list>ol:last-child, .simple-list>ul:last-child, .simple-list>ol:last-child { margin-bottom: 0 } @media(min-width: 769px)and (max-width: 992px) { .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { float: left; padding-left: 15px; padding-right: 15px; width: 50%; margin-bottom: 0 } } @media(min-width: 993px)and (max-width: 1155px) { .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { float: left; padding-left: 15px; padding-right: 15px; width: 50%; margin-bottom: 0 } } @media(min-width: 1156px)and (max-width: 1210px) { .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { float: left; padding-left: 15px; padding-right: 15px; width: 50%; margin-bottom: 0 } } @media(min-width: 1211px)and (max-width: 1600px) { .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { float: left; padding-left: 15px; padding-right: 15px; width: 50%; margin-bottom: 0 } } @media(min-width: 1601px) { .links-list>ul[class$=column], .links-list>ol[class$=column], .simple-list>ul[class$=column], .simple-list>ol[class$=column] { float: left; padding-left: 15px; padding-right: 15px; width: 50%; margin-bottom: 0 } } .links-list ul li a, .links-list ol li a { font-weight: 400; position: relative; top: 2px } .top-btn { background: #999; border-radius: 50%; bottom: 30px; font-size: 0; height: 50px; line-height: 0; padding: 20px; position: fixed; right: 30px; text-indent: -99999px; z-index: -1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease } .top-btn.visible { opacity: .7; filter: alpha(opacity=70); z-index: 1 } .top-btn.visible:hover { opacity: 1; filter: alpha(opacity=100) } .top-btn span { background: rgba(0, 0, 0, 0) url("../../../../e2/images/rv7/mobile_redesign_sprite_icons_v3.svg") no-repeat scroll -181px -59px; display: block; height: 11px; width: 11px } .page-banner { background-color: #221f20; color: #fff; overflow: hidden; position: relative } .page-banner .container { margin: 0 auto; position: relative; z-index: 3 } .page-banner .container .inner-container { margin: 35px auto } .page-banner .container .inner-container .left-container { text-align: center } .page-banner .container .inner-container .max-width-container { max-width: 450px; min-width: 150px } .page-banner .container .inner-container h1 { color: #ffcc01; font: 700 1.875em/1 "GI", Overpass, sans-serif; text-transform: uppercase; padding-bottom: 3px } .page-banner .container .inner-container h1 a { color: #ffcc01; font-weight: 700; text-decoration: none } .page-banner .container .inner-container h2 { color: #fff; font: 400 1.125em "GI", Overpass, sans-serif; margin: 0 } .page-banner .container .inner-container h2 a { color: #fff; font-weight: 400; text-decoration: none } .page-banner .container .inner-container p { margin: 0; padding: .4em 0 0 } .page-banner .container .inner-container ul.social-links { border-top: 1px solid; font-size: 0; margin-top: 12px; padding-top: 12px } .page-banner .container .inner-container ul.social-links li.social-button { display: inline-block } .page-banner .container .inner-container ul.social-links li.social-button a { padding: 5px 10px; display: block } .page-banner .container .inner-container ul.social-links li.social-button a span { display: block } .page-banner .container .logo { line-height: 0; margin-bottom: 20px } @media(min-width: 481px) { .page-banner .container .inner-container { display: table; width: 100% } .page-banner .container .inner-container .left-container { display: table-cell; height: 175px; vertical-align: middle } .page-banner .container .inner-container h1 { font-size: 2.25em } .page-banner .container .inner-container h2 { font-size: 1.25em } .page-banner .container .inner-container h1, .page-banner .container .inner-container h2, .page-banner .container .inner-container .left-container { text-align: left } } @media(min-width: 769px) { .page-banner .container .inner-container h1 { font-size: 2.5em } .page-banner .container .inner-container h2 { font-size: 1.5em } } @media(min-width: 769px)and (max-width: 992px) { .page-banner .container { max-width: 740px } } @media(min-width: 700px)and (max-width: 768px) { .page-banner .container { max-width: 670px } } @media(max-width: 480px) { .page-banner .container br { display: none } } .page-banner .full-width-image { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0 } .page-banner .full-width-image img { left: -1000px; margin: 0 auto; min-width: 100%; min-height: 100%; position: absolute; right: -1000px; top: 0; z-index: 1 } .page-banner .overlay-effect { background-color: rgba(0, 0, 0, 0); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(35, 31, 32, 0.5) 0px, rgba(35, 31, 32, 0.8) 50%, rgba(35, 31, 32, 0.5)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(35, 31, 32, 0.5) 0px, rgba(35, 31, 32, 0.8) 50%, rgba(35, 31, 32, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(35, 31, 32, 0.5) 0px, rgba(35, 31, 32, 0.8) 50%, rgba(35, 31, 32, 0.5)); height: 100%; position: absolute; width: 100%; z-index: 2 } .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_768.png"); background-position: center center; background-size: cover; content: ""; height: 100%; opacity: .25; filter: alpha(opacity=25); position: absolute; width: 100% } @media(min-width: 769px)and (max-width: 992px) { .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_1200.png") } } @media(min-width: 993px)and (max-width: 1155px) { .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_1200.png") } } @media(min-width: 1156px)and (max-width: 1210px) { .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_1200.png") } } @media(min-width: 1211px)and (max-width: 1600px) { .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_2500.png") } } @media(min-width: 1601px) { .page-banner .overlay-effect::after { background-image: url("../../../../e2/images/rv7/banners/halftone_2500.png") } } .page-banner.image-gradient .full-width-image::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .page-banner.image-gradient .full-width-image::before { background: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); background-image: -moz-linear-gradient(right, transparent 40%, #000); background-image: -webkit-linear-gradient(right, transparent 40%, #000); background-image: linear-gradient(to left, transparent 40%, #000) } @media(max-width: 480px) { .page-banner.image-gradient .full-width-image::before { display: none } } @media(min-width: 481px)and (max-width: 699px) { .page-banner.parallax-image .container .inner-container .left-container { height: 200px } } @media(min-width: 700px)and (max-width: 768px) { .page-banner.parallax-image .container .inner-container .left-container { height: 250px } } @media(min-width: 769px)and (max-width: 992px) { .page-banner.parallax-image .container .inner-container .left-container { height: 250px } } @media(min-width: 993px)and (max-width: 1155px) { .page-banner.parallax-image .container .inner-container .left-container { height: 250px } } @media(min-width: 1156px)and (max-width: 1210px) { .page-banner.parallax-image .container .inner-container .left-container { height: 250px } } @media(min-width: 1211px)and (max-width: 1600px) { .page-banner.parallax-image .container .inner-container .left-container { height: 250px } } @media(min-width: 1601px) { .page-banner.parallax-image .container .inner-container .left-container { height: 330px } } @media(min-width: 2000px) { .page-banner.parallax-image .container .inner-container .left-container { height: 400px } } .page-banner.standard.parallax-image { min-height: 0 } .page-banner.standard .container .inner-container h1 { font: 700 1.125em/1.4 "GI", Overpass, sans-serif; margin: 0 0 15px } .page-banner.standard .container .inner-container h1:after { background: #ffcc01; content: ""; display: block; height: 5px; margin: 10px auto 0; width: 60px } @media(min-width: 769px)and (max-width: 992px) { .page-banner.standard .container .inner-container h1:after { margin: 20px 0 0 } } @media(min-width: 993px)and (max-width: 1155px) { .page-banner.standard .container .inner-container h1:after { margin: 20px 0 0 } } @media(min-width: 1156px)and (max-width: 1210px) { .page-banner.standard .container .inner-container h1:after { margin: 20px 0 0 } } @media(min-width: 1211px)and (max-width: 1600px) { .page-banner.standard .container .inner-container h1:after { margin: 20px 0 0 } } @media(min-width: 1601px) { .page-banner.standard .container .inner-container h1:after { margin: 20px 0 0 } } .page-banner.standard .container .inner-container h1::after { height: 4px; margin: 10px auto 0 } .page-banner.standard .container .inner-container h2 { font: 700 1.5em/1.27 "GI", Overpass, sans-serif } .page-banner.standard .container .inner-container h2 a { font-weight: 700 } .page-banner.standard .container .inner-container h1, .page-banner.standard .container .inner-container h2 { text-align: center } @media(max-width: 480px) { .page-banner.standard .container .inner-container { display: table; width: 100% } .page-banner.standard .container .inner-container .left-container { display: table-cell; height: 150px; vertical-align: middle } } @media(min-width: 481px)and (max-width: 699px) { .page-banner.standard .container .inner-container h1 { font-size: 1.313em; margin: 0 0 20px } .page-banner.standard .container .inner-container h1::after { margin: 15px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 1.875em } } @media(min-width: 700px)and (max-width: 768px) { .page-banner.standard .container .inner-container h1 { font-size: 1.313em; margin: 0 0 20px } .page-banner.standard .container .inner-container h1::after { margin: 15px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 1.875em } } @media(min-width: 769px)and (max-width: 992px) { .page-banner.standard .container .inner-container h1 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 25px } .page-banner.standard .container .inner-container h1::after { margin: 20px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 2.25em } } @media(min-width: 993px)and (max-width: 1155px) { .page-banner.standard .container .inner-container h1 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 25px } .page-banner.standard .container .inner-container h1::after { margin: 20px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 2.25em } } @media(min-width: 1156px)and (max-width: 1210px) { .page-banner.standard .container .inner-container h1 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 25px } .page-banner.standard .container .inner-container h1::after { margin: 20px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 2.25em } } @media(min-width: 1211px)and (max-width: 1600px) { .page-banner.standard .container .inner-container h1 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 25px } .page-banner.standard .container .inner-container h1::after { margin: 20px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 2.5em } } @media(min-width: 1601px) { .page-banner.standard .container .inner-container h1 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 25px } .page-banner.standard .container .inner-container h1::after { margin: 20px auto 0 } .page-banner.standard .container .inner-container h2 { font-size: 2.5em } } .parallax-image { position: relative; overflow: hidden; min-height: 200px } .parallax-image .full-width-image { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0 } .parallax-image .full-width-image img { left: -1000px; margin: 0 auto; min-width: 100%; min-height: 100%; position: absolute; right: -1000px; top: 0 } body { font-family: "GI", Arial, Helvetica, sans-serif } .az-menu { margin-bottom: 0 } .az-menu a { background-color: #ebebeb; color: #3d3d3d; display: inline-block; font-size: 1.2em; margin: 3px; padding: 2px 12px } .a-z h4 { position: relative } .a-z h4 a:focus, .a-z h4 a:hover { text-decoration: none } .a-z a.jump-link { height: 0; position: absolute; text-indent: -10000px; top: -100px; width: 0 } /*# sourceMappingURL=style.css.map */