@charset "UTF-8";
.is-hidden {
  visibility: hidden;
  position: absolute;
}

.is-visible {
  visibility: inherit;
  position: inherit;
}

body.id5-debug:before {
  position: fixed;
  display: block;
  background: #ffc;
  text-align: center;
  content: "Default";
  font-size: 12px;
  z-index: 9999;
  top: 0;
  left: 0;
}
@media screen and (max-width: 320px) {
  body.id5-debug:before {
    content: "phone";
  }
}
@media screen and (max-width: 600px) {
  body.id5-debug:before {
    content: "tiny";
  }
}
@media screen and (max-width: 769px) {
  body.id5-debug:before {
    content: "small";
  }
}
@media screen and (max-width: 920px) {
  body.id5-debug:before {
    content: "medium";
  }
}
@media screen and (max-width: 1009px) {
  body.id5-debug:before {
    content: "large";
  }
}

@media screen and (max-width: 1009px) {
  body {
    min-width: 0;
  }
}

@media screen and (max-width: 1009px) {
  #header {
    height: auto;
  }
}

#main_nav ul.group {
  display: block;
}
@media screen and (max-width: 920px) {
  #main_nav ul.group {
    display: block;
  }
}
#main_nav ul.jhu-mobile-trigger {
  display: none;
}
@media screen and (max-width: 920px) {
  #main_nav ul.jhu-mobile-trigger {
    display: none;
  }
}

@media screen and (max-width: 1009px) {
  #paint_bucket {
    width: 100%;
    height: auto;
  }
  #paint_bucket * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .header-watermark {
    height: 16.75em;
  }
}
@media screen and (max-width: 769px) {
  #paint_bucket .header-watermark {
    height: 14.75em;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .container {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .miniFormContainer {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .group .miniFormContainer {
    display: block;
  }
}
@media screen and (max-width: 1009px) {
  #paint_bucket .group form {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .group form {
    position: relative;
    left: 0;
    width: auto;
    display: block;
  }
}
@media screen and (max-width: 920px) {
  #paint_bucket .group form div {
    left: 5px;
  }
}

@media screen and (max-width: 1009px) {
  .container {
    width: auto;
  }
}

@media screen and (max-width: 920px) {
  #page {
    background-image: none;
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  #page {
    background-image: none;
    width: 100%;
    margin-top: 0;
  }
  #page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1009px) {
  .siteTitle {
    margin-top: 0;
  }
}
@media screen and (max-width: 1009px) {
  .siteTitle h4 {
    margin-top: -3.15em;
  }
}
@media screen and (max-width: 1009px) {
  .siteTitle h4 {
    padding: 9px 0;
  }
}
@media screen and (max-width: 769px) {
  .siteTitle h4 {
    margin-top: 0;
    padding: 9px 0;
  }
}
@media screen and (max-width: 1009px) {
  .siteTitle h4 > a {
    line-height: 1.3;
    padding-left: 30px;
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
  }
}
.siteTitle .site_nav__toggle {
  display: none;
}
@media screen and (max-width: 1009px) {
  .siteTitle .site_nav__toggle {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding: 10px 10px 5px 10px;
    background: rgba(0, 0, 0, 0.4);
    font-size: 14px;
  }
}

@media screen and (max-width: 1009px) {
  #sidebar {
    display: none;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  #sidebar {
    display: none;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  #sidebar {
    width: 100%;
  }
}
@media screen and (min-width: 1010px) {
  #sidebar {
    display: block !important;
  }
}
#sidebar > ul {
  display: none;
}
@media screen and (max-width: 920px) {
  #sidebar .callout {
    display: none;
  }
}
#sidebar hr {
  display: none;
}

