/*  font Import */
@import url('/web/20161021001735cs_/http://8tharmy.korea.army.mil/site/lib/font-awesome/css/font-awesome.css');
@import url(https://webarchive.library.unt.edu/web/20161021001735cs_/https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
@import url(https://webarchive.library.unt.edu/web/20161021001735cs_/https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);
@import url(https://webarchive.library.unt.edu/web/20161021001735cs_/https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden

Columns - Michael Eisenbraun (http://eisenbraun.github.io/columns/)
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014, Michael Eisenbraun
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}


body {
  font: normal 0.938em/1.625 Open Sans, sans-serif
}

h1 {
  font: 600 1.875em/1.333 Montserrat, sans-serif
}

@media (min-width:481px) and (max-width:699px) {
  h1 {
    font: 600 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:700px) and (max-width:768px) {
  h1 {
    font: 600 2.375em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:769px) and (max-width:992px) {
  h1 {
    font: 600 2.375em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h1 {
    font: 600 3em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h1 {
    font: 600 3em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h1 {
    font: 600 3em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1601px) {
  h1 {
    font: 600 3em/1.25 Montserrat, sans-serif
  }
}

h2 {
  font: 700 1.875em/1.333 Montserrat, sans-serif
}

@media (min-width:700px) and (max-width:768px) {
  h2 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:769px) and (max-width:992px) {
  h2 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h2 {
    font: 700 2.375em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h2 {
    font: 700 2.375em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h2 {
    font: 700 2.375em/1.25 Montserrat, sans-serif
  }
}

@media (min-width:1601px) {
  h2 {
    font: 700 2.375em/1.25 Montserrat, sans-serif
  }
}

h3 {
  font: 700 1.375em/1.5 Montserrat, sans-serif
}

@media (min-width:700px) and (max-width:768px) {
  h3 {
    font: 700 1.875em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:769px) and (max-width:992px) {
  h3 {
    font: 700 1.875em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h3 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h3 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h3 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

@media (min-width:1601px) {
  h3 {
    font: 700 2.25em/1.333 Montserrat, sans-serif
  }
}

h4 {
  font: 700 1.313em/1.4 Montserrat, sans-serif
}

@media (min-width:700px) and (max-width:768px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

@media (min-width:769px) and (max-width:992px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

@media (min-width:1601px) {
  h4 {
    font: 700 1.375em/1.5 Montserrat, sans-serif
  }
}

h5,
nav label,
nav ul li a,
p.large {
  font: 700 0.938em/1.625 Montserrat, sans-serif
}

@media (min-width:700px) and (max-width:768px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

@media (min-width:769px) and (max-width:992px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

@media (min-width:1601px) {
  h5,
  nav label,
  nav ul li a,
  p.large {
    font: 700 1.125em/1.4 Montserrat, sans-serif
  }
}

section {
  overflow: hidden
}

h4 {
  margin: 50px 0 40px
}

h4.subhead {
  margin-top: 0
}

h4:after {
  background: #fec325;
  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
}

h2, h3, h4, h5 {
  transition: font-size .25s ease;
  text-align: center
}

@media (min-width:769px) and (max-width:992px) {
  h2, h3, h4, h5 {
    text-align: left
  }
}

@media (min-width:993px) and (max-width:1155px) {
  h2, h3, h4, h5 {
    text-align: left
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  h2, h3, h4, h5 {
    text-align: left
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  h2, h3, h4, h5 {
    text-align: left
  }
}

@media (min-width:1601px) {
  h2, h3, h4, h5 {
    text-align: left
  }
}

p {
  font: 400 0.938em/1.625 Open Sans, sans-serif
}

p.small {
  font: 400 .813em/1.5 Open Sans, sans-serif
}

@media (min-width:769px) and (max-width:992px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

@media (min-width:700px) and (max-width:768px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

@media (min-width:993px) and (max-width:1155px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

@media (min-width:1601px) {
  p.small {
    font: 400 .875em/1.5 Open Sans, sans-serif
  }
}

p.author {
  font: 400 .875 Open Sans, sans-serif
}

a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

p > a {
  font-weight: 500;
}

a:hover {
  text-decoration: underline;
}

ol, p, ul {
  line-height: 1.625em;
  margin-bottom: 1.25em
}

ol:last-child,
p:last-child,
ul:last-child {
  margin-bottom: 0
}

hr {
  margin: 1.75em 0
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

.white {
  color: #fff
}

.gold {
  color: #fec325
}

.army-black {
  color: #231f20
}

.white-background {
  background-color: #fff
}

.gold-background {
  background-color: #fec325
}

.army-black-background {
  background-color: #231f20
}

.dark-camo {
  color: #333c33
}

.medium-camo {
  color: #83847a
}

.light-camo {
  color: #bfb8ab
}

.dark-camo-background {
  background-color: #333c33
}

.medium-camo-background {
  background-color: #83847a
}

.light-camo-background {
  background-color: #bfb8ab
}

.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);
  transition: opacity .25s ease, height .25s ease, min-height .25s ease, max-height .25s ease, visibility .5s linear
}

.oldie-warning {
  background-color: #f2d4df;
  border: 1px solid #aaa;
  font-size: 1.3em;
  line-height: normal;
  margin: 0 20px 50px;
  padding: 30px 4% 30px 8%;
  position: relative
}

.oldie-warning a {
  font-weight: 700;
  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: 700;
  margin: 0;
  left: 0;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 50px;
  width: 8%
}

.clearfix:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

/*  Basic Grid System */

.row {
  margin-left: -15px;
  margin-right: -15px;
  zoom: 1
}

.row:after,
.row:before {
  content: "";
  display: table
}

.row:after {
  clear: both
}

.container-fixed {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  zoom: 1
}

.container-fixed:after,
.container-fixed:before {
  content: "";
  display: table
}

.container-fixed:after {
  clear: both
}

.container .inner-container h2:first-child, .container .inner-container :first-child h2:first-child {
margin-top: 0;
}
.container .inner-container h3:first-child, .container .inner-container :first-child h3:first-child {
margin-top: 0;
}
.container .inner-container h4:first-child, .container .inner-container :first-child h4:first-child {
    margin-top: 0;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.span1 {
  width: 8.3333333333%
}

.span1,
.span2 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span2 {
  width: 16.6666666667%
}

.span3 {
  width: 25%
}

.span3,
.span4 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span4 {
  width: 33.3333333333%
}

.span5 {
  width: 41.6666666667%
}

.span5,
.span6 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span6 {
  width: 50%
}

.span7 {
  width: 58.3333333333%
}

.span7,
.span8 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span8 {
  width: 66.6666666667%
}

.span9 {
  width: 75%
}

.span9,
.span10 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span10 {
  width: 83.3333333333%
}

.span11 {
  width: 91.6666666667%
}

.span11,
.span12 {
  float: left;
  padding-left: 15px;
  padding-right: 15px
}

.span12 {
  width: 100%
}

*,
:after,
:before {
  box-sizing: border-box
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin: 50px auto;
  overflow: hidden;
  zoom: 1;
}

.container:after,
.container:before {
  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
  }
}

/*  Fixed Header  */

header *,
header *::after,
header *::before {
  box-sizing: content-box;
}

header {
  width: 100%;
  max-height: 100%;
  min-height: 50px;
  position: fixed;
  top: 0;
  z-index: 100;
}

header .navbar {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 100%;
  z-index: 2;
}

header .navbar-container {
  height: 44px;
  background-color: #1d181f;
  border-bottom: 6px solid #36424a;
}

header .navbar-container .nav-logo {
  position: absolute;
  top: 4px;
  left: 55px;
  display:block;
  cursor: pointer;
  height: 35px;
}

header .navbar-container .nav-logo img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

header .navbar-container button {
  padding: 0;
  background: 0;
  border: 0;
  cursor: pointer;
  letter-spacing: -1px;
}

header .navbar-container .nav-button,
header .navbar-container .search-button {
  display: block;
  width: 50px;
  height: 44px;
  vertical-align: middle;
}

header .navbar-container .nav-button {
  float: left;
  border-right: 1px solid #36424a;
}

header .navbar-container .search-button {
  float: right;
  color: white;
  font-size: 18px;
  border-left: 1px solid #36424a;
}

header .navbar-container .menu-button .bar1,
header .navbar-container .menu-button .bar2,
header .navbar-container .menu-button .bar3 {
  margin: 5px auto;
  width: 24px;
  height: 4px;
  background-color: white;
  transition: 0.4s;
}

header .navbar-container .menu-button.close-button .bar1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
  transform: rotate(-45deg) translate(-7px, 6px);
}

header .navbar-container .menu-button.close-button .bar2 {
  opacity: 0;
}

header .navbar-container .menu-button.close-button .bar3 {
  -webkit-transform: rotate(45deg) translate(-7px, -6px);
  transform: rotate(45deg) translate(-7px, -6px);
}

header .nav-window {
  overflow-y: hidden;
  position: fixed;
  top: 50px;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #1a1a1a;
  z-index: 2;
}

header .nav-window.menu-window {
  overflow: hidden;
  transition: 0.25s;
}

header .nav-window.menu-window.open-window {
  overflow: auto;
  height: 100%;
  width: 260px;
}

header.scrolled-down {
  min-height: 0;
}

header.scrolled-down .navbar {
  -webkit-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  transform: translateY(-130%);
}

header ul {
  line-height: 1.375em;
}

header .menu-container {
  overflow: hidden;
  margin: 0 0 60px;
  padding: 15px 15px 30px;
}

header .menu-container ul li {
  border-bottom: 1px solid #333;
}

header .menu-container ul li a.menu-item {
  display: block;
  position: relative;
  padding: 25px 10px;
  color: #ccc;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-decoration: none;
  -webkit-text-size-adjust: none;
}

header .menu-container ul li a {
  outline: 0 none;
}

header .menu-container ul li a.menu-item span {
  position: absolute;
  top: 26px;
  right: 12px;
  height: 18px;
  width: 12px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -305px 5px;
}

header .menu-container ul li ul {
  display: none;
  padding: 18px 0;
}

header .menu-container ul li ul li {
  border-bottom-width: 0;
}

header .menu-container ul li ul li a {
  display: inline-block;
  padding: 8px 0 8px 8px;
  color: #ccc;
  font-size: 0.875em;
  text-decoration: none;
  transition: color .2s linear 0s;
}

header .menu-container ul li.expanded ul {
  display: block;
}

header .menu-container ul li.expanded a.menu-item {
  border-bottom: 1px solid #333;
}

header .menu-container ul li.expanded a.menu-item span {
  background-position: -318px 10px;
}

header .menu-container ul li.social {
  overflow: hidden;
  max-height: 81px;
  background: none;
  border-bottom-width: 0;
  padding: 0;
}

header .menu-container ul li.social ul {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 18px 0 8px;
  text-align: center;
}

header .menu-container ul li.social ul li {
  display: inline-block;
}

header .menu-container ul li.social ul li a {
  line-height: 0;
  padding: 15px 4px;
  width: 28px;
  text-align: center;
}

header .social .social-button a {
  display: block;
  line-height: 0;
  padding: 15px 16px;
  width: 37px;
}

header .menu-container .quicklink a {
  width: 100%;
  background-color: #333;
  color: #ccc;
  float: left;
  font-size: .813em;
  font-weight: 600;
  margin: 0 10px 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

header .menu-container .quicklink a span {
  display: inline-block;
  margin: 0 auto;
  padding: 25px 0;
}


header .nav-button span {
  display: block;
  margin: 10px auto;
  height: 24px;
  width: 24px;
}

header .nav-button.search-button {
  border-width: 0 0 0 1px;
  right: 0;
}

header .nav-button.search-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -259px 0;
}

header .nav-window.search-window {
  top: -70px;
  height: 90px;
}

header .nav-window.open-window {
  top: 50px;
}

header .nav-window.search-window.open-window {
  width: 100%;
}

header .nav-button.close-button span {
  width: 20px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -284px 1px;
}

header .search-form-container {
  position: relative;
  padding: 30px 50px 15px 50px;
  line-height: 58px;
}

header .search-form-container div {
  height: 0;
  width: 0;
}

header .search-form-container input.search-autocomplete {
  padding: 5px;
  width: -o-calc(100% - 10px);
  width: calc(100% - 10px);
  color: #4c4c4c;
  font: 15px Overpass, sans-serif;
  border: 0 none;
}

header .search-form-container .search-submit-button {
  height: 24px;
  width: 24px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -259px 0;
  cursor: pointer;
  border: 0 none;
}

header .search-form-container .search-submit-button {
  position: absolute;
  right: 19px;
  top: 33px;
  padding: 0;
}

body.menu-open, html.menu-open {
  overflow: hidden;
}

.navbar.menu-fixed{
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

@media (max-width:480px) {
  header .nav-window.menu-window {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }

  header .nav-window.menu-window.open-window {
    width: 100%;
  }
}

/*  Page Banner  */

.page-banner {
  padding: 1px 0;
  background-color: #231f20;
  color: #fff;
}

.page-banner * {
  box-sizing: border-box;
}

.page-banner .container {
  position: relative;
  margin: 50px auto 0;
}

.page-banner .container .logo {
  position: absolute;
  top: 35px;
  right: 30px;
  bottom: 35px;
  width: 200px;
  text-align: right;
}

.page-banner .container .logo img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.page-banner .container .inner-container {
  display: table;
  margin: 35px 0;
  width: 100%;
}

.page-banner .container .inner-container.search {
  margin: 100px 0;
}

.page-banner .container .inner-container .left-container {
  display: table-cell;
  padding-right: 250px;
  height: 175px;
  vertical-align: middle;
}

.page-banner .container .inner-container .max-width-container {
  max-width: 450px;
}

.page-banner h1 {
  color: #fec325;
  font: 700 2.25em/1.125em Montserrat, sans-serif;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 3px;
}

.page-banner span {
  display: block;
  margin: 0;
  padding: .4em 0 0;
  letter-spacing: 0.2px;
}

.page-banner .container ul.social-links {
  margin-top: 1em;
  padding-top: .8em;
  border-top: 1px solid;
}

.page-banner .container ul.social-links li {
  display: inline-block;
  position: relative;
  padding: 5px;
}

.page-banner .container ul.social-links li.social-button a span {
  display: block;
}

.page-banner.full-banner {
  overflow: hidden;
  position: relative;
  height: 350px;
  width: 100%;
  z-index: 1;
}

.page-banner.full-banner .container {
  height: 100%;
}

.page-banner.full-banner .inner-container {
  margin: 0;
}

.page-banner.full-banner .container .spacer {
  display: inline-block;
  height: 10%;
  width: 0px;
  vertical-align: bottom;
}

.page-banner.full-banner .container img {
  display: block;
  margin: 0 0 20px;
  max-height: 100px;
}

.page-banner.full-banner .full-width-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-site-template/default/images/bn-01.jpg) no-repeat;
  background-position: center top;
  background-attachment: fixed;
}

.page-banner.full-banner .full-width-image .overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3) url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/line-v.png) repeat;
}

/*
.page-banner.full-banner .full-width-image .overlay.to-right {
    background: transparent;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, transparent 50%);
    background: -o-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 50%);
    background: -moz-linear-gradient(right, rgba(0,0,0,0.8) 0%, transparent 50%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, transparent 50%);
}

.page-banner.full-banner .full-width-image .overlay.to-left {
    background: transparent;
    background: -webkit-linear-gradient(right, rgba(0,0,0,0.65) 0%, transparent 30%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%, transparent 30%);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, transparent 30%);
    background: linear-gradient(to left, rgba(0,0,0,0.65) 0%, transparent 30%);
}*/

@media (max-width:370px) {
  .page-banner h1 {
    font: 700 1.625em/1em Montserrat, sans-serif;
    text-align: center;
  }

  .page-banner.full-banner .container .spacer {
    height: 8%;
  }
}

@media (min-width:371px) and (max-width:480px)  {
  .page-banner h1 {
    font: 700 1.875em/1.125em Montserrat, sans-serif;
    text-align: center;
  }

  .page-banner.full-banner .container .spacer {
    height: 10%;
  }
}

@media (max-width:480px) {
  .page-banner .container .inner-container {
    display: block;
    width: auto;
  }

  .page-banner .container .inner-container.search {
    margin: 60px 0;
  }

  .page-banner .container .inner-container .left-container {
    display: block;
    text-align: center;
    height: auto;
    padding-right: 0;
  }

  .page-banner .container .inner-container .max-width-container {
    margin: 0 auto;
  }

  .page-banner.full-banner .container img {
    margin: 0 auto 20px;
  }

}

@media (min-width:481px) and (max-width:699px) {
  .container .spacer {
    height: 10%;
  }

  .page-banner .container .inner-container {
    display: block;
    width: auto;
  }

  .page-banner .container .inner-container .left-container {
    display: block;
    text-align: center;
    height: auto;
    padding-right: 0;
  }

  .page-banner .container .inner-container .max-width-container {
    margin: 0 auto;
  }

  .page-banner.full-banner .container img {
    margin: 0 auto 20px;
  }

  .page-banner h1 {
    text-align: center;
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  .page-banner.full-banner .full-width-image  {
    background-size: 100%;
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  .page-banner.full-banner .full-width-image  {
    background-size: 100%;
  }
}

@media (min-width:1601px) {
  .page-banner.full-banner .full-width-image  {
    background-size: 100%;
  }
}


/*  Navigation  */

nav {
  position: relative;
  background: #e1e6ea;
  z-index: 1;
}

nav .subnav-container {
  overflow: hidden;
  max-height: 50px;
}

nav .subnav-inner {
  position: relative;
  max-height: 100px;
}

nav .subnav-container ul {
  overflow: hidden;
  white-space: normal;
}

nav ul {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-user-select: none;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  text-align: center;
}

nav .subnav-container ul.container {
  margin: 0 auto;
}

nav ul:before {
  background-color: #b5c1c9;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

nav ul li {
  display: inline-block;
  margin: 0 25px;
}

nav ul li a {
  display: block;
  position: relative;
  line-height: 50px;
  text-transform: uppercase;
}

nav ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background: #fec325;
  z-index: 2;
}

nav ul li a:after {
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

nav ul li.active a:after {
  width: 100%;
}

nav ul li a:hover {
  text-decoration: none;
}

nav ul li.active a:after {
  width: 100%;
}

nav .subnav-inner .subnav-toggle {
  position: absolute;
  bottom: 50px;
  left: -15px;
  right: -15px;
  max-height: 50px;
  background-color: #e1e6ea;
  font: 700 1em/50px Montserrat, sans-serif;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 2;
}

nav .subnav-inner .subnav-toggle:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #b5c1c9;
}

nav .subnav-inner .subnav-toggle:after {
  content: "";
  display: inline-block;
  margin: 2px 0 2px 10px;
  height: 8px;
  width: 11px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -169px -50px;
}

@media (max-width:480px) {
  .subnav-container.show .subnav-inner li {
    padding: 0;
    margin: 5px;
    width: calc(100% - 15px);
    white-space: nowrap;
    text-align: center;
  }

}

@media (min-width:481px) and (max-width: 992px) {
  .subnav-container.show .subnav-inner li {
    padding: 0;
    margin: 5px;
    width: calc(50% - 15px);
    white-space: nowrap;
    text-align: center;
  }
}

@media (max-width: 992px) {
  .subnav-container.show {
    max-height: none;
  }
  .subnav-container.show .subnav-inner {
    padding: 70px 0 20px;
    height: auto;
    max-height: none;
    background: #f2f2f2;
  }
  .subnav-container.show .subnav-toggle {
    top: 0;
    bottom: auto;
  }
  .subnav-container.show .subnav-inner ul:before {
    background-color: transparent;
  }

  .subnav-container.show .subnav-inner li a {
    padding: 3px 20px 0;
    line-height: 47px;
    text-align: center;
    background: #fff;
    border: 1px solid #b3b3b3;
    transition: background .25s ease;
  }
  .subnav-container.show .subnav-inner li.active a {
    background-color: #fec325;
  }
  .subnav-container.show .subnav-toggle::after {
    background-position: -181px -50px;
  }
  .subnav-container ul li.active a::after {
    display: none;
  }
}

/*  Footer  */

footer {
  background: #1d181f;
  bottom: 0;
  left: 0;
  padding: 30px 0;
  position: fixed;
  width: 100%;
  z-index: 0;
}

footer section {
  margin: 0;
}

footer .footer-bottom {
  font-size: .84em;
  padding: 0;
  /*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;
  position: relative;
  text-decoration: none;
}

@media (max-width:699px) {
  footer {
    padding: 20px 0;
  }
  footer .footer-bottom ul li {
    display: block;
  }
}


/*  Contents  */

.main {
  background: #fff;
  margin-bottom: 5.0em;
  overflow: hidden;
  z-index: 1;
  position: relative;
}


@media (max-width:699px) {
  .main {
    margin-bottom: 9em;
  }
}


/*  News Page  */

.news {
  overflow: hidden
}

.news ul {
  margin-left: -15px;
  margin-right: -15px;
  zoom: 1
}

.news ul:after,
.news ul:before {
  content: "";
  display: table
}

.news ul:after {
  clear: both;
}

.news ul li {
  margin: 30px 0 0;
}

.news ul li.hidden {
  margin: 0;
}

.news ul li a {
  display: block;
  position: relative;
}

.news ul li a:focus,
.news ul li a:hover {
  text-decoration: none;
}

.news ul li img {
  bottom: -2000px;
  margin: auto;
  position: absolute;
  top: -2000px;
  width: 100%;
  transition: -webkit-filter .25s ease, opacity .25s ease, filter .25s ease, opacity .25s ease;
}

.news ul li .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #030000;
  height: 0;
  padding: 66.25% 0 0;
  position: relative;
  z-index: 0;
}

.news ul li .image:after,
.news ul li .image:before {
  content: "";
  display: table
}

.news ul li .image:after {
  clear: both
}

.news ul li .date {
  font: 700 .813em Open Sans, sans-serif;
  display: block;
  margin: -9px 0 0;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.news ul li .date span {
  background-color: #fec325;
  padding: 15px 30px
}

.news ul li .title {
  color: #4c4c4c;
  display: block;
  font: 400 0.938em/1.3em Open Sans, sans-serif;
  padding: 33px 15px 20px;
  text-align: center
}

.news ul li .title:after {
  background: #fec325;
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  transition: width .25s ease
}

.news .headlines ul li {
  margin: 0 0 25px;
  overflow: hidden;
  width: 100%;
}

.news .headlines ul li .date {
  float: left;
  color: #7f7f7f;
  font: 600 0.938em/1.375em "Open Sans", sans-serif;
  text-transform: uppercase;
}

.news .headlines ul li .date {
  margin: 0;
  width: 130px;
  text-align: left;
}

.news .headlines ul li a {
  float: left;
  font: 600 0.938em/1.375em "Open Sans", sans-serif;
  padding-right: 19px;
  text-decoration: none;
}

.hightlight {
  background: #e5e5e5;
  overflow: hidden;
}

.hightlight ul {
  margin-left: -15px;
  margin-right: -15px;
  zoom: 1
}

.hightlight .leader-blocks ul li .title {
  font-weight: 600;
  color: #fec325;
}

.hightlight .leader-blocks ul li {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 20%;
  color: #fff;
  text-align: center;
}


@media (max-width:480px) {
  .news {
    max-width: 446px;
    margin: 0 auto
  }

  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 15px;
  }

  .news ul li:first-child {
    margin-top: 0
  }

  .news .headlines ul li .date {
    margin: 0;
    width: 100%;
  }

  .hightlight .container{
    max-width: 446px;
  }
}

@media (min-width:481px) and (max-width:699px) {
  .news {
    max-width: 446px;
    margin: 0 auto
  }

  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 15px;
  }

  .news ul li:first-child {
    margin-top: 0
  }

  .news .headlines ul li .date {
    margin: 0;
    width: 100%;
  }


  .hightlight .container{
    max-width: 446px;
  }
}

@media (min-width:700px) and (max-width:768px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }

  .news ul li:nth-child(2n+3) {
    clear: left
  }

  .news ul li:nth-child(-n+2) {
    margin-top: 0
  }

  .news .headlines ul li .date {
    margin: 0;
    width: 100%;
  }
}

@media (min-width:769px) and (max-width:992px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }

  .news ul li:nth-child(2n+3) {
    clear: left
  }

  .news ul li:nth-child(-n+2) {
    margin-top: 0
  }

  .news ul li a:focus img,
  .news ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-filter: grayscale(75%);
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    opacity: .7;
  }

  .news ul li a:focus .title:after,
  .news ul li a:hover .title:after {
    width: 100%;
  }
}

@media (min-width:993px) and (max-width:1155px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333333333%
  }

  .news ul li:nth-child(3n+4) {
    clear: left
  }

  .news ul li:nth-child(-n+3) {
    margin-top: 0
  }

  .news ul li .date {
    font: 700 .875em Open Sans, sans-serif
  }

  .news ul li .title {
    font: 400 1.125em/1.4em Open Sans, sans-serif
  }

  .news ul li a:focus img,
  .news ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-filter: grayscale(75%);
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    opacity: .7;
  }

  .news ul li a:focus .title:after,
  .news ul li a:hover .title:after {
    width: 100%;
  }
}

@media (min-width:1156px) and (max-width:1210px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333333333%
  }

  .news ul li:nth-child(3n+4) {
    clear: left
  }

  .news ul li:nth-child(-n+3) {
    margin-top: 0
  }

  .news ul li .date {
    font: 700 .875em Open Sans, sans-serif
  }

  .news ul li .title {
    font: 400 1.125em/1.4em Open Sans, sans-serif
  }
  .news ul li a:focus img,
  .news ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-filter: grayscale(75%);
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    opacity: .7;
  }

  .news ul li a:focus .title:after,
  .news ul li a:hover .title:after {
    width: 100%;
  }
}

@media (min-width:1211px) and (max-width:1600px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333333333%
  }

  .news ul li:nth-child(3n+4) {
    clear: left
  }

  .news ul li:nth-child(-n+3) {
    margin-top: 0
  }

  .news ul li .date {
    font: 700 .875em Open Sans, sans-serif
  }

  .news ul li .title {
    font: 400 1.125em/1.4em Open Sans, sans-serif
  }
  .news ul li a:focus img,
  .news ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-filter: grayscale(75%);
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    opacity: .7;
  }

  .news ul li a:focus .title:after,
  .news ul li a:hover .title:after {
    width: 100%;
  }
}

@media (min-width:1601px) {
  .news ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333333333%
  }

  .news ul li:nth-child(3n+4) {
    clear: left
  }

  .news ul li:nth-child(-n+3) {
    margin-top: 0
  }

  .news ul li .date {
    font: 700 .875em Open Sans, sans-serif
  }

  .news ul li .title {
    font: 400 1.125em/1.4em Open Sans, sans-serif
  }
  .news ul li a:focus img,
  .news ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-filter: grayscale(75%);
    -webkit-filter: grayscale(75%);
    filter: grayscale(75%);
    opacity: .7;
  }

  .news ul li a:focus .title:after,
  .news ul li a:hover .title:after {
    width: 100%;
  }
}


/*  About Page  */

.leaders li {
  overflow: hidden;
  position: relative;
  margin: 0 0 30px;
  border: 2px solid #7f7f7f;
}

.leaders li .leaders-img {
  float: left;
  margin: 30px;
  max-width: 100px;
}

.leaders li .leaders-text {
  display: block;
  padding: 30px 200px 30px 30px;
}

.leaders li .leaders-text .leaders-heading {
  margin: 0 0 10px;
  color: #57584f;
  font: 400 0.938em Open Sans, sans-serif;
  text-transform: uppercase;
}

.leaders li .leaders-text span {
  display: block;
}

.leaders li .leaders-text .leaders-title {
  color: #000;
  font: 700 1.188em Open Sans, sans-serif;
}

.leaders li .leaders-bio {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -25px;
  padding: 0;
}

aside {
  float: right;
  margin: 0 0 25px 25px;
  max-width: 200px;
  width: 100%;
}

aside img.profile-image, aside img.crest-image  {
  max-width: 100%;
  width: 100%;
}

.leader-blocks {
  overflow: hidden;
}

.leader-blocks ul li {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
  color: #fff;
  text-align: center;
}

.leader-blocks ul li a {
  display: block;
  margin: 0 auto;
  text-decoration: none;
  /*max-width: 270px;*/
}

.leader-blocks ul li .image {
  display: block;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding: 100% 0 0;
  background: #030000;
  z-index: 0;
}

.leader-blocks ul li .image img {
  /*bottom: auto;
  top: 0;
  left: 0;
  right: 0;*/
  left: 50%;
  margin-left: -50%;
}

.leader-blocks ul li img {
  bottom: -2000px;
  margin: auto;
  position: absolute;
  top: -2000px;
  width: 100%;
  -webkit-transition: filter 0.25s ease, opacity 0.25s ease;
  -moz-transition: filter 0.25s ease, opacity 0.25s ease;
  -o-transition: filter 0.25s ease, opacity 0.25s ease;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.leader-blocks ul li a:focus img, .leader-blocks ul li a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-filter: grayscale(75%);
  -webkit-filter: grayscale(75%);
  filter: grayscale(75%);
  opacity: .7;
}

.leader-blocks ul li .title {
  font: 400 0.875em Open Sans, sans-serif;
  margin: 17px 0 0;
  text-transform: uppercase;
  display: block;
}

.leader-blocks ul li .name {
  font: 600 1.125em/1.4em Open Sans, sans-serif;
  display: block;
  height: 50px;
}


@media (max-width:480px) {
  .leaders li .leaders-img {
    display: none;
  }

  .leaders li .leaders-text {
    padding: 30px;
    text-align: center;
  }

  .leaders li .leaders-bio {
    display: block;
    margin: 0 auto;
    padding: 0 30px 30px;
    position: static;
    text-align: center;
  }

  aside {
    margin: 0 auto 25px;
    max-width: 100%;
  }

  aside img.profile-image {
    margin: 0;
  }

  aside img.crest-image {
    margin: 0;
  }

  .leader-blocks ul li,
  .hightlight .leader-blocks ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-bottom: 30px;
  }
  .leader-blocks ul li .image {
    padding: 66.25% 0 0;
  }
}

@media (min-width:481px) and (max-width:699px) {
  .leaders li .leaders-img {
    display: none;
  }
  .leader-blocks ul li,
  .hightlight .leader-blocks ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 30px;
  }
  .leader-blocks ul li .image {
    padding: 66.25% 0 0;
  }
}

@media (min-width:700px) and (max-width:768px) {
  .leader-blocks ul li,
  .hightlight .leader-blocks ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3%;
    margin-bottom: 30px;
  }
  .leader-blocks ul li .image {
    padding: 75% 0 0;
  }
}

@media (min-width:769px) and (max-width:992px) {
  .leader-blocks ul li,
  .hightlight .leader-blocks ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3%;
    margin-bottom: 30px;
  }
  .leader-blocks ul li .image {
    padding: 75% 0 0;
  }
}


/*  Video & Photo Pages  */

.videos-section ul,
.image-section ul {
  margin-left: -15px;
  margin-right: -15px;
}

.videos-section ul li,
.image-section ul li {
  margin: 30px 0 0;
}

.videos-section ul li a,
.image-section ul li a {
  display: block;
}

.videos-section ul li a,
.image-section ul li a {
  position: relative;
  text-decoration: none;
}

.videos-section ul li .image,
.image-section ul li .image {
  overflow: hidden;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 56.25% 0 0;
  height: 0;
  background: #030000;
  z-index: 0;
}

.videos-section ul li img,
.image-section ul li img {
  position: absolute;
  bottom: -2000px;
  top: -2000px;
  margin: auto;
  width: 100%;
  -webkit-transition: filter 0.25s ease, opacity 0.25s ease;
  -moz-transition: filter 0.25s ease, opacity 0.25s ease;
  -o-transition: filter 0.25s ease, opacity 0.25s ease;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.videos-section ul li a:hover img,
.image-section ul li a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-filter: grayscale(75%);
  -webkit-filter: grayscale(75%);
  filter: grayscale(75%);
  opacity: .7;
}

.videos-section ul li a:before,
.image-section ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  height: 4px;
  background: #ffc423;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 1000;
}

.videos-section ul li a:hover:before,
.image-section ul li a:hover:before {
  right: 0;
}

.videos-section ul li .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -24px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -206px -25px;
  z-index: 2;
}

.videos-section ul li .image:after,
.image-section ul li .image:after {
  clear: both;
}

.videos-section ul li .title,
.image-section ul li .title {
  display: block;
  font: 400 1em/1.4em "open sans", sans-serif;
  padding: 20px 15px;
  color: #4c4c4c;
  text-align: center;
}

.overlay-video,
.overlay-image {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
}

.overlay-image {
  overflow-y: auto;
}

.overlay-video.show-overlay,
.overlay-image.show-overlay {
  display: block;
}

.overlay-video .v-overlay,
.overlay-image .img-overlay {
  height: 100%;
  width: 100%;
  opacity: 0.85;
  filter: alpha(opacity=85);
  background-color: #000000;
}

.overlay-video .v-player,
.overlay-image .img-box {
  position: absolute;
  margin: auto;
}

.overlay-video .v-player {
  top: 50px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  margin: auto;
  max-width: 952px;
  max-height: 550px;
}

.overlay-image .img-box {
  top: 50px;
  bottom: 50px;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
}

.overlay-video .v-close,
.overlay-image .img-close {
  position: absolute;
  top: -50px;
  right: 0;
  padding: 12px;
  cursor: pointer;
  z-index: 1;
}

.overlay-video .v-close span,
.overlay-image .img-close span {
  display: block;
  height: 24px;
  width: 20px;
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -284px 0;
}

.overlay-video .v-player-inner,
.overlay-image .img-open-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.overlay-video .v-player-inner {
  background-color: #000000;
}

.overlay-video .v-player iframe,
.overlay-video .v-player .v-player-video {
  width: 100%;
  height: 100%;
}

.img-box .inner-container {
  bottom: 0;
  left: 0;
  margin: 50px;
  overflow: visible;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: auto;
}

.img-box .inner-container .full-height {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.overlay-image .img-open-inner img {

  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.overlay-image .img-box .caption {
  position: fixed;
  bottom: 0px;
  right: 0;
  left: 0;
}

.overlay-image .img-box .caption p {
  margin: 0 auto;
  padding: 15px;
  max-width: 1020px;
  color: #fff;
  text-align: center
}

.overlay-image .img-box a.img-button {
  display: block;
  position: absolute;
  top: 50%;
  margin: -25px 0 0;
  padding: 20px;
  text-align: center;
  z-index: 1;
}

.overlay-image .img-box a#next.img-button {
  right: 0;
}

.overlay-image .img-box a#prev.img-button {
  left: 0;
}

.overlay-image .img-box a.img-button span {
  display: block;
  height: 12px;
  width: 10px;
}

.overlay-image .img-box a#next.img-button span {
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -112px -50px;
}

