@import url(https://fonts.googleapis.com/css?family=Overpass);

/*ARMY BLACK UPDATE 11-07-2024 B
HEX #221F20

ARMY GOLD 
HEX #FFCC01

WHITE 
HEX #FFFFF

ARMY GREEN
HEX# 2F372F

TAN
HEX #F1E4C7

FIELD 01
HEX #727365

GRAY 01
HEX #565557

GRAY 02
HEX #D5D5D7*/

/*Remove Gold Leaves*/
.dma-full-width .skin-header-background::after
{
  background: none !important;
}
.dma-full-width #header::after
{
  background: none !important;
}
/*.dma-full-width .skin-header-background::before
{
  background: none !important;
}*/
.dma-full-width .skin-footer-bottom::after
{
  background: none !important;
}
.dma-full-width .skin-footer-background::after
{
  background: none !important;
}
.dma-full-width .skin-footer-bottom::before
{
  background: none !important;
}
.dma-full-width footer.footer::after
{
  background: none !important;
}
.dma-full-width footer.footer::before
{
  background: none !important;
}

.dma-full-width .skin-logo {
    height: auto;
    padding-left: 60px !important;
    margin-top: 8px;
    position: relative;
    z-index: 1;
}
/* To remove the arrow next to Domain use this CSS */
.dropdown-toggle::after {
	display: none !important; }

/* Remove DOD Seal in footer */
.skin-footer-background::before
{
  background: none !important;
}
.skin-footer-seal
{
  background-image: none !important;
}

ul#main-nav {
    margin-left: 85px;
}

.skin-title .title-text { 
	font-family: 'Overpass', Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    color: #ffcc01;
	text-transform: uppercase !important;
    font-weight: 350; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased !important;
    text-align: left;
    margin: 25px 0 !important;
}

.skin-title {
	padding-top: 40px !important;
}

.skin-search-input {
	width: 10em !important;
}

.skin-search {
	display: none !important;
}

.skin-header-background {
	background-image: none !important;
	background-color: #221F20 !important;
}

.skin-header-right {
	padding-right: 60px !important;
}

.dma-full-width .skin-header-background {
	background-image: none !important;
}

.dma-full-width .skin-header-background::before {
	background-image: none !important;
}

.skin-social-header {
	font-family: 'Overpass', Arial, Helvetica, sans-serif !important;
	font-variant-caps: normal !important;
}

/*---- newly added css ----*/

.menu-window :is(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;
    vertical-align: baseline;
    text-indent: 0px;
    text-align: left;
    float: none;
    display: revert
}

#globalnavcontainer {
    position: absolute;
    top: 0px;
    left: 0px;---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    width: 100%;
    z-index: 1999;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Overpass', Arial, Helvetica, sans-serif;
    font-weight: 530;
}

#small-description {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1999;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Overpass', Arial, Helvetica, sans-serif;
    font-weight: 530;
}

/* reset */
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, q, small, strike, strong, sub, sup, 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, 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; }