#sbcw {
  background: #f5f5f5;
  clear: both;
  margin-top: 1.75em;
}
#sbcw h3 {
  font-size: 18px;
  line-height: 1.1;
  margin: 0 0 5px;
  text-transform: uppercase;
  font-weight: 400;
}
#sbcw > div {
  float: left;
  padding: 20px 10px;
  text-align: center;
  width: 25%;
  box-sizing: border-box;
}
@media screen and (max-width: 769px) {
  #sbcw > div {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  #sbcw > div {
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  #sbcw > div.divcount-1 {
    float: none;
    margin: 0 auto;
  }
}
#sbcw > div.divcount-2 {
  width: 50%;
}
@media screen and (max-width: 600px) {
  #sbcw > div.divcount-2 {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  #sbcw > div.divcount-2.divnum-1 {
    margin-left: auto;
  }
}
#sbcw > div.divcount-3 {
  width: 33%;
}
@media screen and (max-width: 769px) {
  #sbcw > div.divcount-3 {
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  #sbcw > div#GlobalProjects_Callout img {
    max-width: 190px;
    text-align: center;
  }
}
#sbcw p {
  line-height: 1.3;
}
#sbcw p br {
  display: none;
}
#sbcw a {
  border-bottom: none;
  text-decoration: none;
}
#sbcw hr {
  display: none;
}
#sbcw .more {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
#sbcw:before, #sbcw:after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 1009px) {
  .content {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .content {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .content h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1009px) {
  .content img {
    max-width: 100%;
  }
}
.content img.responsive-420x280 {
  max-width: 420px;
}
@media screen and (max-width: 769px) {
  .content ul {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 769px) {
  .content hr + h2,
  .content hr + h3 {
    padding-top: 5px;
  }
}

@media screen and (max-width: 920px) {
  #breadcrumb {
    display: none;
  }
}

@media screen and (max-width: 920px) {
  .subnav1 .activenavpath ul {
    display: none;
  }
}

.row {
  width: 100%;
  /*
  + .row {
  	@include breakpoint(large) {
  		margin-top: -12px;
  	}
  }
  */
}
@media screen and (max-width: 1009px) {
  .row .object {
    margin-right: 1.6667%;
    overflow: visible;
  }
}
@media screen and (max-width: 769px) {
  .row .object .wrapper {
    height: auto;
  }
}
.row .object img {
  width: 100%;
  height: auto;
}
.row .object a.button {
  width: auto;
  margin: 0;
  box-sizing: border-box;
}
.row .object.w100 {
  width: 100%;
}
.row .object.w66 {
  width: 66.1111%;
}
@media screen and (max-width: 920px) {
  .row .object.w50.w50.w50 {
    float: left;
  }
}
@media screen and (max-width: 600px) {
  .row .object.w50.w50.w50 {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .row .object.w50.w50.w50 img {
    float: none;
    height: auto;
    margin-right: 0%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .row .object.w50.w50.w50 img {
    float: none;
    height: auto;
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
}
.row .object.w50.w50.w50 a.button {
  display: block;
  margin: 0 auto;
  width: 75%;
  max-width: 131px;
}
.row .object.w50.w50.w50:nth-child(2) {
  margin-right: 0;
  margin-bottom: 0;
}
.row .object.w33.w33.w33 {
  margin-right: 1.5%;
  width: 32.3%;
}
.row .object.w33.w33.w33:nth-child(3n+3) {
  margin-right: 0;
}
.row .object.w33.w33.w33 a.button {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .row .object.w33.w33.w33 {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .row .object.w33.w33.w33 img {
    float: left;
    height: auto;
    margin-right: 2%;
    max-width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .row .object.w33.w33.w33 img {
    float: left;
    height: auto;
    margin-right: 2%;
    width: 30%;
  }
}
@media screen and (max-width: 600px) {
  .row .object.w33.w33.w33 img {
    float: none;
    height: auto;
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
}
.row .object.w33.w33.w33 a.button {
  width: auto;
  padding: 10px 25px;
}
.row .object.w25.w25.w25 {
  width: 23.75%;
  margin-bottom: 10px;
  width: 100%;
}
.row .object.w25.w25.w25:nth-child(2) {
  margin-right: 0;
}
.row .object.w25.w25.w25:nth-child(3) {
  clear: both;
}
.row .object.w25.w25.w25 a.button {
  width: auto;
  padding: 10px 25px;
}
.row .object.w25.w25.w25 img {
  float: left;
  height: auto;
  margin-right: 2%;
  width: 30%;
}
@media screen and (max-width: 600px) {
  .row .object.w25.w25.w25 img {
    float: none;
    height: auto;
    margin-right: 0;
    max-width: 100%;
    width: auto;
  }
}
@media screen and (max-width: 769px) {
  .row .object.object.object {
    float: none;
    position: static;
    margin-bottom: 10px;
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  .row.xshort .wrapper {
    height: 240px;
  }
}
@media screen and (max-width: 769px) {
  .row.short {
    height: auto;
  }
}
@media screen and (max-width: 920px) {
  .row.short .wrapper {
    height: 240px;
  }
}
.row.w33.rightCol {
  width: 232px;
}
@media screen and (max-width: 600px) {
  .row.w33.rightCol {
    float: right;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  img.block_right {
    margin: 0 0 10px 0;
    float: none;
  }
}

@media screen and (max-width: 600px) {
  img.block_left {
    margin: 0 0 10px 0;
    float: none;
  }
}

@media screen and (max-width: 1009px) {
  .rightCol {
    width: 31.9444%;
    padding-left: 0 !important;
    margin-left: 12px;
  }
}
@media screen and (max-width: 769px) {
  .rightCol {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}

@media screen and (max-width: 769px) {
  .row.row.row .wrapper {
    height: auto;
  }
}

@media screen and (max-width: 769px) {
  .average a.more, .custom a.more, .custom1 a.more, .custom2 a.more, .custom3 a.more, .short a.more, .tall a.more, .xshort a.more, .xtall a.more, .xxshort a.more, .average a.button, .custom a.button, .custom1 a.button, .custom2 a.button, .custom3 a.button, .short a.button, .tall a.button, .xshort a.button, .xtall a.button, .xxshort a.button {
    position: static;
  }
}

@media screen and (max-width: 769px) {
  .average .scroll {
    height: 150px;
  }
}

#mobile-callouts .callout {
  display: block;
  margin: 10px;
  padding: 15px;
  text-align: center;
  background: #EAECEF;
}

#footer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 1009px) {
  #footer {
    height: auto;
    padding-bottom: 40px;
  }
}
#footer .container {
  width: 1010px;
}
@media screen and (max-width: 1009px) {
  #footer .container {
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  #footer .quicklinks {
    width: 53.125%;
    height: auto;
  }
}
@media screen and (max-width: 769px) {
  #footer .quicklinks {
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  #footer .quicklinks a {
    width: 30.3922%;
    margin-right: 1.9608%;
    padding-right: 7px;
  }
}
@media screen and (max-width: 769px) {
  #footer .quicklinks a {
    width: 25%;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 600px) {
  #footer .quicklinks a {
    width: 50%;
  }
}
@media screen and (max-width: 1009px) {
  #footer .quicklinks a:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 769px) {
  #footer .quicklinks a:nth-child(3n+1) {
    clear: none;
  }
}
@media screen and (max-width: 600px) {
  #footer .quicklinks a:nth-child(3n+1) {
    clear: none;
  }
}
@media screen and (max-width: 769px) {
  #footer .quicklinks a:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (max-width: 600px) {
  #footer .quicklinks a:nth-child(4n+1) {
    clear: none;
  }
}
@media screen and (max-width: 600px) {
  #footer .quicklinks a:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1009px) {
  #footer .quicklinks a.fc {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1009px) {
  #footer .quicklinks a br {
    display: none;
  }
}
#footer .gateways {
  width: 203px;
}
@media screen and (max-width: 1009px) {
  #footer .gateways {
    width: 21.0417%;
    height: auto;
  }
}
@media screen and (max-width: 769px) {
  #footer .gateways {
    width: 100%;
    padding: 10px 0;
    margin: 10px 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
  }
}
@media screen and (max-width: 769px) {
  #footer .gateways a {
    width: 25%;
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  #footer .gateways a {
    width: 50%;
    margin: 0;
  }
}
#footer .social {
  width: 240px;
}
@media screen and (max-width: 1009px) {
  #footer .social {
    width: 25.3125%;
    height: auto;
  }
}
@media screen and (max-width: 769px) {
  #footer .social {
    position: absolute;
    border: 0;
    padding: 0;
    left: 50%;
    bottom: 8px;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  #footer .social {
    position: static;
    width: 100%;
    padding: 10px 0 30px;
  }
}
#footer .social a {
  width: 205px;
}
@media screen and (max-width: 769px) {
  #footer .social a {
    width: 40px;
    height: 25px;
    display: inline-block;
    text-indent: -9999px;
    float: none;
    margin: 0;
    padding: 0;
  }
}
#footer .branding {
  clear: both;
}