.overlay-image .img-box a#prev.img-button span {
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -122px -50px;
}

#image-modal .img-close {
  padding: 30px 30px 15px;
}
#image-modal .img-box .download {
  position: absolute;
  top: -50px;
  left: calc(50% - 34px);
  padding: 30px 15px 15px;
}
#image-modal .img-box a.download span.download-button {
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -30px -71px;
  display: block;
  height: 22px;
  width: 22px;
}
#image-modal .img-box a.download:hover span.download-button{
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -94px -71px;
}
#image-modal div.share {
  padding: 30px 12px 12px;
  position: absolute;
  left: calc(50% + 18px);
  top: -50px;
  cursor: pointer;
}
#image-modal div.share span.share-button {
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -160px -71px;
  display: block;
  height: 22px;
  width: 22px;
}
#image-modal div.share:hover span.share-button {
  background: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat -182px -71px;
}

@media (max-width:699px) {
  #image-modal .share-box {
    position: absolute;
    left: calc(50% + 15px);
    padding: 0 14px;
    top: 5px;
    z-index: 3;
    background-color: #030000;
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    transition: margin-top .2s linear 0s,opacity .2s linear 0s;
  }
  #image-modal .share-box ul li {
    padding: 10px 0;
    display: block;
  }
  #image-modal .share-box.opacity-zero {
    margin-left: 0px;
    margin-top: -15px;
    transition: margin-top .2s linear 0s,opacity .2s linear 0s;
  }
}
@media (min-width:700px) {
  #image-modal .share-box {
    padding: 28px 15px 15px 0;
    text-align: center;
    width: auto;
    position: absolute;
    top: -50px;
    left: calc(50% + 60px);
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    transition: margin-left .2s linear 0s,opacity .2s linear 0s;
  }
  #image-modal .share-box ul li {
    display: inline-block;
    padding: 0 15px;
  }
  #image-modal .share-box.opacity-zero {
    margin-left: -25px;
    margin-top: 0;
    transition: margin-left .2s linear 0s,opacity .2s linear 0s;
  }
}

