@charset "utf-8";
/* CSS Document */

body {
  /* ORIGINAL *  */ background: url(/assets-global/img/design/bg-gradient.jpg) top repeat-x, #5B5A5A;
  /* FALL *  background: url(/assets-global/img/design/bg-gradient-overlay.png) top repeat-x, #a38159; */
  /* XMAS *  background: url(/assets-global/img/design/bg-gradient-overlay.png) top repeat-x, #94ac8f; */
  min-width: 320px;
}
/* FALL *  a, a:hover, a:visited, a:focus { color: #b87901 !important; } */
/* XMAS *  a, a:hover, a:visited, a:focus { color: #719f68 !important; } */

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 60px;
  display: none;
  z-index: 100;
}
* {
  font-family: 'Roboto Condensed', Calibri, Helvetica, Arial, sans-serif;
  border-radius: 0 !important;
  letter-spacing: .2px;
}
h3, h4, h5 {
  font-family: 'Quattrocento', Garamond, Times, 'Times New Roman', serif;
}
p {
  line-height: 24px;
  letter-spacing: .2px;
  margin-bottom: 15px;
}
.site-container {
  background: #fff;
}
.icons-365 {
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.10);
  -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.10);
  -o-box-shadow:      0px 0px 7px rgba(0, 0, 0, 0.10);
  box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.10);
  margin: 1px 20px 14px 0px;
}

/* HEADER */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

header {
  height: 54px;
  border-bottom: 1px solid #b3b3b3;
  box-sizing: content-box;
  /* ORIGINAL *  */ background: #253451 url(/assets-global/img/design/bg-social-panel.png) top right no-repeat;
  /* FALL *  background: #4b3514 url(/assets-global/img/design/bg-social-panel-overlay.png) top right no-repeat; */
  /* XMAS *  background: #d63333 url(/assets-global/img/design/bg-social-panel-overlay.png) top right no-repeat; */
  color: #fff;
  overflow: hidden;
}
.header-title {
  padding-top: 3px;
  height: 54px;
  /* ORIGINAL *  */ border-bottom: 4px solid #face01;
  /* FALL *  border-bottom: 4px solid #d17a34; */
  /* XMAS *  border-bottom: 4px solid #7bc06c; */
  font-size: 30px;
}
.header-title img[src="assets/img/logo-header.png"] {
  margin-right: 7px;
}
.header-title .sub-title {
  /* ORIGINAL *  */ color: #728099;
  /* FALL *  color: #999999; */
  /* XMAS *  color: #abe29f; */
  font-size: 20px;
}
header .social-icons li { 
  padding: 0px;
  margin-right: 22px;
}
header .social-icons li:last-of-type { 
  margin-right: 3px !important;
}
header .social-icons .disabled { 
  opacity: .3;
}
.social-btn a {
  display: inline-block;
  padding: 0px 7px 1px 8px;
  -webkit-transition: background-color .5s ease;
  -moz-transition:    background-color .5s ease;
  -o-transition:      background-color .5s ease;
  transition:         background-color .5s ease;
  border-radius: 10px !important;
  line-height: 35px;
}
.social-btn a:hover {
  background-color: #5383d3;
}
.social-btn a.icon-dvids:hover {
  background-color: #751310;
}
.social-btn a.icon-facebook:hover {
  background-color: #3765a3;
}
.social-btn a.icon-linkedin:hover {
  background-color: #0678b6;
}
.social-btn a.icon-instagram:hover {
  background-color: #895a4d;
}
.social-btn a.icon-navyLive:hover {
  background-color: #014095;
}
.social-btn a.icon-twitter:hover {
  background-color: #00b4ff;
}
.social-btn a.icon-vine:hover {
  background-color: #00b489;
}
.social-btn a.icon-youtube:hover {
  background-color: #da2722;
}

/* NAVBAR */
/* ------------------------------------------------------------------------------------------ */