@media screen and (max-width: 769px) {
  .miniFormContainer {
    display: none;
  }
}

#footer .social a.youtube {
  background-position: 0px -81px;
}
#footer .social a.youtube br {
  display: none;
}

#main_nav .main_nav__toggle {
  display: none;
}
@media screen and (max-width: 1009px) {
  #main_nav .main_nav__toggle {
    display: inline-block;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav .main_nav__toggle.menu {
    padding-left: 0;
  }
  #main_nav .main_nav__toggle.menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 25px;
    height: 20px;
    background: -webkit-linear-gradient(top, #fff, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%);
    background: linear-gradient(to bottom, #fff, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%);
  }
}
#main_nav .main_nav__toggle.close {
  font-size: 36px;
}
@media screen and (max-width: 1009px) {
  #main_nav .main_nav__toggle.close {
    text-align: right;
    display: block;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav .main_nav__toggle:hover {
    color: #fff;
    background: none;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav .container {
    width: auto;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav .group {
    position: fixed;
    z-index: 99999;
    left: -30%;
    top: 0;
    width: 30%;
    background: rgba(0, 0, 0, 0.9);
    min-height: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 30px;
    -webkit-transition: left 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out;
    transition: left 0.25s ease-in-out;
  }
}
@media screen and (max-width: 920px) {
  #main_nav .group {
    width: 50%;
    left: -50%;
  }
}
@media screen and (max-width: 769px) {
  #main_nav .group {
    width: 75%;
    left: -75%;
  }
}
@media screen and (max-width: 600px) {
  #main_nav .group {
    width: 100%;
    left: -100%;
  }
}
.show-responsive-nav #main_nav .group {
  left: 0;
}
@media screen and (max-width: 1009px) {
  #main_nav li {
    float: none;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav li:hover .dropdown {
    display: none;
  }
}
@media screen and (max-width: 1009px) {
  #main_nav .main-nav-search {
    display: none;
  }
}