#image-modal .share-box ul {
  display: inline-block;
  font-size: 0;
}

#image-modal .share-box ul li a {
  cursor: pointer;
}
#image-modal .share-box.opacity-zero {
  opacity: 0;
  pointer-events: none;
  visibility: hidden\9;
}

/*
.overlay-image .img-box .download {
  position: absolute;
  bottom: -50px;
  right: 0;
  padding: 12px;
}

.overlay-image .img-box .download a {
  display: block;
  width: 40px;
  height: 40px;
  transition: all 0.3s ease;
  padding: 7px;
  color: #555;
  font-size: 28px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  opacity: 0.6;
}

.overlay-image .img-box .download a:hover {
  opacity: 1;
}
*/
#page {
  display: none;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -50px 0 -50px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #555;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width:480px) {
  .videos-section .container,
  .image-section .container {
    max-width: 446px;
  }

  .videos-section ul li,
  .image-section ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    width: 100%;
  }

  .videos-section ul li:first-child,
  .image-section ul li:first-child {
    margin-top: 0;
  }

  #video-modal.overlay-video .v-player {
    left: 3px;
    right: 3px;
    max-height: 300px;
  }

  .overlay-image .img-box .caption {
    bottom: 0px;
  }
}

@media (min-width:481px) and (max-width:699px) {
  .videos-section .container,
  .image-section .container {
    max-width: 446px;
  }

  .videos-section ul li,
  .image-section ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 15px;
  }

  .videos-section ul li:first-child,
  .image-section ul li:first-child {
    margin-top: 0;
  }

  #video-modal.overlay-video .v-player {
    left: 3px;
    right: 3px;
    max-height: 400px;
  }

  .overlay-image .img-box .caption {
    bottom: 0px;
  }
}