nav {
  border-radius: 0 !important;
  margin-bottom: 0px !important;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.20);
  -moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.20);
  -o-box-shadow:      0px 2px 5px rgba(0, 0, 0, 0.20);
  box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.20);
}
.navbar-nav [role=button] {
  text-transform: uppercase;
}

/* CONTENT */
/* ------------------------------------------------------------------------------------------ */

.bio-image {
  margin: 0px 20px 10px 0px;
}
.btn-default {
  background-color: #e4e4e4;
}
.btn-default:hover {
  /* ORIGINAL *  */ background-color: #337ab7;
  /* FALL *  background-color: #f7ebd9; */
  /* XMAS *  background-color: #ddf7d9; */
  color: #fff;
  /* ORIGINAL *  */ border-color: #204d74;
  /* FALL *  border-color: #b29d7d; */
  /* XMAS *  border-color: #7db27d; */
}
.content-area {
  background: #e4e4e4 url(/assets-global/img/design/bg-content.png);
  border-top: 1px solid #bebebe;
}
.content-box {
  margin: 10px -5px;
  background: white;
  padding: 10px 20px;
  border: 1px solid #d8d8d8;
  font-size: 16px;
  min-height: 188px;
}
.content-box p a, 
.content-box li a {
  font-weight: bold;
}
.content-box ol li, 
.content-box ul li {
  line-height: 27px;
}
.content-box ul:not([class]) li:not([class]), 
.content-box ol:not([class]) li:not([class]) { 
  margin-bottom: 12px;
}
.content-box ol, 
.content-box ul {
  margin-bottom: 15px;
}
.content-box h3 {
  color: #000;
  border-bottom: #aeaeae 1px dotted;
  padding-bottom: 7px;
  margin-bottom: 15px;
  overflow: hidden;
}
.content-box img[class="pull-right hidden-xs"] {
  margin-left: 20px;
  margin-bottom: 5px;
}
.content-box img[class="center-block img-responsive"] {
  margin-bottom: 10px;
}
.content-box img[class="img-responsive img-thumbnail pull-left"] {
  margin-right: 15px;
  margin-bottom: 10px;
}
.content-indent {
  margin-left: 30px;
  margin-right: 30px;
}
.content-indent h3 {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Roboto Condensed', sans-serif !important;
}
#column-side {
  padding-bottom: 10px;
}
#column-side .list-group > span {
  /* ORIGINAL *  */ background: #253451 url(/assets-global/img/design/bg-sidebox.png) right top no-repeat !important;
  /* FALL *  background: #4b3514 url(/assets-global/img/design/bg-sidebox-overlay.png) right top no-repeat !important; */
  /* XMAS *  background: #d63333 url(/assets-global/img/design/bg-sidebox-overlay.png) right top no-repeat !important; */
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  /* ORIGINAL *  */ border-bottom: #face01 4px solid !important;
  /* FALL *  border-bottom: #d17a34 4px solid !important; */
  /* XMAS *  border-bottom: #7bc06c 4px solid !important; */
}
#column-side .list-group .list-group-item {
  background: #f8f8f8;
}
#column-side .list-group .list-group-item:hover {
  /* ORIGINAL *  */ background: #d9edf7;
  /* FALL *  background: #f7ebd9; */
  /* XMAS *  background: #e0f7d9; */
}
.dropdown-menu li a, 
.nav-tabs li a {
  font-weight: normal;
}
.img-margin-L {
  margin: 0px 0px 10px 10px;
}
.panel-title .glyphicon-plus {
  color: #adacac !important;
}
.panel-title .glyphicon-plus:hover {
  color: #7d7d7d !important;
}
#pubTable td:nth-of-type(3) {
  white-space: nowrap;
}
.side-box {
  padding: 20px 20px 0px 20px;
  border: 1px solid #d8d8d8;
  background: white;
  position: relative;
  margin: 10px -5px 0px -15px;
}
table thead {
  background: #ebebeb;
}
.table.rowlink td:not(.rowlink-skip), .table .rowlink td:not(.rowlink-skip) {
  cursor: pointer;
}
.table.rowlink td:not(.rowlink-skip) a, .table .rowlink td:not(.rowlink-skip) a {
  font: inherit;
  color: inherit;
  text-decoration: inherit;
}
.table-hover.rowlink tr:hover td, .table-hover .rowlink tr:hover td {
  background-color: #d9edf7;
}
.table-cnatra .label {
  font-weight: normal;
  padding-top: 4px;
  margin-left: 7px;
}
.table-FSO td:nth-of-type(3),
.table-XML td:nth-of-type(1),
.table-XML td:nth-of-type(4) {
  width: 85px;
  text-align: center;
}
.table-FSO td:nth-of-type(2),
.table-XML td:nth-of-type(3) {
  width: 48px;
  text-align: center;
}
.table-cnatra-hd {
  background: #bdd4e7;
  border-bottom: #19315f 3px solid !important;
}
.table-XML td:nth-of-type(5) {
  width: 110px;
  text-align: center;
}
.toggleLink {
  font-size: .8em;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-top: 13px;
  margin-bottom: 10px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .7);
     -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .7);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .7);
}