@font-face { font-family: 'entypo'; src:url('fonts/entypo.eot'); src:url('fonts/entypo.eot?#iefix') format('embedded-opentype'), url('fonts/entypo.woff') format('woff'), url('fonts/entypo.ttf') format('truetype'), url('fonts/entypo.svg#entypo') format('svg'); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: 'entypo'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class*="icon-"] { font-family: 'entypo'; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-cross:before { content: "\e02c"; }
.icon-mail:before { content: "\e000"; }
.icon-arrow-right:before { content: "\e003"; }
.icon-arrow-down:before { content: "\e005"; }
.icon-arrow-left:before { content: "\e006"; }
.icon-github:before { content: "\e008"; }
.icon-flickr:before { content: "\e009"; }
.icon-vimeo:before { content: "\e00a"; }
.icon-twitter:before { content: "\e00b"; }
.icon-facebook:before { content: "\e00c"; }
.icon-googleplus:before { content: "\e00e"; }
.icon-pinterest:before { content: "\e00f"; }
.icon-tumblr:before { content: "\e010"; }
.icon-linkedin:before { content: "\e011"; }
.icon-dribbble:before { content: "\e012"; }
.icon-instagram:before { content: "\e013"; }
.icon-skype:before { content: "\e015"; }
.icon-soundcloud:before { content: "\e017"; }
.icon-comment:before { content: "\e019"; }
.icon-calendar:before { content: "\e01b"; }
.icon-link:before { content: "\e01c"; }
.icon-resize-enlarge:before { content: "\e001"; }
.icon-play:before { content: "\e002"; }
.icon-search:before { content: "\e014"; }
.icon-heart:before { content: "\e007"; }
.icon-heart-2:before { content: "\e016"; }
.icon-arrow-up:before { content: "\e004"; }
.icon-star:before { content: "\e018"; }
.icon-star-2:before { content: "\e01a"; }
.icon-lifebuoy:before { content: "\e01d"; }
.icon-bag:before { content: "\e01e"; }
.icon-quote:before { content: "\e01f"; }
.icon-user:before { content: "\e020"; }
.icon-reply:before { content: "\e021"; }
.icon-stop:before { content: "\e022"; }
.icon-cycle:before { content: "\e600"; }
.icon-pause:before { content: "\e601"; }

/* basic */
html, body { width: 100%; height: 100%; }
html { background-color: #fff; }
body { font-size: 87.52%; line-height: 1.5; font-family: 'Open Sans', Overpass, sans-serif; color: #000000; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;  }
h1, h2, h3, h4, h5, h6, li, p { overflow-wrap: normal !important; word-wrap: normal !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important;}
h1, h2, h3, h4, h5, h6 { font-family: 'Overpass'; font-weight: 400; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 3em; line-height: 1em; margin-bottom: .5em; }
h1.error { font-size: 8em; line-height: 1.5em; margin-bottom: 0.25em; }
h2 { font-size: 2.25em; line-height: 1.33333333em; margin-bottom: .6666666666666667em; }
h3 { font-size: 1.25em; line-height: 1.33333333em; margin-bottom: 1em; }
h4 { font-size: 1.15em; line-height: 1.142857142857143em; margin-bottom: 1.142857142857143em; }
h5 { font-size: 1.125em; line-height: 1.333333333333333em; margin-bottom: 0.5em; }
h6 { font-size: 1em; line-height: 1.5em; margin-bottom: 0.4em; }
p, ol, ul, blockquote { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
ul { list-style: square inside; }
ul li { margin-left: 1em; }
ol { list-style-type: decimal inside; }
ol li { margin-left: 2.3em; }
li ul, li ol { margin: 0; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
blockquote, code, samp, pre { quotes: none; position: relative; padding: 2em; font-family: Georgia, Times, "Times New Roman"; background-color: #f4f4f4; }
.grey-section blockquote { background-color: transparent; }
.invert-colors blockquote, .invert-colors code, .invert-colors samp, .invert-colors pre { color: #fff; background-color: transparent; background-color: rgba(255,255,255,0.1); }
blockquote { quotes: none; font-family: 'Overpass'; }
blockquote p:last-child { margin-bottom: 0; }
blockquote.quotes { display: block; position: relative; text-align: center; }
blockquote.quotes:before { display: block; margin-bottom: 0.5em; color: #bbb; content: "\e01f"; font: 3em/1em "entypo"; font-weight: 400; font-style: normal; }
blockquote.quotes:before { display: none; }
resource-contact {padding:30px;border:1px solid #fec325;position:relative}
dl, dd { margin-bottom: 1.5em; }
dt { font-weight: bold; }
abbr[title] { border-bottom: 1px dotted #aaa; cursor: help; }
dfn { font-style: italic; }
ins { background-color: #222; color: #fff; text-decoration: none; padding: 0.1em 0.2em; }
mark { background-color: #222; color: #fff; font-style: italic; font-weight: bold; padding: 0.1em 0.2em; }
pre, code, kbd, samp { font-family: Monaco, Courier New, monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: normal !important;}
sub, sup { position: relative; line-height: 0; }
sup { top: -.5em; }
sub { bottom: -.25em; }
hr { display: block; margin: 1.5em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ddd; }
img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
img.bordered { border: 2px solid #ddd; }
.invert-colors img.bordered { border-color: #fff; }
svg:not(:root) { overflow: hidden; }
figure { margin-bottom: 1.5em; }
figure img { margin-bottom: 1em; }
figure figcaption { display: block; font-weight: normal; color: #555; }
.grey-text { color: #aaa; }
.small { font-size: 0.9em; }
.big { font-size: 1.2em; }
.float-left, .floatleft { float: left; }
.float-right, .floatright { float: right; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 0.5em 1em; }
.alignleft { float: left; margin: 0 1em 0.5em 0; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.no-bottom { margin-bottom: 0!important; }
.margin-top { margin-top: 1em; }
.margin-bottom { margin-bottom: 1.5em; }

/* links */
a { text-decoration: none; color: #FFCC01; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* table */
table { width: 100%; max-width: 100%; margin-bottom: 1.5em; border-collapse: collapse; border-spacing: 0; background-color: #fff; border: 1px solid #ddd; }
table th, table td, table caption { padding: 0.4em; vertical-align: middle; border: 1px solid #ddd; }
table caption { background-color: #f4f4f4; text-align: center; border-bottom: 0; }
table th { font-weight: bold; text-transform: uppercase; }
table th, table tfoot td { padding: 0.6em; background-color: #f4f4f4; font-family: 'Overpass'; }
table thead th { vertical-align: bottom; }
table tbody + tbody { border-top: 3px solid #ddd; }
table tbody tr:nth-child(even) td { background-color: #fcfcfc; }

/* buttons */
.button, button, input[type=submit], input[type=reset], input[type=button], .pagination .page-numbers { display: inline-block; padding: 1em 1.5em; line-height: 1em; margin: 0 0 1.2em; font-weight: 700; text-transform: uppercase; vertical-align: middle; text-decoration: none; cursor: pointer; color: #FFCC01; border: 2px solid #FFCC01; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button.square { padding: 1em; }
input[type=submit], input[type=reset], input[type=button] { background-color: transparent; -webkit-appearance: none; }
.button.small, button.small, input[type=submit].small, input[type=reset].small, input[type=button].small { display: inline; font-weight: normal; text-transform: none; margin-bottom: 0; padding: 0.1em 0.3em; position: relative; top: -0.05em; }
.button.small.square { padding: 0.1em; }
.button.big, button.big, input[type=submit].big, input[type=reset].big, input[type=button].big { font-size: 1.75em; margin-bottom: 1em; }
.button:visited, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .pagination .page-numbers:hover, .pagination .current, .pagination .current:hover { color: #FFCC01; text-decoration: none; }
.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, .pagination .page-numbers:hover, .pagination .page-numbers:focus, .pagination .current, .pagination .current:hover, .button.filled { background-color: #FFCC01; color: #fff; }
.button.full-width, button.full-width, input[type=submit].full-width, input[type=reset].full-width, input[type=button].full-width { width: 100%; padding-left: 0!important; padding-right: 0!important; text-align: center; }
.button.button-disabled, button.button-disabled, input[type=submit].button-disabled, input[type=reset].button-disabled, input[type=button].button-disabled { opacity: 0.4; filter: alpha(opacity=40); cursor: default; }
.button.light, button.light, input[type=submit].light, input[type=reset].light, input[type=button].light { border-color: #fff; color: #fff; }
.button.light:hover, button.light:hover, input[type=submit].light:hover, input[type=reset].light:hover, input[type=button].light:hover, .button.light:focus, button.light:focus, input[type=submit].light:focus, input[type=reset].light:focus, input[type=button].light:focus { background-color: #fff; color: #221F20; }
.invert-colors .button.light:hover, .invert-colors button.light:hover, .invert-colors input[type=submit].light:hover, .invert-colors input[type=reset].light:hover, .invert-colors input[type=button].light:hover, .invert-colors .button.light:focus, .invert-colors button.light:focus, .invert-colors input[type=submit].light:focus, .invert-colors input[type=reset].light:focus, .invert-colors input[type=button].light:focus { color: #FFCC01; }
.button.grey, button.grey, input[type=submit].grey, input[type=reset].grey, input[type=button].grey { border-color: #ccc; color: #999; }
.button.grey:hover, button.grey:hover, input[type=submit].grey:hover, input[type=reset].grey:hover, input[type=button].grey:hover, .button.grey:focus, button.grey:focus, input[type=submit].grey:focus, input[type=reset].grey:focus, input[type=button].grey:focus, .button.grey.filled { background-color: #ccc; color: #333; }
.button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark { border-color: #221F20; color: #221F20; }
.button.dark:hover, button.dark:hover, input[type=submit].dark:hover, input[type=reset].dark:hover, input[type=button].dark:hover, .button.dark:focus, button.dark:focus, input[type=submit].dark:focus, input[type=reset].dark:focus, input[type=button].dark:focus, .button.dark.active, .button.dark.filled { background-color: #221F20; color: #fff; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; }
.button + .button { margin-left: 0.25em; }

/* forms */
form { margin-bottom: 1.5em; }
label, legend { display: block; font-weight: bold; font-size: 0.8em; }
label.checkbox { margin-bottom: 1em; }

input[type=text], input[type=password], input[type=email], input[type=search], input[type=date], input.text, textarea, select { border: 1px solid #bbb; outline: none; font-family: Helvetica, Overpass, sans-serif; color: #222; font-size: 0.9em; width: 20em; max-width: 100%; display: block; background-color: #fff; background-color: rgba(255, 255, 255, 0.7); margin: 0 0 1em; padding: 0.7em; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type=text].full-width, input[type=password].full-width, input[type=email].full-width, input.text.full-width, textarea.full-width, select.full-width { width: 100%; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input.text:focus, textarea:focus, select:focus { border-color: #888; }
input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, input.text:focus:invalid, textarea:focus:invalid { border-color: #d55; background-color: #fff4e5; }
textarea { width: 30em; min-height: 7em; overflow: auto; }
input[type=checkbox], input[type=radio] { display: inline; vertical-align: bottom; position: relative; top: -0.04em; *overflow: hidden; }
select { padding: 0.648em 0.7em; }

::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }

/* grid system */
.container { position: relative; margin: 0 auto; padding: 0; }
.container .col { width: 100%; }
body .container .col.alpha { margin-left: 0; }
body .container .col.omega { margin-right: 0; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1 }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* iosSlider */
.iosSlider-container { position: relative; width: 100%; height: 0; padding: 0 0 35% 0; /* ratio: 900/1600 = 0.5625 */ margin-bottom: 1.5em; background-color: #ddd; }
#heading .iosSlider-container { margin-bottom: 0; }
.iosSlider { height: 1200px; /* this height ends up being your maximum height, if you want it to scale forever, set it to a very high number */ }
.iosSlider .slider { height: 100%; }
.iosSlider .slider .item { float: left; width: 100%; }
.iosSlider .slider .item img { width: 100%; height: auto; }
.iosSlider .slider .item .caption { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100%; margin-bottom: -1px; text-decoration: none; text-align: center; }
#heading .iosSlider .slider .item .caption { bottom: 0.5em; }
.iosSlider .slider .item .caption span.text { display: inline-block; position: relative; padding: 0.64em 1em; font-size: 1.2em; background-color: rgba(27,30,31,.75); color: #fff; font-family: 'Overpass'; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#heading .iosSlider .slider .item .caption span.text { background-color: #221F20; }
#heading .iosSlider .slider .item .caption span.text:after { width: 0; height: 0; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-top: 0.5em solid #221F20; content: ''; position: absolute; left: 50%; bottom: -0.47em; margin-left: -0.5em; }
#heading .iosSlider .controls { display: none; position: absolute; top: 0; left: 50%; margin-left: -3.75em; z-index: 9; }
.iosSlider .controls span { position: absolute; top: 50%; margin-top: -2.275em; display: block; width: 3.75em; height: 3.75em; line-height: 3.4em; color: #fff; text-align: center; text-decoration: none; opacity: 0.5; }
#heading .iosSlider .controls span { float: left; position: static; margin-top: 0; background-color: #221F20; opacity: 1; }
.post .iosSlider .controls span { margin-top: -1.875em; }
.iosSlider .controls span:hover { opacity: 1; }
.iosSlider .controls span.prev { left: 0; }
.iosSlider .controls span.next { right: 0; }
.iosSlider .controls span em:before { font-family: 'entypo'; speak: none; font-style: normal; font-variant: normal; font-size: 2em; text-transform: none; -webkit-font-smoothing: antialiased; position: relative; }
#heading .iosSlider .controls span em:before { font-size: 1.5em; }
.iosSlider .controls span.prev em:before { content: "\e006"; left: -1px; }
.iosSlider .controls span.next em:before { content: "\e003"; left: 1px; }
.no-js .iosSlider .slider .item { display: none; }
.no-js .iosSlider .slider .item:first-child { display: block; }



/* fancybox 2 */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background-color: #fff; color: #222; }
.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { font-size: 1.2em; margin: 0; padding: 1em; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
.fancybox-close:before, .fancybox-prev span:before, .fancybox-next span:before { font-family: 'entypo'; line-height: 1; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; }
.fancybox-close { position: absolute; top: -2em; right: 6px; width: 2em; height: 2em; text-align: center; line-height: 2.2em; font-size: 1.75em; cursor: pointer; z-index: 8040; background-color: #fff; text-decoration: none; }
.fancybox-close:hover { text-decoration: none; }
.fancybox-close:before { content: "\e02c"; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 4em; height: 4em; margin-top: -2em; margin-left: -2em; cursor: pointer; z-index: 8060; background-color: #fff; border: 2px solid #FFCC01; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } }
@keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); } }
#fancybox-loading div { width: 1.2em; height: 1.2em; margin: 1.3em auto 0; border: 2px solid #FFCC01; -webkit-animation: spin 0.8s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation: spin 0.8s ease-out; -moz-animation-iteration-count: infinite; -o-animation: spin 0.8s ease-out; -o-animation-iteration-count: infinite; animation: spin 0.8s ease-out; animation-iteration-count: infinite; }
.fancybox-nav { position: absolute; top: 25%; width: 70px; height: 50%; cursor: pointer; text-decoration: none; background-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 2em; height: 2em; line-height: 2.2em; margin-top: -1em; font-size: 2em; text-align: center; background-color: #fff; cursor: pointer; z-index: 8040; }
.fancybox-prev span { left: -5px; }
.fancybox-prev span:before { content: "\e006"; }
.fancybox-next span { right: -5px; }
.fancybox-next span:before { content: "\e003"; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; max-width: 9999px; max-height: 9999px; overflow: visible !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: -5px; right: 50%; margin-bottom: -31px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; }
.fancybox-title-float-wrap .child, .fancybox-title-outside-wrap { padding: 10px 15px; background-color: #f7f7f7; color: #222; font-weight: bold; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: -5px; }
.fancybox-title-inside-wrap { padding: 5px 2px 2px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; color: #222; text-align: center; background-color: #f7f7f7; background-color: rgba(250,250,250,0.75); }
.fancybox-lock { overflow: visible !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* responsive video */
.responsive-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #ddd; }
.responsive-container iframe, .responsive-container object, .responsive-container embed, .responsive-container img, .responsive-container .map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-wrapper { max-width: 100%; }

/* alert boxes */
.alert { position: relative; margin-bottom: 1.5em; font-size: 0.9em; border-left: 2px solid #bbb; border-right: 2px solid #bbb; padding: 1em; background-color: #f4f4f4; }
.alert.success { background-color: #dbfac9; border-color: #8e9; }
.alert.notice { background-color: #fff8be; border-color: #efe062; }
.alert.error { background-color: #d63d22; color: #fee; border-color: #a61d02; }
.box { border: 1px solid #ddd; background-color: #f4f4f4; padding: 1em; margin-bottom: 1.5em; }
.box.white { border: 1px solid #ddd; background-color: #fff; padding: 1em; margin-bottom: 1.5em; }

/* collapse */
.collapse { list-style: none; }
.collapse li { margin-left: 0; }
.collapse .collapse-title { position: relative; cursor: pointer; padding: 0.75em 2em 0.75em 0.75em; margin-bottom: -1px; text-transform: uppercase; font-family: 'Overpass'; border: 1px solid #ddd; background-color: #fff; }
.collapse .collapse-title:after { position: absolute; top: 50%; margin-top: -0.5em; right: 0.75em; font-family: 'entypo'; content: "\e005"; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; }
.collapse .collapse-content { font-size: 0.9em; padding: 0.75em; display: none; }
.collapse .collapse-content p:last-child { margin-bottom: 0; }
.collapse .collapse-title:hover { background-color: #f4f4f4; }
.collapse .active .collapse-title { background-color: #FFCC01; border-color: #FFCC01; color: #fff; }
.collapse .active .collapse-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.collapse .active .collapse-content, .no-js .collapse .collapse-content { display: block; }

.rotator { margin-bottom: 0; }
.rotator li { display: inline-block; list-style: none; margin: 0 0.25em; }
.rotator li a { display: inline-block; height: 1em; width: 1em; background-color: #ccc; }
.rotator li.active a { background-color: #FFCC01; }

.highlight { background: #221F20; color: #fff; padding: 0 0.3em; }
h2 .highlight { padding: 0; box-shadow: 0.3em 0 0 #221F20,-0.3em 0 0 #221F20; -moz-box-shadow: 0.3em 0 0 #221F20,-0.3em 0 0 #221F20; -webkit-box-shadow: 0.3em 0 0 #221F20,-0.3em 0 0 #221F20; }


/* tabs */
.tab-container { margin-bottom: 1.5em; }
.tab-container .tab_content { border: 1px solid #ddd; background-color: #fff; padding: 1.25em; }
.tab-container .tab_content :last-child { margin-bottom: 0; }
.tab-container .tabs { list-style: none; margin: 0; }
.tab-container .tabs li { float: left; margin: 0; border: 1px solid #ddd; border-right: 0; border-bottom: 0; }
.tab-container .tabs li:last-child { border-right: 1px solid #ddd; }
.tab-container .tabs li.last-child { border-right: 1px solid #ddd; }
.tab-container .tabs li a { display: block; text-decoration: none; background-color: #f4f4f4; color: #999; text-transform: uppercase; font-family: 'Overpass'; padding: 0.6em 1.4em; }
.tab-container .tabs li.active a { position: relative; top: 1px; background-color: #fff; color: #222; }


/* separators */
.sep { margin: 0 0 1.5em; width: 9em; height: 4px; background-color: #ddd; position: relative; clear: both; }
.textcenter .sep, .sep.centered { margin: 0 auto 1.5em; }
.invert-colors .sep { background: #44BFD5; }
.sep-margin-top { margin-top: 1.5em; }
.sep-no-margin { margin-bottom: 0; }

#social-icons {margin-top: 10px}
#social-icons a {margin-left: 5px; color: #ffcc01; }
#social-icons a:hover {color: #ffffff; }
a.social-link { display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; margin-bottom: 0.2em; font-size: 1.5em; text-align: center; background-color: #999; color: #fff; }
.social-link:hover { text-decoration: none; }
.social-link.icon-facebook { background-color: #3b5998; }
.social-link.icon-twitter { background-color: #00aced; }
.social-link.icon-googleplus { background-color: #dd4b39; }
.social-link.icon-envato { background-color: #82B540; }
.social-link.icon-github { background-color: #171515; }
.social-link.icon-flickr { background-color: #ff0084; }
.social-link.icon-vimeo { background-color: #86c9ef; }
.social-link.icon-pinterest { background-color: #cb2027; }
.social-link.icon-tumblr { background-color: #32506d; }
.social-link.icon-linkedin { background-color: #007bb6; }
.social-link.icon-dribbble { background-color: #ea4c89; }
.social-link.icon-instagram { background-color: #3f729b; }
.social-link.icon-skype { background-color: #00aff0; }
.social-link.icon-play { background-color: #c4302b; }
.social-link.icon-soundcloud { background-color: #ff7700; }
#social-share { display: none; position: absolute; left: 0; top: 18em; z-index: 19; width: 3.5em; }
#social-share a.social-link { float: left; background-color: #221F20; width: 2.2em; height: 2.2em; line-height: 2.2em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#social-share a.social-link:hover { background-color: #FFCC01; }

/* sticky footer trick */
html { height:auto\a0; /* ie tweak for height property */ }
.wrapper-frame { display: table; width: 100%; height: 100%; }
.wrapper-row { display: table-row; height: 1px; }
html>body .wrapper-expand { height: auto; }

/* thumbnail wrapper */
.thumb { background-color: #f4f4f4; margin-bottom: 1em; }
.invert-colors .thumb { background-color: #fff; padding: 2px; color: #222; }
.thumb .photo a { text-decoration: none; display: block; position: relative; overflow: hidden; }
.thumb .photo img { width: 100%; }
.thumb.switch .photo img.secondary { display: none; }
.thumb .photo .info { display: none; position: absolute; width: 100%; height: 100%; opacity: 0; text-align: center; }
.thumb .photo .tag { position: absolute; top: 0; right: 0; z-index: 3; background-color: #221F20; color: #fff; font-size: 0.7em; padding: 0.4em 0.6em; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.thumb .photo a:hover .tag { background-color: #FFCC01; }
.thumb h4 { margin-bottom: 0; padding: 0.5em 0.5em 0.25em; }
.thumb h4.item-title { font-size: 1.2em; padding-right: 3em; position: relative; }
.thumb h4.padding-bottom { padding-bottom: 0.75em; }
.thumb h4.item-title .price { position: absolute; top: 50%; right: 0.5em; margin-top: -0.68em; color: #FFCC01; }
.thumb .type { display: block; font-size: 0.75em; font-weight: 400; color: #999; padding: 0 0.95em 0.75em; }
.thumb p { padding: 0 0.75em; margin-bottom: 0; }
.portfolio-showcase .thumb { float: left; width: 100%; padding: 0; margin-bottom: 0; }
.image-zoom { display: block; position: relative; overflow: hidden; }
.image-zoom img { display: block; width: 100%; }
.image-zoom img.zoomImg { width: auto; cursor: crosshair; }


.filter-selectors a { text-transform: uppercase; font-family: 'Overpass'; color: #222; }
.filter-selectors a.active { color: #FFCC01; }
.filter-selectors a:after { display: inline-block; color: #ddd; content: "/"; padding: 0 0.8em 0 1.1em; }
.filter-selectors a:last-child:after { display: none; }

/* feature wrapper */
.feature { text-align: center; margin-top: 1em; }
.feature img { margin-bottom: 1.5em; }
.feature h3 { margin-bottom: 1em; }

/* call to action box */
.call-to-action { margin-bottom: 1em; background: #f4f4f4; border: 1px solid #ddd; padding: 2em; text-align: center; }
.invert-colors .call-to-action { background: rgba(255,255,255,0.1); }
.call-to-action h3 { margin-bottom: 0.75em; }


/* header */
#header { background-color: #221F20; color: #fff; position: relative; z-index: 2; }
#header #logo { padding: .5em; position: relative; }
#header #logo h1 { margin-bottom: 0; }
#header #logo h1 a { display: inline-block; color: #fff; text-decoration: none; }
#header #logo h1 a img { max-height: 3em; }
#header #menu { display: none; }
#header #menu ul { list-style: none; }
#header #menu ul, #header #menu li { margin: 0; }
#header #menu li a { padding: 1em 1em; font-family: 'Overpass'; color: #000000; text-decoration: none; text-transform: uppercase; }
#header #menu ul li.current_page_item > a { color: #FFCC01; }
#header #menu.mobile { display: block; }
#header #menu.mobile li { border-top: 1px solid #333; }
#header #menu.mobile li a { display: block; font-size: 1.2em; }
#header #menu.mobile li li a { padding-left: 2em; }
#header #menu.mobile li li li a { padding-left: 3em; }
#header #menu-switch { position: absolute; top: 50%; right: 0; width: 5em; height: 6em; margin-top: -3em; cursor: pointer; text-align: center; display: table; }
#header #menu-switch:before { text-align: center; font-size: 1.5em; display: table-cell; vertical-align: middle; }
#header #menu-switch:before { text-align: center; font-size: 1.5em; display: table-cell; vertical-align: middle; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; }
#header #menu-switch.on:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#heading { position: relative; }
#heading img { width: 100%; }
#heading .bar, .thumb .bar { position: absolute; left: 0; bottom: -1px; width: 100%; height: 0.5em; z-index: 3; }
#heading .bar:before, #heading .bar:after, .thumb .bar:before, .thumb .bar:after { content:''; position: absolute; top: 0; width: 50%; height: 0; border-bottom: 0.5em solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#heading .bar:before, .thumb .bar:before { left: 0; border-right: 0.5em solid rgba(0, 0, 0, 0); }
#heading .bar:after, .thumb .bar:after { right: 0; border-left: 0.5em solid rgba(0, 0, 0, 0); }
.thumb .bar:before, .thumb .bar:after { border-bottom-color: #f4f4f4; }
.invert-colors .thumb .bar:before, .invert-colors .thumb .bar:after, .thumb .bar.white:before, .thumb .bar.white:after { border-bottom-color: #fff; }

#footer .bottom { background-color: #000000; color: #fff; font-size: 0.9em; text-align: center; }
#footer .bottom h3 { margin-top: 0.75em; }
#footer .sep { background-color: #242829; height: 1px; width: auto; margin-bottom: 0; }
#footer a, a:hover, a:visited, a:active { color: inherit; text-decoration: none; }
#footer .icon-float-left { display: none; float: left; font-size: 2em; margin: 0.4em 0.4em 0.2em 0.3em; }
#footer .bottom .container .grid6:last-child p { margin-bottom: 0; }
#footer .bottom .right-side .button { padding: 0.75em; font-size: 1.25em; }

#content .container, #footer .container { padding: 1em; }
#footer .bottom .container { padding-top: 1.5em; }
#content .invert-colors { background-color: #FFCC01; color: #fff; }
#content .grey-section { background-color: #D5D5D7;  color: #000000; }
#content .armygreen-colors { background-color: #2F372F; color: #ffcc01; }
#content .yellow-section { background-color: #FFCC01; color: #000000; }
#content .armyblack-colors { background-color: #221f20; color: #ffcc01; height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;}
#content .bottom-shadow { position: relative; padding-bottom: 0.5em; }
#content .bottom-shadow:after { content: ''; position: absolute; bottom: -0.1em; left: 0; width: 4em; height: 4px; background: #ffcc01; }
#content .textcenter .bottom-shadow:after { left: 50%; margin-left: -2em; }
#content .invert-colors .bottom-shadow:after { background: #ddd; }


/* custom quote box added */
.inner-quote-box {border: solid 1px #000; padding: 20px; position: relative;}
.inner-quote-box .inner-icon {position: absolute; width: 75px; height: 75px; bottom:-12px; left: calc(50% - 12px); background-color: rgb(213,213,215); background-image: url("images/icon-testimonials.svg"); background-repeat: no-repeat;}

/* white section (unit resources) */
.light-section {background-color:#FFF !important;}

/* remove scrollbars from footer section */
#dnn_FooterLinks {overflow-x:hidden;}

/* remove border from under nav */
.dma-full-width .otnav {border-bottom-width: 0px !important;}


@media (min-width: 10px) {
#header #logo h1 a img { padding-left: 0em !important; }
}


@media (min-width: 480px) {
	.portfolio-showcase .thumb { width: 50%; }
}

@media (min-width: 768px) {
	.container { width: 720px; }
	.container-head { width: 1290px; }
	.container .col { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	.container .alpha { margin-left: 0; }
	.container .omega { margin-right: 0; }
	.container .grid1.col { width: 40px; }
	.container .grid2.col { width: 100px; }
	.container .grid3.col { width: 150px; }
	.container .grid4.col { width: 200px; }
	.container .grid5.col { width: 250px; }
	.container .grid6.col { width: 300px; }
	.container .grid7.col { width: 400px; }
	.container .grid8.col { width: 450px; }
	.container .grid9.col { width: 500px; }
	.container .grid10.col { width: 550px; }
	.container .grid11.col { width: 600px; }
	.container .grid12.col { width: 700px; }
	.container .grid13.col { width: 1200px; }
	.one-half { float: left; width: 50%; display: inline; }
	.one-third { float: left; width: 33.3333%; display: inline; }

	#content .container, #footer .bottom .container { padding: 2em 0; }

	#header .wrapper { display: table; width: 100%; }
	#header #logo, #header #menu { display: table-cell; vertical-align: middle; height: 4em; }
	#header #logo { padding-left: 10px; padding-right: 10px; }
	#header #menu { text-align: right; padding-right: 10px; }
	#header #menu li { display: inline-block; }
	#header #menu li a { display: inline-block; padding: 0.5em 1em; }
	#header #menu li a:hover { background-color: #221F20; color: #ffffff}
	#header #menu li.has-children { position: relative; }
	#header #menu li.has-children ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 11em; text-align: left; background-color: #090909; opacity: 0; }
	#header #menu li.has-children ul.left-side { left: auto; right: 0; text-align: right; }
	#header #menu li.has-children li ul { top: 0; left: 99.99%; }
	#header #menu li.has-children > a:after { content: '\00a0\002B'; font-family: 'Overpass'; }
	#header #menu li.has-children ul li { display: block; font-size: 0.9em; }
	#header #menu li.has-children ul a { display: block; padding: 0.5em 1.25em; margin-left: 0; }
	#header #menu li.has-children ul a:hover { color: #999; }
	#header #menu li.has-children ul li:last-child a { padding-bottom: 1em; }
	#header #menu li.has-children:hover a { background-color: #221F20; color: #ddd; }
	.no-touch #header #menu li.has-children:hover ul li.current_page_item > a, #header #menu li.has-children.hover ul li.current_page_item > a { color: #FFCC01; }
	.no-touch #header #menu li.has-children:hover ul, #header #menu li.has-children.hover ul { visibility: visible; opacity: 1; }
	#header #menu-switch { display: none; }
	/* reduce header text size; important to override in-page css */
	#header .skin-title .title-text {font-size: 45px !important;}


	#heading .bar { height: 1em; }
	#heading .bar:before, #heading .bar:after { border-bottom-width: 1em; }
	#heading .bar:before { border-right-width: 1em; }
	#heading .bar:after { border-left-width: 1em; }
	#heading .iosSlider .slider .item .caption { bottom: 1em; }
	#heading .iosSlider .slider .item .caption span.text:after { border-left-width: 1em; border-right-width: 1em; border-top-width: 1em; bottom: -0.95em; margin-left: -1em; }

	#footer .bottom { text-align: left; }
	#footer .bottom p.copyright { margin-bottom: 0; }
	#footer .bottom .right-side { position: absolute; right: 10px; }
	#footer .bottom .right-side .button { position: relative; top: -0.7em; margin-bottom: 0; }

	.no-js #social-share.animated { visibility: hidden; opacity: 0; left: -3.5em; }
	#social-share { display: block; }
	#social-share.animated { visibility: visible; opacity: 1; left: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

	.thumb { margin-bottom: 20px; }
	.thumb .photo .info { display: block; background-color: #221F20; color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.75); -ms-filter: "alpha(opacity=70)"; }
	.thumb .photo .info span { position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; margin-left: -1em; margin-top: -1em; line-height: 2em; display: block; font-size: 1.5em; border: 2px solid #fff; }
	.thumb .photo .info span.bottom { top: auto; margin-top: 0; bottom: 2.5em; font-size: 1em; }
	.thumb .photo .info .title { margin-top: 2em; padding: 0.1em 1em; display: block; font-weight: 400; font-family: 'Overpass'; text-transform: uppercase; }
	.thumb .photo .info .tagline { font-style: 400; font-family: 'Overpass'; font-size: 0.75em; font-style: normal; color: rgba(255,255,255,0.5); }
	.thumb .photo a:hover .info { opacity: 1; }
	.no-js .thumb .photo .info { top: 0; left: -100%; }
	.no-js .thumb .photo a:hover .info { left: 0; }
	.fade .photo .info, .thumb.switch .photo img.secondary { top: 0; left: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
	.fade .photo .info span { -ms-filter: "alpha(opacity=0)"; }
	.thumb.switch .photo img.secondary { z-index: 2; position: absolute; display: block; visibility: visible; -ms-filter: "alpha(opacity=0)"; }
	.fade .photo a:hover .info { opacity: 1; -ms-filter: "alpha(opacity=70)"; }
	.fade .photo a:hover .info span { -ms-filter: "alpha(opacity=100)"; }
	.thumb.switch .photo a:hover img.secondary { opacity: 1; }
	.portfolio-showcase .thumb { width: 33.3333%; }

	.flickr-gallery a { float: left; width: 4.2em; margin: 0; }
	.flickr-gallery a img { display: block; }
	.flickr-gallery a:hover { opacity: 0.75; }



	.commentlist .comment .comment-body { position: relative; margin-left: 5.8em; }
	.commentlist .comment h6 { padding-right: 5em; }
	.commentlist .comment p.comment-date { position: absolute; top: 0.15em; right: 0; }
	.commentlist .comment p { margin-top: 0; }
	.commentlist .comment .children { margin-left: 5.7em; }

	.call-to-action .button { margin-bottom: 0; }

	#heading .iosSlider .controls { display: block; }
	.no-js #heading .iosSlider .controls { display: none; }

	#footer .icon-float-left { display: block; }
	
}

@media (min-width: 1024px) {
	body { font-size: 100%; }
	.container { width: 960px; }
	.container .grid1.col { width: 60px; }
	.container .grid2.col { width: 140px; }
	.container .grid3.col { width: 200px; }
	.container .grid4.col { width: 300px; }
	.container .grid5.col { width: 350px; }
	.container .grid6.col { width: 450px; }
	.container .grid7.col { width: 540px; }
	.container .grid8.col { width: 620px; }
	.container .grid9.col { width: 700px; }
	.container .grid10.col { width: 780px; }
	.container .grid11.col { width: 860px; }
	.container .grid12.col { width: 940px; }

	#content .container, #footer .bottom .container { padding: 3em 0; }

	#header #menu li a { padding: 0.75em 1.5em; }
	#header #menu li.has-children ul a { padding: 0.6em 1.5em; }
	#header #menu li.has-children ul li:last-child a { padding-bottom: 1.5em; }


	#heading .iosSlider .slider .item .caption span.text { font-size: 1.5em; }

	.flickr-gallery a { width: 3.82em; }

	.post .meta { width: 17%; }
	.post .content { width: 83%; }

}

@media (min-width: 1320px) {
	.container { width: 1320px; }
	.container-half { width: 900px; }
	.container .grid1.col { width: 85px; }
	.container .grid2.col { width: 280px; }
	.container .grid3.col { width: 330px; }
	.container .grid4.col { width: 440px; }
	.container .grid5.col { width: 505px; }
	.container .grid6.col { width: 640px; }
	.container .grid7.col { width: 715px; }
	.container .grid8.col { width: 820px; }
	.container .grid9.col { width: 925px; }
	.container .grid10.col { width: 1030px; }
	.container .grid11.col { width: 100%; }
	.container .grid12.col { width: 100%; }

	.post .meta { width: 14%; }
	.post .content { width: 86%; }

	.portfolio-showcase .thumb { width: 25%; }

	.flickr-gallery a { width: 4.09em; }

	#heading .iosSlider .slider .item .caption span.text:after { margin-bottom: 1px; }

	.fancybox-close { display: none; }
	.fancybox-nav { width: 15em; }
	.fancybox-skin .fancybox-nav span { background-color: transparent; color: #fff; }
	.fancybox-nav span { opacity: 0.25; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.fancybox-wrap:hover .fancybox-nav span { opacity: 0.5; }
	.fancybox-wrap .fancybox-nav:hover span { opacity: 1;}
	.fancybox-prev { left: -8.5em; }
	.fancybox-next { right: -8.5em; }
	.fancybox-nav span { font-size: 5em; }
	.fancybox-title { font-size: 1.1em; }
	.fancybox-overlay { cursor: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAAAAAD5Q7t/AAAA6klEQVR42tWXyw6CMBBFi/+qhCi6bVj52PABBv6C3zOsjhuJ2hTS1k6Ls+3MPTc8pjMKGIAHsFWJAti9mIMCRt5RJYBXH7xRASXfUSWCA5TTQS1twgKvzQRtJBwiwk+Gtp5L1E6JfnA/zZgmgrWA5lcTFnjjK9CGmrDA29BHaJq4ONTcosAXTLQxcqObEIN/ALo5gAXeSbTRAuhNExZ4DxRSvdxmIg3cwUQQfKP+KbK+guwfoedveI8Nz9eIsrZii+DZoeYqdROmu46FBhItW7i2edBbU3gsPy6ayLSY7KeDvKvZGpbTrOv5E6zIaGL25rGJAAAAAElFTkSuQmCC) 16 16, crosshair; }
}

/* Add gold line above nav bar 
.skin-header-background::before
{
  width:100% !important;
  height:0px !important;
  position:absolute !important;
  top:94% !important;
  background-color: #ffcc01 !important;
}*/

/* Replace Nav Bar color with gold bar from footer */
/*
.dma-full-width .otnav
{
  background:linear-gradient(to bottom, #a6750d 0%,#e09d12 79%,#e09d12 80%) !important;
}
*/

/* Social Media color and size */
header .social li span {
  font-size: 15px !important;
  color: #727365;
}