@media (min-width:700px) and (max-width:768px) {
  .videos-section .container,
  .image-section .container {
    max-width: 446px;
  }

  .videos-section ul li,
  .image-section ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-top: 15px;
  }

  .videos-section ul li:first-child,
  .image-section ul li:first-child {
    margin-top: 0;
  }

  #video-modal.overlay-video .v-player {
    left: 20px;
    right: 20px;
    margin-left: auto;
    width: auto;
    max-width: 100%;
  }

  #video-modal.overlay-video .v-player {
    max-height: 675px;
  }
}
@media (min-width:769px) and (max-width:992px) {
  .videos-section ul li,
  .image-section ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }
  .videos-section ul li:nth-child(-n+2),
  .image-section ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media (min-width:993px) {
  .videos-section ul li,
  .image-section ul li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33333%;
  }

  .videos-section ul li:nth-child(-n+3),
  .image-section ul li:nth-child(-n+3) {
      margin-top: 0;
  }

  .videos-section ul li .title, .image-section ul li .title {
    min-height: 120px;
  }
}

@media (min-width:769px) and (max-width:1240px) {
  #video-modal.overlay-video .v-player {
  	left: 20px;
  	margin-left: auto;
  	max-height: 675px;
  	max-width: 100%;
  	right: 20px;
  	width: auto;
  }
}