/* CAROUSEL */
/* ------------------------------------------------------------------------------------------ */

.carousel {
   margin: 10px 0px;
}
.carousel-caption {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  padding: 8px 3% 0px 2%;
}
.carousel-caption p {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  text-align: left;
}
.carousel-control.right {
  top: 100px;
  bottom: 100px;
  width: 5%;
  background: none;
}
.carousel-control.left {
  top: 100px;
  bottom: 100px;
  width: 5%;
  background: none;
}
.carousel-caption > h1 {
  font-size: 26px !important; 
  margin-top: 10px; 
  margin-bottom: 10px; 
}
.carousel-date { 
  color: gold; 
}

/* EXTERNAL LINK MODAL */
/* -------------------------------------------------------- */
#externalLink .modal-header {
  background: #253451 url(../img/bg-social-panel.png)top right no-repeat;
}
#externalLink .modal-header h4 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#externalLink .modal-title, #externalLink .close {
  color: #fff;
  opacity: 1;
}
#externalLink .modal-body {
  background: #fff;
  min-height: 115px;
}
#externalLink .modal-body image {
  padding: 0px 8px;
}
#externalLink .modal-footer {
  background: #efeeee;
}

/* FOOTER - IMAGES BUTTONS */
/* ------------------------------------------------------------------------------------------ */

#footer-support {
  border-top: solid 1px #d8d8d8;
  border-bottom: solid 1px #b3b3b3;
  padding: 25px 0px;
}
#footer-support img {
  padding: 14px;
  margin: -20px;
}
.color-bar {
  height: 4px;
  /* ORIGINAL *  */ background: #face01;
  /* FALL *  background: #d17a34; */
  /* XMAS *  background: #7bc06c; */
}

/* FOOTER - STANDARD */
/* ------------------------------------------------------------------------------------------ */

footer {
  /* ORIGINAL *  */ background: #253450 url(/assets-global/img/design/bg-footer.jpg) top center no-repeat;
  /* FALL *  background: #4b3514 url(/assets-global/img/design/bg-footer-overlay.png) top center no-repeat; */
  /* XMAS *  background: #d63333 url(/assets-global/img/design/bg-footer-overlay.png) top center no-repeat; */
  padding: 35px 0px 15px 0px;
  color: #bababa;
  font-size: 15px;
}
/* XMAS *  footer a, footer a:hover, footer a:visited, footer a:focus { color: #abe29f !important; } */