img.responsive-420x280 {
  height: auto;
  width: 100%;
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content .gm-style img {
  max-width: none;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}

@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module {
    height: 535px !important;
  }
}
@media screen and (max-width: 769px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_advance ul {
    width: 90%;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_standard.s_a_standard.s_a_standard {
    margin: 0 auto;
    width: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_standard.s_a_standard.s_a_standard {
    height: 100% !important;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a.s_a.s_a {
    width: auto;
    padding: 15px;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a.s_a.s_a {
    padding: 0;
    height: 100% !important;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_image.s_a_image.s_a_image {
    width: 44.4444%;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_image.s_a_image.s_a_image {
    width: auto;
    float: none;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_image.s_a_image.s_a_image img {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_image.s_a_image.s_a_image + .s_a_text.s_a_text.s_a_text {
    width: 55.5556%;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_image.s_a_image.s_a_image + .s_a_text.s_a_text.s_a_text {
    float: none;
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 1009px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers {
    width: 41.6667%;
  }
}
@media screen and (max-width: 769px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers {
    right: 30%;
  }
}
@media screen and (max-width: 600px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers {
    width: auto;
    position: static;
    margin-top: -40px;
  }
}
@media screen and (max-width: 769px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers .s_a_text_numberbuttons {
    text-align: center;
    width: 100%;
  }
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers .s_a_text_numberbuttons .s_a_text_options:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (max-width: 769px) and (max-width: 769px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers .s_a_text_numberbuttons .s_a_text_options a.button {
    width: 15px;
    padding-top: 15px;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 769px) and (max-width: 769px) {
  .s_a_standard_module.s_a_standard_module.s_a_standard_module .s_a_text_controllers.s_a_text_controllers.s_a_text_controllers .s_a_text_numberbuttons .s_a_text_options ul li {
    float: none;
    display: inline-block;
  }
}

@media screen and (max-width: 1009px) {
  .collar.media.inset.medium .media {
    width: 100%;
  }
}

@media screen and (max-width: 920px) {
  .collar.media.inset.medium .copy {
    width: 30.8642%;
    margin-left: 3.7037%;
  }
}
@media screen and (max-width: 769px) {
  .collar.media.inset.medium .copy {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  body .collar.media.inset.medium .media {
    width: 100%;
  }
}
body .collar.media.inset.medium .media .sevlVideo {
  width: 65.4321%;
}
@media screen and (max-width: 1009px) {
  body .collar.media.inset.medium .media .sevlVideo {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    width: 65.4321%;
  }
}
@media screen and (max-width: 769px) {
  body .collar.media.inset.medium .media .sevlVideo {
    padding-top: 25px;
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  body .collar.media.inset.medium .media .sevlVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1009px) {
  body .collar.media.inset.medium .media .copy {
    margin-left: 0;
    width: 30.8642%;
  }
}
@media screen and (max-width: 769px) {
  body .collar.media.inset.medium .media .copy {
    width: 100%;
  }
}

/* -- test -- */
@media screen and (max-width: 769px) {
  .row.collar .object {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .row.collar .object.w100 {
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  .row.collar .object.w33 {
    width: 33.4%;
  }
}
@media screen and (max-width: 769px) {
  .row.collar .object.w33 {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  .row.collar .object.w33 a.button {
    width: auto;
    max-width: 140px;
  }
}
@media screen and (max-width: 769px) {
  .row.collar.gallery .object img {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .row.collar.gallery .object.w33 {
    float: left;
    width: 49%;
  }
}
@media screen and (max-width: 320px) {
  .row.collar.gallery .object.w33 {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .row.collar.gallery .object.w33.w33.w33 {
    margin-right: 0;
  }
}
@media screen and (max-width: 769px) {
  .row.collar.gallery .object.w33.w33.w33 img {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .row.collar.gallery .object {
    width: 50%;
  }
}
.row.collar.gallery .object.w50 .wrapper {
  height: auto;
}
.row.collar.gallery .object.w50.w50.w50 img {
  width: 100%;
}

.mobile-sub-menu {
  margin-bottom: 30px;
  display: none;
  list-style: none;
}
@media screen and (max-width: 920px) {
  .mobile-sub-menu {
    display: block;
  }
}
.mobile-sub-menu span {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px;
}
.mobile-sub-menu span:after {
  content: '▼';
  position: absolute;
  right: 10px;
}
.mobile-sub-menu span.show:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-sub-menu ul {
  margin: 0;
  display: none;
}
.full-width#page .content .mobile-sub-menu ul.appendedTo {
  display: block;
  margin-right: 10px;
  margin-top: 0;
}
.full-width#page .content .mobile-sub-menu ul.appendedTo li {
  background-color: rgba(255, 255, 255, 0.4);
}
.full-width#page .content .mobile-sub-menu ul.appendedTo li.navitemLast {
  padding-bottom: 0;
}
.full-width#page .content .mobile-sub-menu ul.appendedTo li a {
  color: rgba(0, 0, 0, 0.4);
}
.mobile-sub-menu ul li {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: none;
  margin: 0;
  border-bottom: solid 1px #CCC;
}
.mobile-sub-menu ul li:last-child {
  border-bottom: none;
}
.mobile-sub-menu ul li a {
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  display: block;
  padding: 10px;
}
.mobile-sub-menu ul li a:hover {
  color: #fff;
}
.mobile-sub-menu ul li.activenavpath {
  padding-bottom: 0;
}

@media screen and (max-width: 920px) {
  .collar .slider {
    width: 100% !important;
  }
}
@media screen and (max-width: 1009px) {
  .collar .slider .object:first-child {
    display: block !important;
  }
}
@media screen and (max-width: 1009px) {
  .collar .slider .object ~ * {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .collar.carousel.xshort .bordered .wrapper {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .collar.carousel.xshort .bordered .wrapper .slider_float_left {
    float: none;
  }
}
.collar.carousel.xshort .bordered .wrapper .arrow {
  height: 20px;
  width: 20px;
}
.collar.carousel.xshort .bordered .wrapper .arrow.next {
  right: 0;
}
.collar.carousel.xshort .bordered .wrapper .arrow.previous {
  left: 0;
}

@media screen and (max-width: 1009px) {
  .average .scroll,
  .tall .scroll {
    height: 70% !important;
  }
}
@media screen and (min-width: 1010px) {
  .average .scroll,
  .tall .scroll {
    height: 80% !important;
  }
}

@media screen and (max-width: 1009px) {
  .row.short .wrapper {
    height: 300px;
  }
}
@media screen and (max-width: 1009px) {
  .row.average .wrapper {
    height: auto;
  }
}
@media screen and (max-width: 1009px) {
  .row.average h3 + p {
    clear: both;
  }
}

@media screen and (max-width: 1009px) {
  .row.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row.flex .object {
  flex-direction: row;
  display: flex;
}
@media screen and (max-width: 1009px) {
  .row.flex .object.w50.w50.w50 {
    float: none;
    flex: 1;
  }
}
@media screen and (max-width: 1009px) {
  .row.flex .object.w50.w50.w50 img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto 20px;
  }
}
.row.flex .object.w50.w50.w50 a.button {
  margin-left: 0;
}
@media screen and (max-width: 1009px) {
  .row.flex .object .wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 1009px) {
  .row.flex .object a.button {
    margin: auto auto 0;
    background: #1C4882;
    padding: .75em 1.5em;
    color: white;
  }
}
@media screen and (max-width: 1009px) {
  .row.flex .object a.more {
    margin: auto 0 0;
  }
}

@media screen and (max-width: 1009px) {
  .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }
}
@media screen and (max-width: 1009px) {
  .row .object {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1009px) {
  .row .object.bordered {
    border-top: solid 5px #D8D8D9;
    border-left: solid 1px #D8D8D9;
    border-right: solid 1px #D8D8D9;
    border-bottom: solid 1px #D8D8D9;
  }
}
@media screen and (max-width: 1009px) {
  .row .object.w33.w33.w33 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1009px) {
  .row .object.w50.w50.w50 {
    flex: 1;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1009px) {
  .row .object .wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: none;
  }
}
@media screen and (max-width: 1009px) {
  .row .object a.more {
    position: static;
  }
}

/*# sourceMappingURL=centers-responsive.css.map */