@media all and (min-width:1240px) {
  #video-modal.overlay-video .v-player {
    left: 50%;
    margin-left: -600px;
    max-height: 675px;
    max-width: 100%;
    right: auto;
    width: 1200px;
  }
}

/*  Reference Page  */

.accordion ul {
  padding: 0;
}

.accordion > ul > li {
  line-height: 1.375em;
  border-top: 1px solid #b3b3b3;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.accordion ul li a {
  font-weight: 400;
  position: relative;
  /*top: 2px;*/
}

.accordion > ul > li > div {
  cursor: pointer;
  display: block;
  font: 600 1.125em Open Sans, sans-serif;
  padding: 28px 45px 23px 5px;
  position: relative;
  text-transform: uppercase;
  top: 0;
}

.accordion > ul > li > div > span {
  background: #36424a;
  display: inline-block;
  height: 26px;
  margin-top: -17px;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 26px;
}

.accordion > ul > li > div > span::after,
.accordion > ul > li > div span::before {
  content: '';
  position: absolute;
  transition: transform .25s ease;
}

.accordion > ul > li > div > span::before {
  margin-left: -2px;
  margin-top: -6px;
  top: 9px;
  left: 5px;
  height: 20px;
  width: 20px;
  background-image: url('/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/angle.png');
  background-size: 20px;
  background-position: 0px 0px;
}