footer * {
  line-height: 23px;
}
footer img[src="assets/img/logo-footer.png"] {
  padding-top: 20px;
}
footer div p:first-of-type {
  font-size: 22px;
  margin-top: 10px;
  /* ORIGINAL *  */ color: #819fb1;
  /* FALL *  color: #999999; */
  /* XMAS *  color: #abe29f; */
}
footer div p:first-of-type:after {
  content: "";
  display: block;
  width: 70%;
  left: 0px;
  margin: .4em -3px 0px;
  /* ORIGINAL *  */ border-bottom: solid 4px #3f5072;
  /* FALL *  border-bottom: solid 4px #d17a34; */
  /* XMAS *  border-bottom: solid 4px #7bc06c; */
}
footer ul {
  margin-left: -23px;
}
.footer-address {
  margin-top: 7px !important;
}

/* SUBFOOTER */
/* ------------------------------------------------------------------------------------------ */

.footer-sub {
  /* ORIGINAL *  */ background: #1b2639;
  /* FALL *  background: #37270f; */
  /* XMAS *  background: #5b0c0c; */
  /* ORIGINAL *  */ border-top: 1px solid #2f3f5e;
  /* FALL *  border-top: 1px solid #655236; */
  /* XMAS *  border-top: 1px solid #b15555; */
  box-shadow: inset 1px 4px 9px -6px black;
  padding-top: 12px;
  padding-bottom: 5px;
  font-size: 16px;
}
.footer-sub p {
  line-height: 17px;
  color: #777777;
  margin-bottom: 7px;
}
.footer-sub p span {
  text-transform: uppercase;
}
blockquote {
  font-size: 1em;
}

/* RESPONSIVE (XS) */
/* ------------------------------------------------------------------------------------------ */

@media screen and (max-width: 767px) {
  
  .table-FSO td:nth-of-type(3),
  .table-XML td:nth-of-type(1),
  .table-XML td:nth-of-type(4) {
    width: 70px;
    text-align: center;
  }
  .table-XML td:nth-of-type(5) {
    width: 90px;
    text-align: center;
  }
  .back-to-top {
    bottom: 20px;
    right: 20px;
    display: none;
  }
  .header-title .sub-title {
    display: none;
  }
  h1 {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
  p {
    line-height: 20px;
    letter-spacing: .2px;
    margin-bottom: 12px;
  }
  video {
    position: relative;
    width: 100%;
    height: auto; 
  }
  .content-box ol li, .content-box ul li {
    line-height: 22px;
  }
  .content-box {
    font-size: 13px;
  }    
  header {
    /* ORIGINAL *  */ background: #253451 url(/assets-global/img/design/bg-social-panel.png);
    /* FALL *  background: #4b3514 url(/assets-global/img/design/bg-social-panel-overlay.png); */
    /* XMAS *  background: #d63333 url(/assets-global/img/design/bg-social-panel-overlay.png); */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right -240px top 0px; 
  }
  footer {
    padding: 20px 0px 5px 0px;
    font-size: 14px;
  }
  footer * {
    line-height: 19px;
  }
  footer div p:first-of-type {
    font-size: 19px;
  }
  .footer-sub p {
    text-align:center;
  }
  .navbar-collapse > ul > li > ul > li {
    /* ORIGINAL *  */ background-color: #c6dde9 !important;
    /* XMAS *  background-color: #d5f4d5 !important; */
  }
  .navbar-collapse > ul > li > ul > li:last-of-type {
    border-bottom: solid 1px #b6ccd7;
  }
  .navbar-collapse > ul > li > ul > li:first-of-type {
    border-top: solid 1px #b6ccd7;
  }
  .navbar-collapse > ul > li > ul > li > ul > li {
    /* ORIGINAL *  */ background-color: #d3e6f0 !important;
    /* XMAS *  background-color: #ecfdec !important; */
    padding-left: 10px !important;
  }
  .navbar-collapse > ul > li > ul > li > ul > li:first-of-type {
    border-top: solid 1px #e1f2fa;
  }
  .navbar-collapse > ul > li > ul > li > ul > li:last-of-type {
    border-bottom: solid 1px #e1f2fa;
  }
}

/* RESPONSIVE (XS, SM) */
/* ------------------------------------------------------------------------------------------ */

@media screen and (max-width: 991px) {
  .header-title {
    font-size: 24px;
    line-height: 42px;
  }
  .header-title .sub-title {
    font-size: 16px;
  }
  .side-box {
    margin: 10px -5px 0px -5px !important;
  }
  .social-btn a {
    line-height: 44px;
  }
  video {
    position: relative;
    width: 100%;
    height: auto; 
  }
}

/* RESPONSIVE (SM) */
/* ------------------------------------------------------------------------------------------ */

@media screen and (min-width: 768px) and (max-width: 991px) {
  #footer-support div:nth-child(1), #footer-support div:nth-child(2) {
    margin-bottom: 30px;
  }
}