.accordion > ul > li > div.active > span::before {
  transform: rotate(180deg);
}

.accordion > ul > li > ul {
  max-height: 0;
  overflow: hidden;
  padding: 0 30px;
  transition: max-height .5s ease, padding .5s ease;
}

.accordion > ul > li > ul > li {
  line-height: 1.375em;
  list-style-type: disc;
  margin: 0 0 14px 18px;
  padding: 0 0 0 5px;
}

.accordion > ul > li > ul.show {
  max-height: 1000px;
  padding-bottom: 1.8em;
}

.accordion > ul > li:last-child {
  border-bottom: 1px solid #b3b3b3;
}

.resource-links {
  background-color: #e5e5e5;
  overflow: hidden;
}

.simple-list {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 1.625em;
}

.simple-list {
  zoom: 1;
}

.simple-list:last-child {
  margin-bottom: 0;
}

.simple-list ul {
  padding: 0;
}

.simple-list > ul[class$="column"] {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-bottom: 0;
}

@media (min-width:769px) {
  .simple-list > ul[class$="column"] {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 0;
  }
}

.simple-list ul li {
  line-height: 1.375em;
  list-style-type: disc;
  margin: 0 0 14px 18px;
  padding: 0 0 0 5px;
}

.simple-list ul li a {
  font-weight: 400;
  position: relative;
  top: 2px;
}