/* RESPONSIVE (SM, MD, LG) */
/* ------------------------------------------------------------------------------------------ */

@media screen and (min-width: 768px) {
  footer img[src="assets/img/logo-footer.png"] {
    margin: 0px auto;
  }
  .navbar-nav .dropdown-menu .glyphicon-menu-right {
    float: right;
    margin-top: 4px;
  }
  .site-container {
    border-left: #424242 8px solid;
    border-right: #424242 8px solid;
    box-sizing: border-box;
  }
}

/* RESPONSIVE (MD, LG) */
/* ------------------------------------------------------------------------------------------ */

@media screen and (min-width: 992px) {
  .side-box:after {
    content: "";
    height: 11px;
    width: calc(100% - 10px);
    position: absolute;
    left: 10px;
    background: url(/assets-global/img/design/shadow.png) bottom center no-repeat;
    margin-left: -10px;
  }
	video {
    position: relative;
    width: 100%;
    height: 468px; 
   }
}

/*Test RESPONSIVE */
@media screen and (min-width: 1400px) {
  video {
	position: relative;
	width: 100%;
	height: 468px; 
   }
}
@media screen and (min-width: 1600px) {
  video {
	position: relative;
	width: 100%;
	height: 468px; 
   }
}
@media screen and (min-width: 1900px) {
  video {
	position: relative;
	width: 100%;
	height: 468px; 
   }
}


/* SHARED PAGES | PRIVACY POLICY | SECURITY NOTICE */
/* ------------------------------------------------------------------------------------------ */
.shared-page h1, .shared-page h2 {
  margin: 5px 0px;
}
.shared-page .page-buttons a:nth-of-type(2), .shared-page .page-buttons a:nth-of-type(3) {
  float: right;
  margin-left: 10px;
  background: #f8f8f8;
}
.shared-page .page-buttons a:nth-of-type(2):hover, .shared-page .page-buttons a:nth-of-type(3):hover {
  background: #d9edf7;
}
.shared-page img { 
  float: right;
  margin: 0px 0px 5px 20px;
  border: 0px;
}
.shared-page h3 {
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
.shared-page .row div:nth-of-type(2) {
  border: 8px solid #424242;
  background: #fff;
}
.shared-page ol {
  margin-left: -20px;
}
.shared-page li { 
  line-height: 24px !important;
}
@media screen and (max-width: 767px) {
  .shared-page .row {
    margin: 10px -5px 10px -5px;
  }
  .shared-page .page-buttons {
    margin: 0px auto !important;
    display: table;
  }
  .shared-page .page-buttons a {
    margin-bottom: 5px;
    float: none !important;
    margin-right: 10px;
    margin-left: 0px !important;
  }
  .shared-page img { 
    width: 95px;
    height: 95px;
  }
  .shared-page li {
    line-height: 21px !important;
  }
  .shared-page h3 {
    font-size: 15px;
    line-height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .shared-page .row {
    margin: 20px 0px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .shared-page .row {
    margin: 40px 0px 20px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .shared-page .row {
    margin: 100px 0px 40px 0px;
  }
}