/*  Archive page */

.archives-section .container {
  margin-top: 15px;
}


/*  Upcoming Event or Notification  */
.event ul {
  margin-left: -15px;
  margin-right: -15px;
  zoom: 1;
}

.event ul:after,
.event ul:before {
  content: "";
  display: table;
}

.event ul li {
  overflow: hidden;
  margin: 0 0 10px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.event ul li .date {
  display: block;
  position: relative;
  margin: 0;
  width: 130px;
  text-align: left;
}

.event ul li .date {
  float: left;
  color: #7f7f7f;
  font: 600 0.938em/1.375em "Open Sans", sans-serif;
  text-transform: uppercase;
}

.event ul li a {
  display: block;
  position: relative;
  text-decoration: none;
}

.event ul li a {
  float: left;
  font: 600 0.938em/1.375em "Open Sans", sans-serif;
  padding-right: 19px;
}

@media (max-width: 480px) {
  .event ul li .date {
    width: 100%;
    text-align: center;
  }
  .event ul li a {
    text-align: center;
  }
}


/*  Featued links and Related Links  */
.featured-links {
  padding: 40px 0 0;
}

.featured-links ul li {
  font-weight: 400;
}

.featured-links ul li a {
  color: #57584f;
  display: inline-block;
  padding: 7px 0;
  text-decoration: none;
}

.featured-links ul li a span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -442px 0;
  display: inline-block;
  height: 10px;
  margin: 0 0 0 5px;
  width: 20px;
}

@media (min-width:769px) and (max-width:992px) {
  .featured-links ul li a span {
    left: 40px;
    margin: 0 0 3px;
    position: inherit;
    top: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: left .25s,opacity .25s;
  }
}

@media (min-width:993px) {
  .featured-links ul li a span {
    left: 40px;
    margin: 0 0 3px;
    position: inherit;
    top: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: left .25s,opacity .25s;
  }
}

/*  Default Share Button */

.social-button span {
  display: inline-block;
  height: 25px;
  width: 24px;
}

.social-button.facebook-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -55px -216px;
  margin: 0 3px;
  width: 12px;
}

.social-button.facebook-button a:hover span {
  background-position: -55px -191px;
}

.social-button.twitter-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll 0 -216px;
  width: 29px;
}

.social-button.twitter-button a:hover span {
  background-position: 0 -191px;
}

.social-button.googleplus-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -118px -216px;
  width: 36px;
}

.social-button.googleplus-button a:hover span {
  background-position: -118px -191px;
}

.social-button.pinterest-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -29px -216px;
  width: 25px;
}

.social-button.pinterest-button a:hover span {
  background-position: -29px -191px;
}

.social-button.youtube-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -155px -216px;
  width: 25px;
}

.social-button.youtube-button a:hover span {
  background-position: -155px -191px;
}

.social-button.flickr-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -93px -216px;
  width: 25px;
}

.social-button.flickr-button a:hover span {
  background-position: -93px -191px;
}

.social-button.instagram-button span {
  background: transparent url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg) no-repeat scroll -68px -216px;
  width: 25px;
}

.social-button.instagram-button a:hover span {
  background-position: -68px -191px;
}


/*Default Button*/

.btn {
  margin: 0 0 20px;
  text-align: center;
}

.btn:last-child {
  margin: 0;
}

.btn > div {
  background: #fec325;
  display: inline-block;
  margin: 0 auto;
  padding: 5px;
  position: relative;
}

.btn a,
.btn input[type="button"],
.btn input[type="submit"] {
  background-color: transparent;
  border-width: 0;
  display: block;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  min-width: 100%;
  padding: 11px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.btn span {
  background: #030000;
  position: absolute;
  transition: all .15s ease;
}

.btn span:nth-child(1) {
  left: 50%;
}

.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(5) {
  left: 0;
}

.btn span:last-child {
  left: 100%;
}

.btn span:nth-child(1),
.btn span:nth-child(2) {
  transition-delay: .3s;
}

.btn span:nth-child(1),
.btn span:nth-child(2) {
  top: 0;
}

.btn span:nth-child(1),
.btn span:nth-child(5),
.btn span:last-child {
  height: 1px;
  width: 0;
}

.btn span:nth-child(2) {
  left: 50%;
  height: 1px;
  width: 0;
}

.btn span:nth-child(3),
.btn span:nth-child(4) {
  transition-delay: .15s;
}

.btn span:last-child,
.btn span:nth-child(5) {
  bottom: 0;
  bottom: -1px;
  top: auto;
}

.btn > div:hover span:nth-child(1) {
  left: 0;
}

.btn > div:hover span:last-child {
  left: 50%;
}

.btn > div:hover span:nth-child(1),
.btn > div:hover span:nth-child(2) {
  transition-delay: 0s;
}

.btn > div:hover span:nth-child(3),
.btn > div:hover span:nth-child(4) {
  height: 100%;
  transition-delay: .15s;
}

.btn > div:hover span:last-child,
.btn > div:hover span:nth-child(5) {
  transition-delay: .3s;
}

.btn > div:hover span:last-child,
.btn > div:hover span:nth-child(1),
.btn > div:hover span:nth-child(2),
.btn > div:hover span:nth-child(5) {
  width: 50%;
}

.btn > div:hover span:last-child,
.btn > div:hover span:nth-child(5) {
  transition-delay: .3s;
}

.btn > div:hover span:last-child {
  left: 50%;
}


/*  Link hover  */

.view-more {
  color: #57584f;
  font-weight: 600;
}

.view-more:hover {
  text-decoration: none;
}

.view-more-arrow-sm {
  background: transparent url("/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/org/images/icons_v2.svg") no-repeat scroll -442px 0;
  display: inline-block;
  height: 12px;
  vertical-align: middle;
  width: 14px;
}

a span.view-more-arrow-sm {
  margin-right: -19px;
  opacity: 1;
  filter: alpha(opacity=0);
  margin-left: 5px;
  -webkit-transition: opacity 0.25s ease, margin-left 0.25s ease;
  -moz-transition: opacity 0.25s ease, margin-left 0.25s ease;
  -o-transition: opacity 0.25s ease, margin-left 0.25s ease;
  transition: opacity 0.25s ease, margin-left 0.25s ease;
}

a:hover span.view-more-arrow-sm,
a:focus span.view-more-arrow-sm {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-left: 5px;
}

@media (min-width:769px) {
  a span.view-more-arrow-sm {
    margin-right: -19px;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-left: 40px;
    -webkit-transition: opacity 0.25s ease, margin-left 0.25s ease;
    -moz-transition: opacity 0.25s ease, margin-left 0.25s ease;
    -o-transition: opacity 0.25s ease, margin-left 0.25s ease;
    transition: opacity 0.25s ease, margin-left 0.25s ease;
  }
}


/*  Alert Box  */

.alert-box {
  position: relative;
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 0.8;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert-box.success {
  background-color: #4CAF50;
}

.alert-box.info {
  background-color: #2196F3;
}

.alert-box.warning {
  background-color: #ff9800;
}

.alert-box .closebtn {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
  font-size: 32px;
  line-height: 32px;
  cursor: pointer;
  transition: 0.3s;
}


/*  Read Morea  */
#read-more {
  padding: 0;
  background: 0;
  border: 0;
  cursor: pointer;
}
#read-more:hover {
  text-decoration: underline;
}
#read-more-content {
  display: none;
}
#read-more-content.expanded {
  display:block;
}


/*  Coloumns  */

.columns .ui-table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
  background-color: transparent;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}

.columns .ui-table thead {
  display: none;
}

.columns .ui-table thead th {
  background-color: transparent;
  color: #222222;
  padding: 10px;
  border-right: solid 1px #D5D5D5;
  cursor: pointer
}

.columns .ui-table thead th.ui-table-sort-up,
.columns .ui-table thead th.ui-table-sort-down {
  background-color: #CCCCCC
}

.columns .ui-table thead th:last-child {
  border-right: 0px
}

.columns .ui-table thead th .ui-arrow {
  float: right;
  font-size: 10px
}

.columns .ui-table tbody {
  background-color: transparent
}

.columns .ui-table tbody tr.ui-table-rows-odd {
  border-top: 1px solid #b3b3b3;
}

.columns .ui-table tbody tr.ui-table-rows-even {
  background: #FFFFFF
}

.columns .ui-table tbody tr td {
  padding: 15px 10px;
  font: 400 0.938em/1.3em Open Sans, sans-serif;
  background: transparent;
}

.columns .ui-table tbody tr td:nth-child(1),
.columns .ui-table tbody tr td:nth-child(4) {
  color: #7f7f7f;
  text-transform: uppercase;
}

.columns .ui-table tbody tr td a {
  padding-right: 19px;
  font: 400 0.938em/1.3em Open Sans, sans-serif;
}

.columns .ui-table-controls span {
  font-size: 12px;
  padding: 5px;
  vertical-align: middle
}

.columns .ui-table-controls span.ui-table-control-next,
.columns .ui-table-controls span.ui-table-control-prev {
  cursor: pointer;
  font-family: "Arial Narrow";
  font-size: 16px
}

.columns .ui-table-controls span.ui-table-control-disabled {
  color: #999999;
  font-family: "Arial Narrow";
  font-size: 16px
}

.columns .ui-table-footer {
  width: 100%;
  padding: 8px 0;
  font-size: 11px;
  text-align: left;
  color: #333
}

.columns .ui-table-footer span {
  vertical-align: middle
}

.columns .ui-table-footer .ui-table-size,
.columns .ui-table-footer .ui-table-results,
.columns .ui-table-footer .ui-table-controls {
  display: inline-block;
  width: 32%
}

.columns .ui-table-footer .ui-table-size {
  padding-left: 20px
}

.columns .ui-table-footer .ui-table-results {
  text-align: center
}

.columns .ui-table-footer .ui-table-controls {
  text-align: right
}

.columns .ui-table-footer .ui-table-control-next,
.columns .ui-table-footer .ui-table-control-prev,
.columns .ui-table-footer .ui-table-control-disabled {
  display: inline-block;
  background-color: transparent;
  padding: 5px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center
}

.columns .ui-table-footer .ui-table-control-disabled img {
  opacity: 0.5
}

.columns .ui-columns-search {
  padding: 20px 0;
  text-align: right;
}

.columns .ui-columns-search input {
  width: 300px;
  height: 45px;
  padding: 3px 56px 0 15px;
  border: 1px solid #7f7f7f;
  font: 600 1em "open sans", sans-serif;
  background-image: url(/web/20161021001735oe_/http://8tharmy.korea.army.mil/all-template/lib/columns/images/search.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.columns .ui-columns-search input:focus {
  border: 2px solid #6196CD;
  outline: none
}

@media (max-width:481px) {
  .columns .ui-columns-search input {
    width: 100%;
  }
  .columns .ui-table tbody tr td:nth-child(2) {
    display: none;
  }
}

@media (min-width:481px) and (max-width:699px) {
  .columns .ui-columns-search input {
    width: 100%;
  }
}


/*  Error Page  */
.error-content * {
  text-align: center;
}

.error-content {
  display: block;
  margin-top: 50px;
  padding: 15px;
  text-align: center;
}

.error-content h1 {
  font: 700 10em/1.25 Montserrat, sans-serif;
}

.error-content h2 {
  margin-top: 20px;
}

.error-content .btn {
  margin: 40px auto 0;
}


/*  Search  */

.search .inner-container article {
  margin-top: -20px;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font: normal 0.938em/1.625em Open Sans, sans-serif !important;

}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0px !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
  color: #000 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.gs-result .gs-title:hover, .gs-result .gs-title:hover * {
  text-decoration: underline !important;
}

.gs-web-image-box, .gs-promotion-image-box {
  margin-right: 10px !important;
}