h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.globalNavigation {
  background: #f0f0f0;
  -webkit-box-shadow: 0 1px 4.85px 0.15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4.85px 0.15px rgba(0, 0, 0, 0.1);
  padding: 0 0 0 40px;
  position: fixed;
  top: 45px;
  left: 0;
  z-index: 900;
  height: 60px; }

.globalNavigation, .globalNavigation-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cda279;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%; }

.globalNavigation-container {
  position: relative;
  height: 100%; }

.globalNavigation .mobile-only {
  display: none; }

.globalNavigation-logo img {
  max-width: 100%; }

.globalNavigation-preorder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_nav-promo-highlight_ncsa.png) -3px 0 no-repeat, url(../img/ac_nav-promo-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_nav-promo-right-bg_ncsa.png) right 0 no-repeat, #cda279;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute !important;
  right: 0;
  top: 0;
  text-decoration: none;
  -webkit-transition: background 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none; }

.globalNavigation-preorder-link {
  text-decoration: none; }

.globalNavigation-preorder:before {
  content: "";
  position: absolute; }

.globalNavigation-preorder .description, .globalNavigation-preorder strong {
  display: block;
  text-align: center;
  text-transform: uppercase; }

.globalNavigation-preorder strong {
  color: #041418;
  font-weight: 400;
  font-size: 10px;
  font-size: .625rem; }

.globalNavigation-preorder .description, .globalNavigation-preorder strong {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 15px;
  line-height: .9375rem;
  letter-spacing: .07px;
  letter-spacing: .07rem; }

.globalNavigation-preorder .description {
  color: #fff;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-weight: 700;
  font-size: 14px;
  font-size: .875rem; }

.globalNavigation-preorder-link.is-preorder {
  position: relative;
  min-width: 180px;
  height: 100%;
  width: 100%;
  text-decoration: none; }

.globalNavigation-preorder-link.is-preorder .copy {
  margin-top: 15px; }

.globalNavigation-preorder-link.is-preorder:hover {
  background: url(../img/ac_nav-promo-highlight_ncsa.png) 90% 0 no-repeat, url(../img/ac_nav-promo-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_nav-promo-right-bg_ncsa.png) right 0 no-repeat, #cda279; }

.globalNavigation-preorder-link.is-preorder:hover .description {
  text-shadow: 0 1px .98px #000; }

.globalNavigation-main {
  margin-left: 35px;
  padding: 13px 0;
  width: auto; }

.globalNavigation-main, .globalNavigation-main nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

.globalNavigation-main nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%; }

.globalNavigation-main--mobile {
  display: none; }

.globalNavigation-drawer {
  background: url(../img/ac-nav-pattern-bg_ncsa.png) 0 0 repeat, #fff;
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 60px;
  left: 0;
  max-height: 0;
  padding: 0 50px 0 0;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: auto; }

.globalNavigation-drawer:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 100%;
  height: 25px; }

.globalNavigation-drawer[data-items="1"] {
  -webkit-transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="2"] {
  -webkit-transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="3"] {
  -webkit-transition: max-height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="4"] {
  -webkit-transition: max-height 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 0.9s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="5"] {
  -webkit-transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="6"] {
  -webkit-transition: max-height 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="7"] {
  -webkit-transition: max-height 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 1.3s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer[data-items="8"] {
  -webkit-transition: max-height 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-drawer .globalNavigation-item {
  height: auto; }

.globalNavigation-drawer .globalNavigation-item:after {
  display: none; }

.globalNavigation-drawer a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 10px 15px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.globalNavigation-drawer a:before {
  background: #1d2b2e;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% + 50px);
  height: 0; }

.globalNavigation-drawer a span {
  position: relative;
  z-index: 1; }

.globalNavigation-drawer a:hover {
  color: #cda279; }

.globalNavigation-drawer a:hover:before {
  width: calc(100% + 50px);
  height: 100%; }

.globalNavigation-hamburger, .globalNavigation-hamburger--mobile, .globalNavigation-hamburgerContainer {
  display: none; }

.globalNavigation .nav-item {
  color: #cda279;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .2px;
  letter-spacing: .2rem;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.globalNavigation .nav-item:after {
  background: #fff;
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.globalNavigation .nav-item:hover {
  text-decoration: none; }

.globalNavigation .nav-item.is-drawer.active:after {
  color: #041418;
  width: calc(100% + 10px);
  height: calc(100% + 2px); }

.globalNavigation div.nav-item.is-drawer.active:after {
  display: none; }

.globalNavigation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative; }

.globalNavigation-item:after {
  background: #fff;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0; }

.globalNavigation-item .icon-arrow, .globalNavigation-item:after {
  position: absolute;
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

.globalNavigation-item .icon-arrow {
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.globalNavigation-item .icon-arrow path {
  fill: #33d0c8; }

.globalNavigation-item .icon-arrow-decoration, .globalNavigation-item .icon-nav-text {
  display: none; }

body:not(.is-touch) .globalNavigation-item:hover:after {
  width: 100%;
  height: calc(100% + 2px); }

body:not(.is-touch) .globalNavigation-item:hover .nav-item {
  color: #041418; }

.globalNavigation-item.active:after {
  width: 100%;
  height: calc(100% + 2px); }

.globalNavigation-item.active .nav-item {
  color: #041418; }

.globalNavigation .nav-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.globalNavigation .nav-item:not(.mobile-only) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.globalNavigation .nav-item span {
  position: relative;
  z-index: 1; }

.globalNavigation .nav-item.is-drawer {
  position: relative; }

.globalNavigation .nav-item.is-drawer .has-arrow {
  position: relative;
  z-index: 1; }

.globalNavigation .nav-item.is-drawer .has-arrow:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -10px;
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3px 0;
  border-color: #c7a970 transparent transparent; }

.globalNavigation .nav-item.is-drawer:not(:last-child) {
  margin-right: 10px; }

.globalNavigation .nav-item.is-drawer:hover {
  color: #041418;
  text-decoration: none; }

.globalNavigation .nav-item.is-drawer:hover .has-arrow:before {
  border-color: #041418 transparent transparent; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer {
  opacity: 1;
  pointer-events: all; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="1"] {
  max-height: 45px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="2"] {
  max-height: 90px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="3"] {
  max-height: 180px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="4"] {
  max-height: 220px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="5"] {
  max-height: 270px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="6"] {
  max-height: 310px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="7"] {
  max-height: 355px; }

.globalNavigation .nav-item.focus + .globalNavigation-drawer[data-items="8"] {
  max-height: 400px; }

.globalNavigation.mobile {
  border-bottom-color: #474747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: 100%; }

.globalNavigation.mobile .is-photomode {
  display: none; }

.globalNavigation.mobile .globalNavigation-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: none; }

.globalNavigation.mobile .globalNavigation-main {
  background: rgba(0, 0, 0, 0.6);
  display: block;
  top: 45px;
  left: 0;
  max-height: 0;
  margin: 0;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: fixed;
  pointer-events: none;
  width: 100%;
  height: 100%; }

.globalNavigation.mobile .globalNavigation-main nav {
  -webkit-box-align: start;
  -ms-flex-align: start;
  background: url(../img/ac_nav-mobile-bg_ncsa.png) 0 0 repeat, #fff;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  white-space: normal;
  display: block;
  width: 80%;
  height: auto; }

.globalNavigation.mobile .globalNavigation-main.active {
  max-height: 10000px;
  pointer-events: all;
  z-index: 900; }

.globalNavigation.mobile .globalNavigation-main.active:before {
  opacity: 1; }

.globalNavigation.mobile .globalNavigation-main.active nav {
  padding-bottom: 105px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.globalNavigation.mobile .globalNavigation-main.active .globalNavigation-main--mobile {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f0f0f0;
  border-bottom: 1px solid rgba(121, 139, 147, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 20px;
  width: 100%;
  height: 60px; }

.globalNavigation.mobile .globalNavigation-main.active .globalNavigation-main--mobile:before {
  background: #ddd;
  content: "";
  left: 20px;
  bottom: 0;
  position: absolute;
  width: calc(100% - 40px);
  height: 1px; }

.globalNavigation.mobile .globalNavigation-main.active .preorder {
  color: #cda279;
  text-decoration: none;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 16px;
  line-height: 1rem;
  letter-spacing: .07px;
  letter-spacing: .07rem;
  width: 70%;
  text-align: right; }

.globalNavigation.mobile .globalNavigation-preorder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_nav-mobile-preorder-bg_ncsa.png) 0 0 no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-left: 1px solid #cda279;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  max-width: 180px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  top: 0;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.globalNavigation.mobile .globalNavigation-preorder .description {
  display: none; }

.globalNavigation.mobile .globalNavigation-preorder strong {
  color: #041418;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 15px;
  line-height: .9375rem;
  letter-spacing: .035px;
  letter-spacing: .035rem; }

.globalNavigation.mobile .globalNavigation-preorder strong .date {
  display: block;
  color: #fff;
  font-size: 14px;
  font-size: .875rem;
  line-height: 15px;
  line-height: .9375rem;
  letter-spacing: .035px;
  letter-spacing: .035rem; }

.globalNavigation.mobile .globalNavigation-preorder:before {
  display: none; }

.globalNavigation.mobile .globalNavigation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  width: 100%;
  height: auto;
  display: block; }

.globalNavigation.mobile .globalNavigation-item:after {
  display: none; }

.globalNavigation.mobile .globalNavigation-hamburger--mobile {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #b4b4b4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 15px;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px;
  line-height: .875rem;
  letter-spacing: -.05px;
  letter-spacing: -.05rem; }

.globalNavigation.mobile .globalNavigation-hamburger--mobile svg {
  font-size: 20px; }

.globalNavigation.mobile .globalNavigation-hamburgerContainer {
  left: 30px;
  top: 22px;
  position: absolute;
  z-index: 1; }

.globalNavigation.mobile .globalNavigation-hamburger, .globalNavigation.mobile .globalNavigation-hamburgerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.globalNavigation.mobile .globalNavigation-hamburger {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 25px;
  height: 14px; }

.globalNavigation.mobile .globalNavigation-hamburger:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.globalNavigation.mobile .globalNavigation-hamburger:focus {
  outline: none; }

.globalNavigation.mobile .globalNavigation-hamburger .bottom, .globalNavigation.mobile .globalNavigation-hamburger .middle, .globalNavigation.mobile .globalNavigation-hamburger .top {
  background: #cda279;
  position: absolute;
  width: 100%;
  height: 2px; }

.globalNavigation.mobile .globalNavigation-hamburger .top {
  top: 0; }

.globalNavigation.mobile .globalNavigation-hamburger .middle {
  top: 6px; }

.globalNavigation.mobile .globalNavigation-hamburger .bottom {
  top: 12px; }

.globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .bottom, .globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .middle, .globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .top {
  top: 6px; }

.globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .top {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .middle {
  display: none; }

.globalNavigation.mobile .globalNavigation-hamburger.globalNavigation-hamburger--mobile.active .bottom {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.globalNavigation.mobile .globalNavigation-logo {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 75px; }

.globalNavigation.mobile .globalNavigation-drawer {
  background: url(../img/ac-nav-pattern-bg_ncsa.png) 0 0 repeat, -webkit-linear-gradient(331deg, #cda279, #896a49);
  background: url(../img/ac-nav-pattern-bg_ncsa.png) 0 0 repeat, -o-linear-gradient(331deg, #cda279 0, #896a49 100%);
  background: url(../img/ac-nav-pattern-bg_ncsa.png) 0 0 repeat, linear-gradient(119deg, #cda279, #896a49);
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-height: 0;
  overflow: hidden;
  padding-right: 0;
  display: block; }

.globalNavigation.mobile .globalNavigation-drawer:before {
  display: none; }

.globalNavigation.mobile .globalNavigation-drawer a {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding-left: 25px;
  width: 100%;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 60px;
  line-height: 3.75rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.globalNavigation.mobile .globalNavigation-drawer .mobile-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.globalNavigation.mobile .nav-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(121, 139, 147, 0.5);
  color: #041418;
  padding-left: 25px;
  width: 100%;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 60px;
  line-height: 3.75rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.globalNavigation.mobile .nav-item .has-arrow:before, .globalNavigation.mobile .nav-item.is-drawer.active:after {
  display: none; }

.globalNavigation.mobile .nav-item.is-drawer:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 22px;
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0;
  border-color: #c7a970 transparent transparent; }

.globalNavigation.mobile .nav-item.active-mobile + .globalNavigation-drawer {
  max-height: 1000px;
  opacity: 1;
  pointer-events: all; }

.globalNavigation.mobile .nav-item.active-mobile.is-drawer:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.is-photomode {
  background: transparent;
  position: relative;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  color: #eeebe5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  top: 0;
  left: 0;
  padding: 0 35px;
  text-decoration: none;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-size: 100% 200%;
  background-image: url("https://ubistatic19-a.akamaihd.net/marketingresource/en-us/assassins-creed/assassins-creed-odyssey/assets/images/ac_global-marble-nav-bg_ncsa.png");
  background-position: top !important;
  -webkit-transition: background-position .3s;
  -o-transition: background-position .3s;
  transition: background-position .3s;
  z-index: 2; }

.is-photomode .copy {
  margin-top: 25px; }

.is-photomode .description {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #cda279;
  text-shadow: none !important; }

.is-photomode:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%; }

.is-photomode:hover {
  background-position: 0 100% !important;
  -webkit-transition: background-position .3s;
  -o-transition: background-position .3s;
  transition: background-position .3s; }

.is-photomode div {
  position: relative;
  z-index: 3; }

body:not(.is-touch) .is-photomode:hover:before {
  -webkit-animation: btnPlay-NavReverse 0.3s steps(29) forwards;
  animation: btnPlay-NavReverse 0.3s steps(29) forwards; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.globalFooter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 70px 20px 40px;
  position: relative;
  z-index: 100; }

.globalFooter, .globalFooter-legal, .globalFooter-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.globalFooter-legal, .globalFooter-logos {
  max-width: 860px; }

.globalFooter-logos {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 30px 0; }

.globalFooter-logos a {
  padding: 0 10px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out; }

.globalFooter-logos a:hover {
  opacity: 1; }

.globalFooter-logos:hover a {
  opacity: .5; }

.globalFooter-logos:hover a:hover {
  opacity: 1; }

.globalFooter-legal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.globalFooter-legal a, .globalFooter-legal p {
  color: #fff;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 12px;
  line-height: .75rem;
  letter-spacing: 0; }

.globalFooter-legal p {
  text-align: center; }

.globalFooter-legal a {
  padding: 0;
  position: relative; }

.globalFooter-legal a:not(:first-child):before {
  content: "|";
  color: #fff;
  display: inline-block;
  padding: 0 5px; }

.globalFooter-legal--links {
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.LanguageSelector {
  background: transparent;
  border: none;
  border-radius: 0;
  color: #fff;
  padding: 5px 20px 5px 35px;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: .05px;
  letter-spacing: .05rem;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.LanguageSelector::-ms-expand {
  display: none; }

.is-windows .LanguageSelector option {
  background: #000; }

.language-selector-wrapper {
  background: #282828;
  border: none;
  border-radius: 0;
  color: #fff;
  position: relative;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: .05px;
  letter-spacing: .05rem;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.language-selector-wrapper img {
  position: absolute;
  top: 9px;
  left: 11px;
  pointer-events: none; }

.language-selector-wrapper:before {
  background: url(../img/ac_language-arrow_ncsa.png) 0 0 no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 8px;
  vertical-align: middle;
  pointer-events: none;
  width: 9px;
  height: 4px; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.Modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 35, 31, 0.6);
  top: 0;
  left: 0;
  z-index: 2000;
  -webkit-animation: modal-in .3s ease 1;
  animation: modal-in .3s ease 1;
  overflow: auto;
  display: none; }

.Modal .btn-close {
  position: absolute;
  top: 25px;
  right: 25px; }

.Modal-header {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  z-index: 100;
  height: 50px; }

.Modal-body, .Modal-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.Modal-body {
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0;
  z-index: 50; }

.Modal-body iframe, .Modal-body img, .Modal-body video {
  max-height: 56vw;
  max-width: 100%; }

.Modal.is-showing {
  display: block; }

.Modal .container {
  width: 100%; }

.Modal h2 {
  width: 96%;
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.NotFound--content p:before {
  content: "";
  display: block;
  position: absolute; }

.NotFound {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_404-bg_ncsa.jpg) 50% no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 105px auto 0;
  min-height: 70vh;
  padding: 0 30px; }

.NotFound:before {
  border: 1px solid #cda279;
  content: "";
  top: 10px;
  left: 10px;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px); }

.NotFound--content {
  background: #f7f5f3;
  padding: 30px 0 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 845px;
  position: relative;
  width: 100%; }

.NotFound--content:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -5px;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 1;
  width: calc(100% - 60px);
  height: auto; }

.NotFound--content:after {
  content: "";
  top: 10px;
  position: absolute;
  background: #f7f5f3;
  height: calc(100% - 20px); }

.NotFound--content-boxes, .NotFound--content:after {
  left: -10px;
  pointer-events: none;
  width: calc(100% + 20px); }

.NotFound--content-boxes {
  background: url(../img/ac_box-ornament_ncsa.png) 0 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 0 100% no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 100% no-repeat;
  position: absolute !important;
  top: 0;
  height: 100%; }

.NotFound--content * {
  position: relative;
  z-index: 1; }

.NotFound--content img {
  width: 120px;
  height: 99px; }

.NotFound--content h1 {
  margin: 25px auto 5px;
  text-align: center;
  font-size: 82px;
  font-size: 5.125rem;
  line-height: 82px;
  line-height: 5.125rem;
  letter-spacing: -.075px;
  letter-spacing: -.075rem;
  font-weight: 300; }

.NotFound--content h1, .NotFound--content h1 span {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.NotFound--content h1 span {
  display: block;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: -.025px;
  letter-spacing: -.025rem; }

.NotFound--content p {
  text-align: center;
  max-width: 375px;
  padding: 20px 0 0;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.NotFound--content p:before {
  background: #cda279;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.NotFound--content .btn {
  margin-top: 25px; }

@media only screen and (max-width: 640px) {
  .NotFound {
    padding-top: 0; }

  .NotFound--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 50px 0;
    padding: 50px 20px; } }
.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.tabbedCarousel-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
  -ms-grid-rows: 50% 50%;
  grid-template-rows: 50% 50%;
  margin: 0 auto;
  max-width: 1220px; }

.tabbedCarousel img {
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 1; }

.tabbedCarousel-activeContent {
  color: #041418;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.tabbedCarousel-activeContent, .tabbedCarousel-activeContent span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tabbedCarousel-activeContent span {
  color: #bca06a;
  line-height: 1;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.tabbedCarousel-activeContent h2 {
  line-height: 1;
  margin: 0 0 10px;
  padding: 0;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 46px;
  font-size: 2.875rem; }

.tabbedCarousel-activeImage {
  line-height: 0;
  position: relative;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
  margin-left: 45px; }

.tabbedCarousel-activeImage .activeImage-wrapper {
  position: relative; }

.tabbedCarousel-activeImage .activeImage-wrapper:after, .tabbedCarousel-activeImage .activeImage-wrapper:before {
  content: "";
  position: absolute; }

.tabbedCarousel-activeImage .activeImage-wrapper:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  -webkit-box-shadow: 0 2px 3.88px 0.12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.88px 0.12px rgba(0, 0, 0, 0.25);
  top: -5px;
  left: -5px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% + 10px);
  height: calc(100% + 10px); }

.tabbedCarousel-activeImage .activeImage-wrapper:after {
  top: 5px;
  left: 5px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 2;
  width: calc(100% - 80px);
  height: calc(100% - 80px); }

.tabbedCarousel .tabbedCarousel-timer {
  background: #cda279;
  display: block;
  margin-bottom: 15px;
  width: 0;
  height: 2px; }

.tabbedCarousel-tabs {
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  margin-top: 50px; }

.tabbedCarousel-tabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.tabbedCarousel-tabs li {
  cursor: pointer;
  opacity: .5;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.tabbedCarousel-tabs li:not(:last-child) {
  margin-bottom: 5px; }

.tabbedCarousel-tabs li.is-active {
  opacity: 1;
  cursor: context-menu; }

.tabbedCarousel-tabs li.is-active button {
  cursor: context-menu; }

.tabbedCarousel-tabs a, .tabbedCarousel-tabs button {
  background: transparent;
  border: 0;
  color: #041418;
  cursor: pointer;
  display: block;
  outline: none;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 19px;
  line-height: 1.1875rem;
  letter-spacing: 0; }

.tabbedCarousel-tabs a span, .tabbedCarousel-tabs button span {
  color: #cda279;
  line-height: 1;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.tabbedCarousel-tabs span, .tabbedCarousel-tabs strong {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem; }

@supports not ((display: -ms-grid) or (display: grid)) {
  .tabbedCarousel-activeImage {
    margin: 45px 0 0; } }
@media only screen and (max-width: 1024px) {
  .tabbedCarousel-activeImage {
    grid-row-end: 1; }

  .tabbedCarousel-tabs {
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: end; }

  .tabbedCarousel-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

  .tabbedCarousel-tabs li {
    padding: 0 10px; }

  .tabbedCarousel-tabs li:first-child {
    padding-left: 0; }

  .tabbedCarousel-tabs li:last-child {
    padding-right: 0; } }
@media only screen and (max-width: 640px) {
  .tabbedCarousel-container {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    padding: 0; }

  .tabbedCarousel-activeImage {
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: 1;
    grid-column-start: 1;
    margin-left: 0;
    grid-column-end: end; }

  .tabbedCarousel-activeImage .activeImage-wrapper:before {
    display: none; }

  .tabbedCarousel-activeContent {
    background: url("../img/ac_marble-tile_ncsa.jpg") 0 0 no-repeat;
    background-size: cover;
    color: #000;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: end;
    -ms-grid-row: 2;
    grid-row-start: 2;
    padding: 20px 20px 30px; }

  .tabbedCarousel .tabbedCarousel-timer {
    display: none; }

  .tabbedCarousel-tabs {
    border-top: 0;
    -ms-grid-row: 3;
    grid-row-start: 3;
    margin: 0;
    padding: 0; }

  .tabbedCarousel-tabs ul {
    border-top: 1px solid #c3c9cc;
    display: block; }

  .tabbedCarousel-tabs li, .tabbedCarousel-tabs li:first-child, .tabbedCarousel-tabs li:last-child {
    background: #f7f5f3;
    border-bottom: 1px solid #c3c9cc;
    color: #000;
    margin: 0;
    padding: 0;
    opacity: 1; }

  .tabbedCarousel-tabs strong {
    font-family: din-2014,sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .tabbedCarousel-tabs a, .tabbedCarousel-tabs button {
    color: #000;
    padding: 15px 25px; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.ticker .tickerItems-itemContent:after, .ticker .tickerItems-itemContent:before {
  content: "";
  display: block;
  position: absolute; }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ticker {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  padding: 10px 85px 30px;
  position: relative;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity .2s ease-in-out,background .3s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background .3s ease-in-out;
  transition: opacity .2s ease-in-out,background .3s ease-in-out;
  opacity: 1;
  width: 100%;
  z-index: 900; }

.ticker .tickerWrap {
  overflow: hidden;
  width: 100%; }

.ticker.is-loading {
  opacity: 0; }

.ticker .btn-primary.tickerControls--next, .ticker .btn-primary.tickerControls--prev, .ticker .tickerControls--next.btn-close, .ticker .tickerControls--prev.btn-close {
  max-height: 52px;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  outline: none;
  z-index: 10;
  width: 52px;
  height: 52px; }

.ticker .btn-primary.tickerControls--next.is-disabled, .ticker .btn-primary.tickerControls--prev.is-disabled, .ticker .tickerControls--next.is-disabled.btn-close, .ticker .tickerControls--prev.is-disabled.btn-close {
  cursor: not-allowed;
  opacity: .5; }

.ticker .btn-primary.tickerControls--next.is-hidden, .ticker .btn-primary.tickerControls--prev.is-hidden, .ticker .tickerControls--next.is-hidden.btn-close, .ticker .tickerControls--prev.is-hidden.btn-close {
  display: none; }

body:not(.is-touch) .ticker .btn-primary.tickerControls--next:hover:before, body:not(.is-touch) .ticker .btn-primary.tickerControls--prev:hover:before, body:not(.is-touch) .ticker .tickerControls--next.btn-close:hover:before, body:not(.is-touch) .ticker .tickerControls--prev.btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.tickerControls--prev {
  left: 15px; }

.tickerControls--next {
  right: 15px; }

.tickerItems {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%; }

.tickerItems.is-centered {
  margin: 0 auto; }

.tickerItems-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 10px;
  position: relative;
  width: 33.333%; }

.tickerItems-item img {
  height: auto; }

.tickerItems-item:hover .tickerItems-itemContent:after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px; }

.ticker .tickerItems-itemContent {
  background: #f7f5f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 100;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ticker .tickerItems-itemContent:after {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  z-index: -1; }

.ticker .tickerItems-itemContent .tickerItems-itemContent-media {
  border-bottom: 3px solid #cda572;
  line-height: 0; }

.ticker .tickerItems-itemContent .tickerItems-itemContent-media img {
  width: 100%; }

.ticker .tickerItems-itemContent .tickerItems-itemContent-media button {
  background: transparent;
  cursor: pointer;
  border: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  outline: none;
  width: 100%; }

.ticker .tickerItems-itemContent .tickerItems-itemContent-details {
  color: #354346;
  padding: 25px 30px calc(65px + 1rem); }

.ticker .tickerItems-itemContent h3, .ticker .tickerItems-itemContent p {
  margin: 0;
  padding: 0; }

.ticker .tickerItems-itemContent h3 {
  color: #021618;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
  letter-spacing: 0;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ticker .tickerItems-itemContent p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  letter-spacing: 0; }

.ticker .tickerItems-itemContent .tickerItems-itemContent-date {
  color: #cda279;
  display: block;
  padding-bottom: 5px;
  line-height: 1;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.ticker .tickerItems-itemContent .btn-simple {
  line-height: 1;
  padding: 0;
  position: absolute;
  left: 30px;
  bottom: 35px; }

.ticker .tickerItems-itemContent img, .ticker .tickerItems-itemContent video {
  max-width: 100%;
  width: 100%; }

.ticker .tickerControls-pages {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }

.ticker .tickerControls-pages li {
  background: #798b93;
  display: inline-block;
  margin: 0 4px;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  width: 12px;
  height: 4px; }

.ticker .tickerControls-pages li.is-active {
  background: #fff; }

@media only screen and (max-width: 768px) {
  .ticker {
    padding: 10px 0 30px; }

  .tickerItems-item {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%; }

  .ticker.show-mobile-images .tickerItems-itemContent-media {
    display: block; }

  .ticker.show-mobile-images .tickerItems-itemContent {
    display: block;
    text-align: left; }

  .ticker .tickerItems-itemContent-media {
    display: none; }

  .ticker .tickerItems-itemContent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }

  .ticker .tickerItems-itemContent .tickerItems-itemContent-details {
    padding: 30px; }

  .ticker .tickerItems-itemContent h3 {
    padding-top: 10px; }

  .ticker .tickerItems-itemContent .btn-simple {
    position: relative;
    left: auto;
    bottom: auto; }

  .ticker .tickerControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

  .ticker .tickerControls .tickerControls-page {
    color: #fff;
    font-family: din-2014,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 1rem;
    line-height: 23px;
    line-height: 1.4375rem;
    letter-spacing: .025px;
    letter-spacing: .025rem; }

  .ticker .tickerControls .tickerControls--next, .ticker .tickerControls .tickerControls--prev {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.promo-16x9--content p:before, .promo-row--content .wysiwyg-container p:first-child:before, .promo-row--content:before, .promo-row--content p:before {
  content: "";
  display: block;
  position: absolute; }

.promo {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.promo, .promo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.promo-row {
  background: #f7f5f3;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 30px 20px;
  max-width: 1270px;
  padding: 15px;
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-row:nth-child(2n) .promo-row--content {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.promo-row:nth-child(2n) .promo-row--media {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.promo-row:last-child {
  margin-bottom: 0; }

.promo-row--content {
  background: #f7f5f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  padding: 40px 50px 50px;
  position: relative;
  width: 50%; }

.promo-row--content:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.promo-row--content span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.promo-row--content span svg {
  margin-right: 10px;
  position: relative;
  top: 3px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px;
  line-height: .875rem;
  letter-spacing: 0; }

.promo-row--content h3 {
  margin: 40px 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-row--content h3, .promo-row--content p {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promo-row--content p {
  margin: 0;
  padding: 16px 0 20px;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.promo-row--content p:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-row--content .wysiwyg-container p {
  padding: 0 0 20px; }

.promo-row--content .wysiwyg-container p:before {
  display: none; }

.promo-row--content .wysiwyg-container p:first-child {
  padding: 16px 0 20px; }

.promo-row--content .wysiwyg-container p:first-child:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-row--media {
  background-position: 50% !important;
  background-size: cover !important;
  max-width: 50%;
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-row--media img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 100%;
  opacity: 0; }

.promo-row--media.subscribe-api {
  background-size: contain !important; }

@media only screen and (max-width: 768px) {
  .promo-row {
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .promo-row--content, .promo-row--media {
    max-width: 100%;
    width: 100%; }

  .promo-row--media, .promo-row:nth-child(2n) .promo-row--media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .promo-row--content, .promo-row:nth-child(2n) .promo-row--content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

  .promo-row--media {
    background: transparent !important;
    line-height: 0;
    text-align: center; }

  .promo-row--media img {
    opacity: 1; }

  .promo-row--content {
    padding: 23px; }

  .promo-row--content:before {
    display: none; }

  .promo-row--content h3 {
    margin: 0 0 10px; } }
.promo-16x9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1165px;
  padding: 0 20px; }

.promo-16x9, .promo-16x9--content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.promo-16x9--content {
  color: #fff;
  padding: 0 100px 0 0;
  position: relative;
  width: 35%; }

.promo-16x9--content span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.promo-16x9--content span svg {
  margin-right: 10px;
  position: relative;
  top: 3px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px;
  line-height: .875rem;
  letter-spacing: 0; }

.promo-16x9--content h3 {
  margin: 0 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-16x9--content h3, .promo-16x9--content p {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promo-16x9--content p {
  margin: 0;
  padding: 16px 0 20px;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.promo-16x9--content p:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-16x9--media {
  background-position: 50% !important;
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 65%;
  position: relative; }

.promo-16x9--media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%; }

.promo-16x9--media > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.promo-16x9--media img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 100%;
  opacity: 1; }

@media only screen and (max-width: 930px) {
  .promo-16x9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0; }

  .promo-16x9--content, .promo-16x9--media {
    width: 100%; }

  .promo-16x9--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 23px 20px 63px; }

  .promo-16x9--content h3 {
    margin: 0 0 10px; }

  .promo-16x9--media {
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .promo-16x9--media img {
    width: 100%; }

  .promo-16x9--media:before {
    content: none; } }
@media only screen and (max-width: 768px) {
  .promo {
    height: auto; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.buy {
  text-align: left; }

.buy-image img {
  max-width: 100%; }

.buy-image .btn-expandchart {
  border-right: 1px solid #9da09f !important;
  margin-right: 5px;
  padding-right: 10px; }

.buy-image .btn {
  background: transparent;
  border: 0;
  color: #c7a970;
  cursor: pointer;
  float: right;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem; }

.buy-image .btn svg {
  fill: #c7a970;
  margin-right: 5px;
  position: relative;
  bottom: -2px; }

.buy-details span {
  background: url("https://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_arrow-down_ncsa.png") calc(100% - 15px) 25% no-repeat;
  border-bottom: 1px solid #83898a;
  cursor: pointer;
  display: block;
  padding: 0 0 10px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-details.is-open span {
  background: url("https://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_arrow-up_ncsa.png") calc(100% - 15px) 25% no-repeat; }

.buy-details p {
  display: none; }

.buy-details p.is-open, .buy-region {
  display: block; }

.buy-region {
  padding: 10px 0; }

.buy-region strong {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-region select {
  width: 100%; }

.buy-select {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  padding: 4px;
  position: relative; }

.buy-select:before {
  content: "";
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.buy-select select {
  background: #fff;
  border: none;
  border-radius: 0;
  color: #041418;
  padding: 0 0 0 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  line-height: 1.25rem; }

.buy-select select::-ms-expand {
  display: none; }

.buy-select select {
  font-size: 12px;
  font-size: .75rem;
  line-height: 34px;
  line-height: 2.125rem;
  letter-spacing: .04px;
  letter-spacing: .04rem; }

.buy-versions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.buy-versions li {
  padding-right: 20px;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-versions li label {
  cursor: pointer;
  line-height: 25px;
  padding-left: 30px;
  text-transform: uppercase; }

.buy-versions li input[type=radio] {
  position: absolute;
  visibility: hidden; }

.buy-versions .check {
  background: #fff;
  display: block;
  border: 2px solid #cda279;
  border-radius: 0;
  position: absolute;
  top: 3px;
  left: 0;
  pointer-events: none;
  text-transform: uppercase;
  z-index: 5;
  width: 14px;
  height: 14px; }

.buy-versions .check:before {
  color: #cda279;
  content: "X";
  font-size: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.buy-versions input[type=radio]:checked ~ .check:before {
  opacity: 1; }

.buy-versions input[type=radio]:disabled ~ .check, .buy-versions input[type=radio]:disabled ~ label {
  opacity: .5; }

.Promos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.promoBoxes .promoBox--media:after {
  content: "";
  display: block;
  position: absolute; }

.HomeGameinfoDetails {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%; }

.HomeGameinfoDetails-snapslider {
  visibility: hidden;
  display: none; }

@media only screen and (max-width: 768px) {
  .HomeGameinfoDetails-snapslider {
    visibility: visible;
    display: block; } }
.HomeGameinfoDetails-snapslider .SnapSlider {
  margin-bottom: 24px; }

.HomeGameinfoDetails-snapslider .SnapSlider-slide {
  -webkit-box-shadow: 0 4px 8.37px 0.63px rgba(0, 0, 0, 0.45);
  box-shadow: 0 4px 8.37px 0.63px rgba(0, 0, 0, 0.45); }

.HomeGameinfoDetails-snapslider .SnapSlider-slide.active {
  border: 1px solid #cda279; }

.HomeGameinfoDetails-snapslider .Slideshow-slides {
  margin-bottom: 24px; }

.HomeGameinfoDetails-snapslider .Slideshow-slide .SnapSlideshow-contentSubtitle {
  color: #cda279;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 12px;
  line-height: .75rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.HomeGameinfoDetails-snapslider .Slideshow-slide .SnapSlideshow-contentTitle {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.HomeGameinfoDetails-snapslider .Slideshow-slide .SnapSlideshow-contentDescription {
  margin: 0 32px;
  text-align: center;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.HomeGameinfoDetails-snapslider .Slideshow-select {
  background: #041418;
  border: 1px solid #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 5px;
  width: 5px;
  height: 5px; }

.HomeGameinfoDetails-snapslider .Slideshow-select.is-current {
  background: #cda279; }

.HomeGameinfoDetails-promos {
  visibility: visible;
  display: block; }

.promoBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  position: relative; }

.promoBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.promoBoxes--content, .promoBoxes .promoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.promoBoxes .promoBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(33% - 50px); }

.promoBoxes .promoBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  content: "";
  position: absolute;
  top: -9px;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

.promoBoxes .promoBox--content, .promoBoxes .promoBox img {
  position: relative;
  z-index: 1; }

.promoBoxes .promoBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 20px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.promoBoxes .promoBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.promoBoxes .promoBox--content:after {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  pointer-events: none;
  -webkit-transition: all 0.67s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.67s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.67s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px);
  height: calc(100% - 20px); }

.promoBoxes .promoBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.promoBoxes .promoBox--content .ui-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-75px);
  -ms-transform: translateY(-75px);
  transform: translateY(-75px);
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.promoBoxes .promoBox h2, .promoBoxes .promoBox p, .promoBoxes .promoBox span {
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1; }

.promoBoxes .promoBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  text-shadow: 0 0 4.75px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-110px);
  -ms-transform: translateY(-110px);
  transform: translateY(-110px);
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.promoBoxes .promoBox h2, .promoBoxes .promoBox span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promoBoxes .promoBox span {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: translateY(-105px);
  -ms-transform: translateY(-105px);
  transform: translateY(-105px);
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.promoBoxes .promoBox .btn-wrap {
  -webkit-transform: translateY(-95px);
  -ms-transform: translateY(-95px);
  transform: translateY(-95px); }

.promoBoxes .promoBox .btn-close, .promoBoxes .promoBox .btn-primary {
  color: #041418;
  padding: 8px 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promoBoxes .promoBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  text-transform: none;
  -webkit-transition: opacity .7s ease-in-out,max-height .7s ease-in-out,-webkit-transform .7s ease-in-out;
  transition: opacity .7s ease-in-out,max-height .7s ease-in-out,-webkit-transform .7s ease-in-out;
  -o-transition: opacity .7s ease-in-out,max-height .7s ease-in-out,transform .7s ease-in-out;
  transition: opacity .7s ease-in-out,max-height .7s ease-in-out,transform .7s ease-in-out;
  transition: opacity .7s ease-in-out,max-height .7s ease-in-out,transform .7s ease-in-out,-webkit-transform .7s ease-in-out;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.promoBoxes .promoBox a.btn-close, .promoBoxes .promoBox a.btn-primary, .promoBoxes .promoBox p {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px); }

.promoBoxes .promoBox a.btn-close, .promoBoxes .promoBox a.btn-primary {
  margin: 15px auto;
  -webkit-transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: max-height 1s cubic-bezier(0.23, 1, 0.32, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.promoBoxes .promoBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.promoBoxes .promoBox .is-mobile {
  display: none; }

.promoBoxes .promoBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.promoBoxes .promoBox--media:after {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
  top: 25%;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 1; }

.promoBoxes .promoBox--media img {
  max-width: 100%;
  width: 100%; }

.promoBoxes .promoBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

.promoBoxes .promoBox--ui {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 50%;
  bottom: -43px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
  width: 10px;
  height: 89px; }

.promoBoxes .promoBox--ui, .promoBoxes .promoBox--ui:before {
  position: absolute;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }

.promoBoxes .promoBox--ui:before {
  background: #cda279;
  content: "";
  top: 0;
  left: 5px;
  width: 1px;
  height: 70px; }

.promoBoxes .promoBox--ui-box {
  background: #0e1317;
  border: 1px solid #cda279;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  width: 5px;
  height: 5px; }

body:not(.is-touch) .promoBoxes .promoBox:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .promoBoxes .promoBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .promoBoxes .promoBox:hover .promoBox--content:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .promoBoxes .promoBox:hover .promoBox--media:after {
  opacity: 1; }

body:not(.is-touch) .promoBoxes .promoBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .promoBoxes .promoBox:hover .is-default, body:not(.is-touch) .promoBoxes .promoBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

body:not(.is-touch) .promoBoxes .promoBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-110px);
  -ms-transform: translateY(-110px);
  transform: translateY(-110px); }

body:not(.is-touch) .promoBoxes .promoBox:hover .btn-close:before, body:not(.is-touch) .promoBoxes .promoBox:hover .btn-primary:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .promoBoxes .promoBox:hover a.btn-close, body:not(.is-touch) .promoBoxes .promoBox:hover a.btn-primary {
  max-height: 400px;
  opacity: 1;
  overflow: visible;
  padding: 4px 50px;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px); }

body:not(.is-touch) .promoBoxes .promoBox:hover .promoBox--ui {
  bottom: -53px; }

body:not(.is-touch) .promoBoxes .promoBox:hover .promoBox--ui:before {
  height: 50px; }

.is-ie:not(.is-touch) .promoBoxes .promoBox:hover .promoBox--content:after {
  top: 9px;
  left: 10px;
  width: calc(100% - 18px);
  height: calc(100% - 20px); }

@media only screen and (max-width: 930px) {
  .promoBoxes .promoBox {
    width: calc(33% - 20px); } }
@media only screen and (max-width: 768px) {
  .promoBoxes--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .promoBoxes .promoBox {
    width: 100%; }

  .promoBoxes .promoBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .promoBoxes .promoBox .is-default, .promoBoxes .promoBox .is-hover, .promoBoxes .promoBox .ui-icon {
    display: none; }

  .promoBoxes .promoBox .is-mobile {
    display: block; }

  .promoBoxes .promoBox h2, .promoBoxes .promoBox span {
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
    z-index: 1; }

  .promoBoxes .promoBox p {
    display: none; }

  .promoBoxes .promoBox .btn-wrap {
    padding-top: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .promoBoxes .promoBox .btn-close, .promoBoxes .promoBox .btn-primary {
    padding: 10px 30px; }

  .promoBoxes .promoBox--content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .promoBoxes .promoBox--content:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.6)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 10%, transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 10%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 10%, transparent); }

  .promoBoxes .promoBox--ui {
    display: none; } }
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  line-height: 0;
  width: 100%; }

.media img {
  max-width: 100%;
  z-index: 1;
  width: 100%; }

.media iframe, .media video {
  height: 100%;
  width: 100%;
  z-index: 1; }

.media .scaled {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%; }

.media .scaled.tofill {
  background-size: cover; }

.media .scaled.tofit {
  background-size: contain; }

.media-close {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  z-index: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.AgeGate {
  background: url(../img/ac_agegate-bg_ncsa.jpg) 50% no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }

.AgeGate:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.AgeGate:after {
  background: url(../img/ac_diamond_ncsa.png) center 93px no-repeat, url(../img/ac_diamond_ncsa.png) 50% calc(100% - 93px) no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.AgeGate-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_geometric-6-bg_ncsa.png) 0 0 repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50px;
  left: 50px;
  width: calc(100% - 100px);
  height: calc(100% - 100px); }

.AgeGate-content:before {
  background: url(../img/ac_agegate-circle-bg_ncsa.png) 50% no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.AgeGate-content p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  max-width: 640px;
  padding: 0 30px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.AgeGate-content p a {
  color: #cda279;
  text-decoration: none; }

.AgeGate-content p.is-error {
  color: #b32e2e; }

.AgeGate-close {
  top: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.AgeGate .divider {
  color: #cda279;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 33px 20px 25px;
  max-width: 635px;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.AgeGate .divider span {
  position: relative; }

.AgeGate .divider span:after, .AgeGate .divider span:before {
  background: #cda279;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 1000px;
  height: 1px; }

.AgeGate .divider span:before {
  left: calc(100% + 20px); }

.AgeGate .divider span:after {
  right: calc(100% + 20px); }

.AgeGate-form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7f5f3;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 0;
  position: relative;
  z-index: 2;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0;
  width: 845px;
  height: auto; }

.AgeGate-form:before {
  top: 5px;
  left: -5px;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  z-index: 1;
  width: calc(100% - 60px);
  height: auto; }

.AgeGate-form:after, .AgeGate-form:before {
  content: "";
  position: absolute;
  pointer-events: none; }

.AgeGate-form:after {
  top: 10px;
  left: -10px;
  background: #f7f5f3;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% - 20px); }

.AgeGate-form * {
  position: relative;
  z-index: 1; }

.AgeGate-form-boxes {
  background: url(../img/ac_box-ornament_ncsa.png) 0 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 0 100% no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: -10px;
  pointer-events: none;
  width: calc(100% + 20px);
  height: 100%; }

.AgeGate-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 30px;
  max-width: 640px;
  width: 100%; }

.AgeGate-form .in-select {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  padding: 5px;
  position: relative;
  width: calc(33.33% - 8px); }

.AgeGate-form .in-select:before {
  content: "";
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.AgeGate-form .in-select select {
  background: #fff;
  border: none;
  border-radius: 0;
  color: #041418;
  padding: 0 0 0 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: .04px;
  letter-spacing: .04rem; }

.AgeGate-form .in-select select::-ms-expand {
  display: none; }

.AgeGate-form .in-select:not(:last-child) {
  margin-right: 8px; }

.AgeGate-form .in-select select {
  height: 100%; }

@media only screen and (max-width: 1024px) {
  .AgeGate-form {
    width: 700px; } }
@media only screen and (max-width: 860px) {
  .AgeGate:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-style: solid;
    border-width: 35px;
    -webkit-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
    -o-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
    border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
    pointer-events: none; }

  .AgeGate:after {
    display: none; }

  .AgeGate-close {
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

  .AgeGate-content {
    background: transparent;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px); }

  .AgeGate-content:before {
    display: none; }

  .AgeGate-form {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%; }

  .AgeGate-form-boxes, .AgeGate-form:after, .AgeGate-form:before {
    display: none; }

  .AgeGate-form-group {
    max-width: 100%; }

  .AgeGate-form p {
    color: #fff; }

  .AgeGate-form .in-select {
    background: #cda376;
    padding: 4px; } }
.OfferManagement.promo-16x9-wrapper {
  display: block; }

.OfferManagement.promo-16x9-wrapper .promo-16x9 {
  margin: 0 auto; }

.OfferManagement.promo-16x9-wrapper .promo-16x9--media img {
  width: 100%; }

.OfferManagement.promo-16x9-wrapper .promo-16x9--media:before {
  display: none; }

.OfferManagement h3 {
  margin: 0 0 5px; }

.OfferManagement.is-showing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.OfferManagement-container {
  opacity: 1;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }

.OfferManagement-container.is-active {
  opacity: 1; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.home-gameinfo-wrapper .gameinfoOverview p:before, .homepage-carousel .tabbedCarousel-tabs:after, .homepage-carousel .tabbedCarousel-tabs:before, .homepage-carousel:after, .newsSlider-title:after {
  content: "";
  display: block;
  position: absolute; }

.Home {
  padding-top: 105px; }

.Home .promo {
  background: url(../img/ac_geometric-3-bg_ncsa.png) repeat-x, url(../img/ac_lights-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_blue-tile-bg_ncsa.jpg) 50% repeat;
  padding: 60px 0 50px; }

.Home .promo-row--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Home .promo-row--content:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 15px; }

.Home .promo .promo-row:nth-child(2n) .promo-row--content:before {
  left: 15px;
  right: 0; }

.is-ie11 .Home .promo .promo-row {
  width: 100%; }

.Home .promo-16x9-wrapper {
  background: url(../img/ac_additionalContent-bg_ncsa.jpg) 50% no-repeat;
  background-size: cover;
  padding: 80px 0; }

@media only screen and (max-width: 930px) {
  .Home .promo-16x9-wrapper {
    padding: 0; } }
@media only screen and (max-width: 768px) {
  .Home .promo {
    padding: 30px 0 40px; }

  .Home .promo-16x9-wrapper {
    padding: 0; } }
.newsSlider {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%; }

.newsSlider-title {
  color: #cda279;
  display: block;
  margin-bottom: 25px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 10;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.newsSlider-title:after {
  background: #cda279;
  bottom: -10px;
  left: 50%;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  width: 5px;
  height: 5px; }

.newsSlider-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0;
  overflow: hidden; }

@media only screen and (max-width: 768px) {
  .newsSlider {
    padding-top: 60px; } }
@media only screen and (max-width: 640px) {
  .newsSlider {
    padding-top: 30px; } }
.homepage-carousel {
  background: url("../img/ac_marble-tile_ncsa.jpg") 0 0 repeat;
  padding: 80px 20px;
  position: relative;
  z-index: 10; }

.homepage-carousel:after {
  background: url("../img/ac_home-hero-carousel-chevron_ncsa.png") 50% 0 no-repeat;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  width: 2560px;
  height: 267px; }

@media only screen and (min-width: 1440px) {
  .homepage-carousel:after {
    bottom: -72px; } }
.homepage-carousel .tabbedCarousel-activeImage {
  position: relative;
  z-index: 10; }

.homepage-carousel .tabbedCarousel-tabs {
  position: relative; }

.homepage-carousel .tabbedCarousel-tabs:after, .homepage-carousel .tabbedCarousel-tabs:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f5f3), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #f7f5f3, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(top, #f7f5f3 0, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, #f7f5f3 0, rgba(255, 255, 255, 0));
  border-top: 1px solid #dee0e0;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 100%; }

.homepage-carousel .tabbedCarousel-tabs:before {
  left: 100%; }

.homepage-carousel .tabbedCarousel-tabs:after {
  right: 0; }

.homepage-carousel .tabbedCarousel-tabs .tabbedCarousel-timer, .homepage-carousel .tabbedCarousel-tabs ul {
  position: relative;
  z-index: 10; }

@media only screen and (max-width: 1024px) {
  .homepage-carousel {
    padding-bottom: 20px; }

  .homepage-carousel:after {
    background: url("../img/ac_home-hero-carousel-chevron-thin_ncsa.png") 50% 0 no-repeat;
    bottom: -30px;
    width: 2560px;
    height: 115px; } }
@media only screen and (max-width: 640px) {
  .homepage-carousel {
    padding: 0; }

  .homepage-carousel:after {
    display: none; } }
.home-gameinfo-wrapper {
  position: relative;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 70px;
  background: #191919 url(../img/ac_home-gameinfo-wrapper-bg_ncsa.jpg) no-repeat;
  background-size: cover;
  background-position: top;
  margin-top: -25px; }

.home-gameinfo-wrapper, .home-gameinfo-wrapper .gameinfoOverview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.home-gameinfo-wrapper .gameinfoOverview {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  max-width: 1200px;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 140px 0 120px;
  padding: 0 20px; }

.home-gameinfo-wrapper .gameinfoOverview h1 {
  margin: 0 0 0 -5px;
  font-size: 62px;
  font-size: 3.875rem;
  line-height: 58px;
  line-height: 3.625rem;
  letter-spacing: 0;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.home-gameinfo-wrapper .gameinfoOverview span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.home-gameinfo-wrapper .gameinfoOverview p {
  margin: 20px 0 0;
  padding: 16px 0 20px;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.home-gameinfo-wrapper .gameinfoOverview p:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.home-gameinfo-wrapper .gameinfoOverview-content {
  margin-right: 150px;
  padding: 60px 0 0 70px;
  width: calc(50% - 40px); }

.home-gameinfo-wrapper .gameinfoOverview-media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: calc(50% - 90px); }

.home-gameinfo-wrapper .gameinfoOverview-media img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.home-gameinfo-wrapper .gameinfoOverview-media .is-mobile {
  display: none; }

@media only screen and (max-width: 1024px) {
  .home-gameinfo-wrapper .gameinfoOverview-content {
    margin-right: 90px;
    width: calc(50% - 40px); }

  .home-gameinfo-wrapper .gameinfoOverview-media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50% - 50px); }

  .home-gameinfo-wrapper .gameinfoOverview-media img {
    max-width: 100%; } }
@media only screen and (max-width: 768px) {
  .home-gameinfo-wrapper {
    padding-top: 20px;
    padding-bottom: 30px; }

  .home-gameinfo-wrapper .gameinfoOverview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 55px 0;
    max-width: 100%; }

  .home-gameinfo-wrapper .gameinfoOverview-content, .home-gameinfo-wrapper .gameinfoOverview-media {
    width: 100%; }

  .home-gameinfo-wrapper .gameinfoOverview-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -50px 0 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0; }

  .home-gameinfo-wrapper .gameinfoOverview-content h1, .home-gameinfo-wrapper .gameinfoOverview-content span {
    display: none; }

  .home-gameinfo-wrapper .gameinfoOverview-media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .home-gameinfo-wrapper .gameinfoOverview-media .is-mobile {
    display: block; }

  .home-gameinfo-wrapper .gameinfoOverview-media h1 {
    position: relative; }

  .home-gameinfo-wrapper .gameinfoOverview-media h1:before {
    background: #cda279;
    bottom: -10px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 5px;
    height: 5px; }

  .home-gameinfo-wrapper .gameinfoOverview-media img {
    position: relative;
    left: auto;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px); }

  .home-gameinfo-wrapper .gameinfoOverview h1, .home-gameinfo-wrapper .gameinfoOverview p {
    text-align: center; }

  .home-gameinfo-wrapper .gameinfoOverview h1 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 37px;
    line-height: 2.3125rem;
    letter-spacing: 0; }

  .home-gameinfo-wrapper .gameinfoOverview p {
    position: relative;
    z-index: 1; }

  .home-gameinfo-wrapper .gameinfoOverview p:before {
    display: none; }

  .home-gameinfo-wrapper .gameinfoOverview span {
    text-align: center; }

  .home-gameinfo-wrapper .gameinfoOverview span.is-desktop {
    display: none; } }
.buy-promo {
  background: url("../img/ac_buy-top-bg_ncsa.png") 0 0 no-repeat, url("../img/ac_buy-bottom-bg_ncsa.png") 0 100% no-repeat, #f7f5f3;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 100px 0; }

.buy-promo, .buy-promo .buy-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.buy-promo .buy-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
  max-width: 1165px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.buy-promo .buy-title {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  width: 100%; }

.buy-promo .buy-title:before {
  background: #cda279;
  content: "";
  left: 50%;
  bottom: 10px;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4px;
  height: 4px; }

.buy-promo .buy-image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 0 0 0 50px;
  width: 50%; }

.buy-promo .buy-configuration {
  padding: 0 50px 0 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 30%; }

.buy-promo .buy-configuration > strong, .buy-promo .buy-title > strong {
  color: #c7a970;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .1px;
  letter-spacing: .1rem; }

.buy-promo .buy-configuration > h2, .buy-promo .buy-title > h2 {
  color: #1d2b2e;
  margin: 0 0 20px;
  padding: 0;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 42px;
  font-size: 2.625rem; }

@media only screen and (max-width: 1024px) {
  .buy-promo .buy-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .buy-promo .buy-configuration, .buy-promo .buy-image {
    width: 100%; }

  .buy-promo .buy-title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .buy-promo .buy-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

  .buy-promo .buy-configuration {
    padding-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }
@media only screen and (max-width: 768px) {
  .buy-promo .buy-promo {
    padding: 40px 0; }

  .buy-promo .buy-title > h2 {
    font-size: 26px;
    font-size: 1.625rem; }

  .buy-promo .buy-configuration, .buy-promo .buy-image {
    padding: 0 20px;
    text-align: center; }

  .buy-promo .buy-versions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .buy-promo .buy-region--storeLink {
    text-align: left; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

#promotionSliderStoryPack .newsSlider-container {
  max-width: 1710px; }

#promotionSliderStoryPack .ticker .tickerItems-itemContent .tickerItems-itemContent-details {
  padding: 25px 30px calc(10px + 1rem);
  text-align: center; }

.is-emea .Home .promo {
  background: url(../img/ac_marble-tile_emea.jpg) 50% repeat;
  background-size: cover; }

@media only screen and (min-width: 1440px) {
  .is-emea .Home .promo-row--content-copy {
    min-width: 520px; } }
.is-emea .Home .newsSlider.newsSliderSkins {
  background: url(../img/ac_bg_newsslider_skins.jpg);
  background-size: cover;
  padding: 50px 0; }

.is-emea .Home .newsSlider.promotionSliderStoryPack {
  background: url(../img/ac_bg_newsslider_story.jpg);
  background-size: cover;
  padding: 50px 0; }

.is-emea .Home .newsSlider.promotionSliderStoryPack .newsSlider-description {
  max-width: 70%;
  color: #fff;
  display: block;
  margin: 0 auto 25px;
  position: relative;
  text-align: center;
  z-index: 10;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-size: 1.2rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.is-emea .Home .promo-store {
  background: url(../img/ac_geometric-3-bg_ncsa.png) repeat-x, url(../img/ac_lights-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_blue-tile-bg_ncsa.jpg) 50% repeat;
  padding: 60px 0 50px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.promo-16x9--content p:before, .promo-row--content .wysiwyg-container p:first-child:before, .promo-row--content:before, .promo-row--content p:before {
  content: "";
  display: block;
  position: absolute; }

.promo {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.promo, .promo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.promo-row {
  background: #f7f5f3;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 30px 20px;
  max-width: 1270px;
  padding: 15px;
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-row:nth-child(2n) .promo-row--content {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.promo-row:nth-child(2n) .promo-row--media {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.promo-row:last-child {
  margin-bottom: 0; }

.promo-row--content {
  background: #f7f5f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  padding: 40px 50px 50px;
  position: relative;
  width: 50%; }

.promo-row--content:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.promo-row--content span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.promo-row--content span svg {
  margin-right: 10px;
  position: relative;
  top: 3px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px;
  line-height: .875rem;
  letter-spacing: 0; }

.promo-row--content h3 {
  margin: 40px 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-row--content h3, .promo-row--content p {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promo-row--content p {
  margin: 0;
  padding: 16px 0 20px;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.promo-row--content p:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-row--content .wysiwyg-container p {
  padding: 0 0 20px; }

.promo-row--content .wysiwyg-container p:before {
  display: none; }

.promo-row--content .wysiwyg-container p:first-child {
  padding: 16px 0 20px; }

.promo-row--content .wysiwyg-container p:first-child:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-row--media {
  background-position: 50% !important;
  background-size: cover !important;
  max-width: 50%;
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-row--media img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 100%;
  opacity: 0; }

.promo-row--media.subscribe-api {
  background-size: contain !important; }

@media only screen and (max-width: 768px) {
  .promo-row {
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .promo-row--content, .promo-row--media {
    max-width: 100%;
    width: 100%; }

  .promo-row--media, .promo-row:nth-child(2n) .promo-row--media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .promo-row--content, .promo-row:nth-child(2n) .promo-row--content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

  .promo-row--media {
    background: transparent !important;
    line-height: 0;
    text-align: center; }

  .promo-row--media img {
    opacity: 1; }

  .promo-row--content {
    padding: 23px; }

  .promo-row--content:before {
    display: none; }

  .promo-row--content h3 {
    margin: 0 0 10px; } }
.promo-16x9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1165px;
  padding: 0 20px; }

.promo-16x9, .promo-16x9--content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.promo-16x9--content {
  color: #fff;
  padding: 0 100px 0 0;
  position: relative;
  width: 35%; }

.promo-16x9--content span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.promo-16x9--content span svg {
  margin-right: 10px;
  position: relative;
  top: 3px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px;
  line-height: .875rem;
  letter-spacing: 0; }

.promo-16x9--content h3 {
  margin: 0 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-16x9--content h3, .promo-16x9--content p {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.promo-16x9--content p {
  margin: 0;
  padding: 16px 0 20px;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.promo-16x9--content p:before {
  background: #cda279;
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.promo-16x9--media {
  background-position: 50% !important;
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 65%;
  position: relative; }

.promo-16x9--media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%; }

.promo-16x9--media > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.promo-16x9--media img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 100%;
  opacity: 1; }

@media only screen and (max-width: 930px) {
  .promo-16x9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0; }

  .promo-16x9--content, .promo-16x9--media {
    width: 100%; }

  .promo-16x9--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 23px 20px 63px; }

  .promo-16x9--content h3 {
    margin: 0 0 10px; }

  .promo-16x9--media {
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .promo-16x9--media img {
    width: 100%; }

  .promo-16x9--media:before {
    content: none; } }
@media only screen and (max-width: 768px) {
  .promo {
    height: auto; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.PhotoMode-contestNotice-notice:before, .PhotoMode-loggedout--artifact-left:before, .PhotoMode-loggedout--artifact-top:before, .PhotoMode-loggedout-content h2:after, .PhotoMode-modal-artifact:before, .PhotoMode-modal-artifact span:after, .PhotoMode-modal-prompt:before, .PhotoMode-photos-error--divider:after, .PhotoMode-photos-error--divider:before, .PhotoMode-platforms .btn-platform:after, .PhotoMode-platforms .btn-platform:before, .PhotoMode-sidebar hr:after, .PhotoMode-sidebar hr:before, .PhotoMode-views .btn-view:after, .PhotoMode-views:after {
  content: "";
  display: block; }

.PhotoMode-contestNotice-notice:before, .PhotoMode-loggedout--artifact-left:before, .PhotoMode-loggedout--artifact-top:before, .PhotoMode-loggedout-content h2:after, .PhotoMode-modal-artifact:before, .PhotoMode-modal-artifact span:after, .PhotoMode-modal-prompt:before, .PhotoMode-platforms .btn-platform:after, .PhotoMode-platforms .btn-platform:before, .PhotoMode-sidebar hr:after, .PhotoMode-sidebar hr:before, .PhotoMode-views .btn-view:after {
  position: absolute; }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.PhotoMode .ac-select--game .game-option span, .u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.inline, .flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eee; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:after, .flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eee; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eee; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #3c3f40;
  fill: #3c3f40;
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: #3c3f40;
  fill: #3c3f40; }

.flatpickr-months .flatpickr-next-month.disabled, .flatpickr-months .flatpickr-prev-month.disabled {
  display: none; }

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
  position: relative; }

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0; }

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0; }

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
  color: #f64747; }

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
  -webkit-transition: fill .1s;
  -o-transition: fill .1s;
  transition: fill .1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input, .numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(64, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(64, 72, 72, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(64, 72, 72, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(60, 63, 64, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #3c3f40; }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #3c3f40; }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(60, 63, 64, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eee;
  box-shadow: -1px 0 0 #eee; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #e9e9e9;
  border-color: #e9e9e9; }

.flatpickr-day.today {
  border-color: #f64747; }

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
  border-color: #f64747;
  background: #f64747;
  color: #fff; }

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
  background: #4f99ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #4f99ff; }

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #4f99ff;
  box-shadow: -10px 0 0 #4f99ff; }

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e9e9e9,5px 0 0 #e9e9e9;
  box-shadow: -5px 0 0 #e9e9e9,5px 0 0 #e9e9e9; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  border-color: #e9e9e9;
  cursor: default; }

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(64, 72, 72, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #4f99ff,5px 0 0 #4f99ff;
  box-shadow: -5px 0 0 #4f99ff,5px 0 0 #4f99ff; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #eee;
  box-shadow: 1px 0 0 #eee; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.flatpickr-innerContainer, .flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #404848; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #404848; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #404848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: 700; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #404848;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
  background: #f6f6f6; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.flatpickr-calendar {
  width: 307.875px; }

.dayContainer {
  padding: 0;
  border-right: 0; }

span.flatpickr-day, span.flatpickr-day.nextMonthDay, span.flatpickr-day.prevMonthDay {
  border-radius: 0 !important;
  border: 1px solid #e9e9e9;
  max-width: none;
  border-right-color: transparent; }

span.flatpickr-day.nextMonthDay:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day:nth-child(n+8) {
  border-top-color: transparent; }

span.flatpickr-day.nextMonthDay:nth-child(7n-6), span.flatpickr-day.prevMonthDay:nth-child(7n-6), span.flatpickr-day:nth-child(7n-6) {
  border-left: 0; }

span.flatpickr-day.nextMonthDay:nth-child(n+36), span.flatpickr-day.prevMonthDay:nth-child(n+36), span.flatpickr-day:nth-child(n+36) {
  border-bottom: 0; }

span.flatpickr-day.nextMonthDay:nth-child(-n+7), span.flatpickr-day.prevMonthDay:nth-child(-n+7), span.flatpickr-day:nth-child(-n+7) {
  margin-top: 0; }

span.flatpickr-day.nextMonthDay.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.today:not(.selected) {
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #f64747; }

span.flatpickr-day.nextMonthDay.today:not(.selected):hover, span.flatpickr-day.prevMonthDay.today:not(.selected):hover, span.flatpickr-day.today:not(.selected):hover {
  border: 1px solid #f64747; }

span.flatpickr-day.endRange, span.flatpickr-day.nextMonthDay.endRange, span.flatpickr-day.nextMonthDay.startRange, span.flatpickr-day.prevMonthDay.endRange, span.flatpickr-day.prevMonthDay.startRange, span.flatpickr-day.startRange {
  border-color: #4f99ff; }

span.flatpickr-day.nextMonthDay.selected, span.flatpickr-day.nextMonthDay.today, span.flatpickr-day.prevMonthDay.selected, span.flatpickr-day.prevMonthDay.today, span.flatpickr-day.selected, span.flatpickr-day.today {
  z-index: 2; }

.rangeMode .flatpickr-day {
  margin-top: -1px; }

.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: none;
  box-shadow: none; }

.flatpickr-weekwrapper span.flatpickr-day {
  border: 0;
  margin: -1px 0 0 -1px; }

.hasWeeks .flatpickr-days {
  border-right: 0; }

.PhotoMode-modal .btn-reportRemove {
  background: none;
  border: 0;
  color: #fff;
  margin-top: 1rem;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-modal .btn-reportRemove svg {
  fill: #cda279; }

.PhotoMode-modal .btn-likePhoto .btn-likePhoto-icon, .PhotoMode-modal .photo-shareActions a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(214, 181, 143, 0);
  border: 1px solid #d6b48e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  z-index: 10;
  width: 45px;
  height: 45px; }

.PhotoMode-modal .btn-likePhoto .btn-likePhoto-icon svg, .PhotoMode-modal .photo-shareActions a svg {
  fill: #cda279; }

.PhotoMode-modal .btn-likePhoto body:not(.is-touch) .btn-likePhoto-icon:hover, .PhotoMode-modal .photo-shareActions body:not(.is-touch) a:hover, body:not(.is-touch) .PhotoMode-modal .btn-likePhoto .btn-likePhoto-icon:hover, body:not(.is-touch) .PhotoMode-modal .photo-shareActions a:hover {
  background: rgba(214, 181, 143, 0.2); }

.PhotoMode-contestNotice-notice, .PhotoMode-modal-prompt {
  background: #fff;
  color: #000;
  padding: 50px 35px 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 100;
  font-size: 16px;
  font-size: 1rem;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-contestNotice-notice:before, .PhotoMode-modal-prompt:before {
  border: 4px solid #8f6f4e;
  pointer-events: none;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  text-align: center; }

.PhotoMode-contestNotice-notice h2, .PhotoMode-modal-prompt h2 {
  color: #000;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 46px;
  font-size: 2.875rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-contestNotice-notice p, .PhotoMode-modal-prompt p {
  margin: 0 auto;
  max-width: 75%;
  padding: 10px 0 20px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .02px;
  letter-spacing: .02rem; }

.PhotoMode-contestNotice-notice ul, .PhotoMode-modal-prompt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 10px 0 0;
  list-style-type: none; }

.PhotoMode-contestNotice-notice ul li, .PhotoMode-modal-prompt ul li {
  margin: 0 15px; }

.PhotoMode {
  background: #191919 url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px; }

.PhotoMode.is-loading .PhotoMode-container {
  opacity: 0; }

.PhotoMode-loggedout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.PhotoMode-loggedout-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  max-width: 320px;
  padding: 50px 0 0 50px;
  position: absolute;
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem;
  line-height: 21px;
  line-height: 1.3125rem; }

.PhotoMode-loggedout-content, .PhotoMode-loggedout-content h2 {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0; }

.PhotoMode-loggedout-content h2 {
  margin: 0 0 5px;
  padding: 0;
  position: relative;
  font-weight: 300;
  font-size: 62px;
  font-size: 3.875rem;
  line-height: 58px;
  line-height: 3.625rem; }

.PhotoMode-loggedout-content h2:after {
  background: #cea276;
  margin-top: 5px;
  left: 5px;
  top: 100%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.PhotoMode-loggedout-content .btn {
  margin-top: 20px; }

.PhotoMode-loggedout--artifact {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0; }

.PhotoMode-loggedout--artifact-left, .PhotoMode-loggedout--artifact-top, .PhotoMode-loggedout--artifact svg {
  position: absolute; }

.PhotoMode-loggedout--artifact svg {
  top: 0;
  left: 0; }

.PhotoMode-loggedout--artifact-left, .PhotoMode-loggedout--artifact-top {
  background: #cda279; }

.PhotoMode-loggedout--artifact-left:before, .PhotoMode-loggedout--artifact-top:before {
  border: 1px solid #cda279;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.PhotoMode-loggedout--artifact-top {
  top: 8px;
  left: 20px;
  width: 35px;
  height: 1px; }

.PhotoMode-loggedout--artifact-top:before {
  top: -2px;
  left: 100%; }

.PhotoMode-loggedout--artifact-left {
  left: 8px;
  top: 20px;
  width: 1px;
  height: 160px; }

.PhotoMode-loggedout--artifact-left:before {
  top: 100%;
  left: -2px; }

.PhotoMode-loggedout .Slideshow-controls {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100; }

.PhotoMode-loggedout .Slideshow-backward, .PhotoMode-loggedout .Slideshow-forward {
  margin: 15px 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.PhotoMode-loggedout .Slideshow-slides {
  position: relative; }

.PhotoMode-loggedout .Slideshow-slides:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.22255%; }

.PhotoMode-loggedout .Slideshow-slide, .PhotoMode-loggedout .Slideshow-slides > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.PhotoMode-loggedout .Slideshow-slide {
  background: blue;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.PhotoMode-loggedout .Slideshow-slide.is-current {
  opacity: 1; }

.PhotoMode-loggedout .Slideshow-pageCount, .PhotoMode-loggedout .Slideshow-tabs {
  display: none; }

.PhotoMode-notice {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  margin-top: -5px;
  padding: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 100;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  font-size: .8125rem; }

.PhotoMode-notice p {
  margin: 0;
  padding: 0; }

.PhotoMode.page.has-modal {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.PhotoMode-adunit {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%; }

.PhotoMode-adunit-container {
  padding: 50px 0; }

.PhotoMode-adunit img {
  height: 130px;
  width: 100%; }

.PhotoMode .ac-fieldWrap, .PhotoMode .ac-select {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  margin-bottom: 10px;
  padding: 4px;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.PhotoMode .ac-fieldWrap > div, .PhotoMode .ac-fieldWrap > input, .PhotoMode .ac-select > div, .PhotoMode .ac-select > input {
  background: #fff;
  border: 0;
  border-radius: 0; }

.PhotoMode .ac-fieldWrap__value-container, .PhotoMode .ac-select__value-container {
  line-height: 26px; }

.PhotoMode .ac-fieldWrap__placeholder, .PhotoMode .ac-select__placeholder {
  color: #000; }

.PhotoMode .ac-fieldWrap__indicator-separator, .PhotoMode .ac-select__indicator-separator {
  display: none; }

.PhotoMode .ac-fieldWrap__dropdown-indicator:before, .PhotoMode .ac-select__dropdown-indicator:before {
  content: "";
  display: block;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.PhotoMode .ac-fieldWrap__dropdown-indicator svg, .PhotoMode .ac-select__dropdown-indicator svg {
  display: none; }

.PhotoMode .ac-fieldWrap__menu, .PhotoMode .ac-select__menu {
  color: #000;
  z-index: 150; }

.PhotoMode .ac-select--sort .ac-select__value-container {
  position: static; }

.PhotoMode .ac-select--game .game-option {
  display: block; }

.PhotoMode .ac-select--game .game-option--origins {
  background: url("../img/ac_origins-logo_ncsa.png") 50% 50% no-repeat;
  background-size: contain; }

.PhotoMode .ac-select--game .game-option--odyssey {
  background: url("../img/ac_odyssey-logo_ncsa.png") 50% 50% no-repeat;
  background-size: contain; }

.PhotoMode .ac-select--game .ac-select__value-container {
  line-height: 1;
  height: 120px; }

.PhotoMode .ac-select--game .ac-select__single-value {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.PhotoMode .ac-select--game .ac-select__single-value .game-option {
  margin-left: 20px;
  width: 120px;
  height: 80px; }

.PhotoMode .ac-select--game .ac-select__menu .game-option {
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 33px; }

.PhotoMode .ac-select--game .ac-select__menu .game-option--label {
  display: inline-block;
  line-height: 33px; }

.PhotoMode .ac-select--game .ac-select__menu .game-option-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.PhotoMode img {
  max-width: 100%; }

.PhotoMode-container {
  color: #fff;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

.PhotoMode-container, .PhotoMode-contestNotice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.PhotoMode-contestNotice {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 2000;
  width: 100%;
  height: 100%; }

.PhotoMode-contestNotice-notice {
  min-width: 530px; }

.PhotoMode-contestNotice-notice, .PhotoMode-contestNotice-notice ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.PhotoMode-modal {
  background: #191919 url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  color: #fff;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 2000;
  width: 100%;
  height: 100%; }

.PhotoMode-modal.PhotoMode-modal--userSubmission .btn.btn-back {
  padding: 8px 30px;
  position: absolute;
  left: 25px;
  top: 25px; }

.PhotoMode-modal.PhotoMode-modal--userSubmission .PhotoMode-modal-artifact {
  top: 120px; }

.PhotoMode-modal.PhotoMode-modal--fullscreen {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0; }

.PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-actions, .PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-details, .PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-header {
  display: none; }

.PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-image {
  -webkit-box-shadow: none;
  box-shadow: none; }

.PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-image > span {
  display: none; }

.PhotoMode-modal-submitFooter {
  padding-top: 30px; }

.PhotoMode-modal--contestSubmit .PhotoMode-modal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

body.is-ie11 .PhotoMode-modal--contestSubmit .PhotoMode-modal-content {
  display: block;
  margin: 0 auto;
  text-align: center; }

body.is-ie11 .PhotoMode-modal--contestSubmit .PhotoMode-modal-content .PhotoMode-modal-image {
  margin: 0 auto;
  text-align: center; }

.PhotoMode-modal--contestSubmit .PhotoMode-modal-image {
  margin-right: 0; }

.PhotoMode-modal-artifact {
  position: absolute;
  top: 10%;
  left: 0;
  width: 40px; }

.PhotoMode-modal-artifact:before {
  background: #cda279;
  left: 0;
  top: 8px;
  width: 17px;
  height: 1px; }

.PhotoMode-modal-artifact svg {
  fill: #cda279;
  position: absolute;
  right: 0;
  top: 0; }

.PhotoMode-modal-artifact span {
  background: #cda279;
  display: block;
  position: absolute;
  top: 20px;
  right: 8px;
  width: 1px;
  height: 50px; }

.PhotoMode-modal-artifact span:after {
  background: transparent;
  border: 1px solid #cda279;
  top: 100%;
  left: -2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.PhotoMode-modal .btn-simple {
  color: #cda279; }

.PhotoMode-modal .btn-close {
  position: absolute;
  top: 25px;
  right: 25px; }

.PhotoMode-modal-actions {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.PhotoMode-modal-actions .btn {
  display: block;
  background-size: auto 100%;
  margin: 15px 0;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.PhotoMode-modal-actions .btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .PhotoMode-modal-actions .btn:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.PhotoMode-modal-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.PhotoMode-modal-details {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px 0 30px;
  width: 16%; }

.PhotoMode-modal-details ul {
  color: #fff;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: .28px;
  letter-spacing: .28rem; }

.PhotoMode-modal-details ul li:not(:last-child) {
  margin-bottom: 20px; }

.PhotoMode-modal-details span {
  color: gray;
  display: block;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .34px;
  letter-spacing: .34rem; }

.PhotoMode-modal-image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 0 1px 114px;
  box-shadow: 0 1px 114px rgba(0, 0, 0, 0.75);
  line-height: 0;
  margin-right: 16%;
  max-width: 68%;
  position: relative;
  width: 68%; }

.PhotoMode-modal-image > span {
  display: block;
  position: absolute;
  opacity: .6;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 15px;
  line-height: .9375rem;
  letter-spacing: .17px;
  letter-spacing: .17rem; }

.PhotoMode-modal-imageActions {
  line-height: 1; }

.PhotoMode-modal .btn-likePhoto, .PhotoMode-modal .btn-reportRemove, .PhotoMode-modal .photo-shareActions {
  position: absolute; }

.PhotoMode-modal .btn-likePhoto, .PhotoMode-modal .photo-shareActions {
  cursor: pointer;
  margin-left: 25px;
  left: 100%; }

.PhotoMode-modal .btn-likePhoto {
  background: none;
  border: 0;
  padding: 0;
  top: 0;
  outline: none;
  text-align: center; }

.PhotoMode-modal .btn-likePhoto .btn-likePhoto-icon svg {
  width: 15px;
  height: 15px; }

.PhotoMode-modal .btn-likePhoto span {
  color: #fff;
  letter-spacing: normal;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body:not(.is-touch) .PhotoMode-modal .btn-likePhoto:hover .btn-likePhoto-icon {
  background: rgba(214, 181, 143, 0.2); }

.PhotoMode-modal .photo-shareActions {
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none; }

.PhotoMode-modal .photo-shareActions li {
  padding-right: 2px;
  padding-left: 2px; }

.PhotoMode-modal .photo-shareActions li:last-child {
  border-top: 1px solid #3e4042;
  margin-top: 5px;
  padding-top: 2px; }

.PhotoMode-modal .photo-shareActions a {
  outline: none; }

.PhotoMode-modal .btn-reportRemove {
  cursor: pointer;
  margin-top: 25px;
  right: 0;
  top: 100%;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.PhotoMode-modal .btn-reportRemove:hover {
  opacity: .75; }

.PhotoMode-contestsWrap {
  padding-top: 55px; }

.PhotoMode-contestSubmissions-loading {
  color: #fff;
  display: block;
  opacity: .75;
  text-align: center;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem; }

.PhotoMode-contestSubmissions-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 940px;
  padding: 35px 70px; }

.PhotoMode-contestSubmissions-wrap .btn.btn-close, .PhotoMode-contestSubmissions-wrap .btn.btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px auto; }

.PhotoMode-contestSubmissions-header {
  text-align: center;
  text-transform: uppercase; }

.PhotoMode-contestSubmissions-header span {
  color: gray;
  display: block;
  font-weight: 400;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .34px;
  letter-spacing: .34rem; }

.PhotoMode-contestSubmissions-header h2, .PhotoMode-contestSubmissions-header span {
  line-height: 1;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-contestSubmissions-header h2 {
  color: #fff;
  margin: 15px 0;
  padding: 0;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem; }

.PhotoMode-contestSubmissions-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
  padding: 0;
  list-style-type: none; }

.PhotoMode-contestSubmissions-photos li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  width: 33.33%; }

.PhotoMode-contestSubmissions-photos button {
  background: none;
  border: 0;
  cursor: pointer;
  display: block;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 100%; }

.PhotoMode-masthead {
  background: url("../img/ac_photomode-masthead-bg_ncsa.jpg") 50% 50% no-repeat;
  background-size: cover;
  max-height: 475px;
  position: relative; }

.PhotoMode-masthead:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 34.77306%; }

.PhotoMode-masthead > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%; }

.PhotoMode-masthead > .content > span {
  padding-bottom: 5px;
  text-transform: uppercase;
  text-shadow: rgba(0, 0, 0, 0.85) 0 1px 1px;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.PhotoMode-masthead > .content > span, .PhotoMode-masthead h1 {
  color: #fff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-masthead h1 {
  display: block;
  margin: 0 0 15px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 4px;
  width: 58%;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  font-size: 62px;
  font-size: 3.875rem;
  line-height: 58px;
  line-height: 3.625rem;
  letter-spacing: 0; }

.PhotoMode-masthead .btn {
  margin-top: 20px; }

.PhotoMode-masthead .divider {
  position: relative;
  width: 11px;
  height: 11px; }

.PhotoMode-masthead .divider .box {
  border: 1px solid #cda279;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px; }

.PhotoMode-masthead .divider:after, .PhotoMode-masthead .divider:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 3px;
  width: 26px;
  height: 1px; }

.PhotoMode-masthead .divider:before {
  left: -34px; }

.PhotoMode-masthead .divider:after {
  right: -32px; }

.PhotoMode-views {
  background: url(../img/ac_marbleHeaderAngle_ncsa.png) 0 no-repeat;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 10; }

.PhotoMode-views:after {
  background: -webkit-gradient(linear, left top, right top, from(#cea17a), to(#886a48));
  background: -webkit-linear-gradient(left, #cea17a, #886a48);
  background: -o-linear-gradient(left, #cea17a, #886a48);
  background: linear-gradient(90deg, #cea17a, #886a48);
  width: 100%;
  height: 4px; }

.PhotoMode-views ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 0; }

.PhotoMode-views ul li {
  display: inline-block; }

.PhotoMode-views .btn-view {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 200px;
  padding: 0 60px;
  position: relative;
  outline: none;
  height: 100%;
  min-height: 80px;
  -webkit-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body.is-ie11 .PhotoMode-views .btn-view {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

body.is-ie11 .PhotoMode-views .btn-view span {
  width: 100%; }

.PhotoMode-views .btn-view > * {
  pointer-events: none; }

.PhotoMode-views .btn-view:after {
  background: -webkit-linear-gradient(135deg, #f4d5b4, #c7a57f);
  background: -o-linear-gradient(135deg, #f4d5b4, #c7a57f);
  background: linear-gradient(-45deg, #f4d5b4, #c7a57f);
  top: 0;
  left: -1px;
  right: -1px;
  bottom: -4px;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: -1; }

.PhotoMode-views .btn-view.is-active {
  border-left-color: transparent;
  border-right-color: transparent;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: 100; }

.PhotoMode-views .btn-view.is-active:after {
  opacity: 1; }

.PhotoMode-views .btn-view.is-disabled {
  background: #eae9e9;
  color: #c8cdcf;
  cursor: not-allowed;
  margin-right: 1px;
  pointer-events: none; }

.PhotoMode .disclaimer {
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem; }

.PhotoMode-sidebar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 50px;
  padding: 40px 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 260px; }

.PhotoMode-sidebar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px; }

.PhotoMode-sidebar-header h2 {
  margin: 0;
  font-size: 28px;
  font-size: 1.75rem;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-sidebar-header .btn-close, .PhotoMode-sidebar-header .btn-primary {
  display: none;
  min-width: 0;
  padding: 0 10px; }

.PhotoMode-sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.PhotoMode-sidebar ul li {
  margin-bottom: 20px; }

.PhotoMode-sidebar .btn {
  outline: none; }

.PhotoMode-sidebar .disclaimer {
  text-align: left; }

.PhotoMode-sidebar hr {
  background: #cda279;
  border: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 2px; }

.PhotoMode-sidebar hr:after, .PhotoMode-sidebar hr:before {
  background: #1c2125;
  border: 2px solid #cda279;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  width: 4px;
  height: 4px; }

.PhotoMode-sidebar hr:before {
  left: -2px; }

.PhotoMode-sidebar hr:after {
  right: -2px; }

.PhotoMode-filters, .PhotoMode-toggles {
  margin: 0 -10px;
  padding: 20px 10px; }

.PhotoMode-filters > span, .PhotoMode-toggles > span {
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-platforms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none; }

.PhotoMode-platforms .btn-platform {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: none;
  position: relative;
  width: 75px;
  height: 75px; }

.PhotoMode-platforms .btn-platform:after, .PhotoMode-platforms .btn-platform:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.PhotoMode-platforms .btn-platform:before {
  background: -webkit-linear-gradient(45deg, #c7a57f, #f4d4b4);
  background: -o-linear-gradient(45deg, #c7a57f, #f4d4b4);
  background: linear-gradient(45deg, #c7a57f, #f4d4b4);
  z-index: -1; }

.PhotoMode-platforms .btn-platform:after {
  background: #fff;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 1; }

.PhotoMode-platforms .btn-platform:hover:after {
  opacity: .8; }

.PhotoMode-platforms .btn-platform.is-active:after {
  opacity: 0; }

.PhotoMode-platforms .btn-platform.is-active svg {
  fill: #fff; }

.PhotoMode-platforms .btn-platform svg {
  fill: #000;
  position: relative;
  -webkit-transition: fill .2s ease-in-out;
  -o-transition: fill .2s ease-in-out;
  transition: fill .2s ease-in-out;
  z-index: 10;
  width: 90%;
  height: 100%; }

.PhotoMode-platforms .btn-platform--uplay svg {
  width: 100%;
  height: 20px; }

.PhotoMode-filters {
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

.PhotoMode-filters.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5; }

.PhotoMode-filters button, .PhotoMode-filters select, .PhotoMode-filters strong {
  display: block; }

.PhotoMode-filters button, .PhotoMode-filters strong {
  margin-top: 10px; }

.PhotoMode-filters .ac-filter--dateRange {
  position: relative; }

.PhotoMode-filters .ac-filter--dateRange svg {
  fill: #cda279;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none; }

.PhotoMode-filters .flatpickr-input {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  min-height: 38px;
  padding: 0 30px 0 10px;
  outline: none;
  width: 100%;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.PhotoMode-filters .flatpickr-input::-webkit-input-placeholder {
  color: #000; }

.PhotoMode-filters .flatpickr-input:-moz-placeholder, .PhotoMode-filters .flatpickr-input::-moz-placeholder {
  color: #000; }

.PhotoMode-filters .flatpickr-input:-ms-input-placeholder {
  color: #000; }

.PhotoMode-filters--location {
  z-index: 200; }

.PhotoMode-filters--resolution {
  z-index: 100; }

.PhotoMode-filters-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px; }

.PhotoMode-filters-header > span {
  display: block;
  font-weight: 400; }

.PhotoMode-filters-header > span, .PhotoMode-filters .btn-clear {
  color: #fff;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-filters .btn-clear {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: none;
  font-weight: 700; }

.PhotoMode-filters .btn-clear svg {
  fill: #caa576; }

.PhotoMode-filters .btn-clear.is-visible {
  display: inline-block; }

.PhotoMode-filters .btn-submit {
  margin: 15px 4px 0;
  width: calc(100% - 8px); }

.PhotoMode-content {
  padding: 40px 0;
  width: 100%; }

.PhotoMode-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.PhotoMode-content-header.has-share {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.PhotoMode-content .btn-share {
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-top: 1rem;
  position: relative;
  outline: none;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-content .btn-share svg {
  fill: #cda279; }

.PhotoMode-content .btn-share > p {
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 5px;
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: 100%;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  width: 150%;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem; }

.PhotoMode-content .btn-share.link-copied > p {
  opacity: 1; }

.PhotoMode-content .btn-share:hover {
  opacity: .75; }

.PhotoMode-photos {
  padding-top: 50px; }

.PhotoMode-photos h3 {
  display: block;
  width: 100%; }

.PhotoMode-photos > strong {
  display: block;
  padding-bottom: 10px; }

.PhotoMode-photos--loadingMsg {
  color: #fff;
  display: block;
  opacity: .75;
  text-align: center;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem; }

.PhotoMode-photos-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  padding: 0;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.PhotoMode-photos-list li {
  margin: 10px;
  width: calc(33.333% - 20px); }

.PhotoMode-photos-list button {
  background: none;
  border: 0;
  cursor: pointer;
  display: block;
  line-height: 0;
  padding: 0;
  outline: none;
  width: 100%; }

.PhotoMode-photos-list .PhotoMode-photo-likes {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  fill: gray;
  margin: 3px 0 0;
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  font-size: .8125rem; }

.PhotoMode-photos-list .PhotoMode-photo-likes svg {
  margin-right: 12px; }

.PhotoMode-photos-footer {
  text-align: center; }

.PhotoMode-photos-error {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #041418;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 600px;
  padding: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.PhotoMode-photos-error--divider, .PhotoMode-photos-error h2, .PhotoMode-photos-error p {
  margin: 0;
  max-width: 480px; }

.PhotoMode-photos-error .btn {
  margin-top: 10px; }

.PhotoMode-photos-error h2 {
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.PhotoMode-photos-error--divider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.PhotoMode-photos-error--divider svg {
  fill: #cea276;
  margin: 0 10px; }

.PhotoMode-photos-error--divider:after, .PhotoMode-photos-error--divider:before {
  background: #cea276;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.PhotoMode-friends, .PhotoMode-sort {
  margin-right: 20px;
  width: 25%; }

.PhotoMode-friends > span, .PhotoMode-sort > span {
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-sharedGallery-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.PhotoMode-sharedGallery-header h2 {
  font-weight: 700;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: 0; }

.PhotoMode-sharedGallery-header h2, .PhotoMode-sharedGallery-header h2 span {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-sharedGallery-header h2 span {
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .06px;
  letter-spacing: .06rem; }

.PhotoMode-sharedGallery-header .btn-goback {
  margin-top: 1rem; }

.PhotoMode-contestsOpening {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 22px;
  line-height: 1.375rem; }

.PhotoMode-contestsOpening--actions, .PhotoMode-contestsOpening--info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.PhotoMode-contestsOpening--info {
  padding-right: 60px;
  width: 75%; }

.PhotoMode-contestsOpening--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30px;
  text-align: center;
  width: 25%; }

.PhotoMode-contestsOpening--info > span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.PhotoMode-contestsOpening--actions > span {
  color: #fff;
  padding: 5px 0 10px;
  font-size: 11px;
  font-size: .6875rem; }

.PhotoMode-contestsOpening h2 {
  color: #fff;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: none;
  font-size: 46px;
  font-size: 2.875rem; }

.PhotoMode-contestsOpening p {
  margin: 0;
  padding: 12px 0; }

.PhotoMode-contestsOpening a:not(.btn) {
  color: #cda279;
  text-decoration: none;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-contestsOpening a:not(.btn):hover {
  text-decoration: underline; }

.PhotoMode-contestsOpening .btn-close, .PhotoMode-contestsOpening .btn-outline, .PhotoMode-contestsOpening .btn-primary {
  padding: 8px 0;
  width: 100%; }

.PhotoMode-contestsOpening--closed .PhotoMode-contestsOpening--info {
  width: 100%; }

.PhotoMode-contestsOpening--closed .btn-close, .PhotoMode-contestsOpening--closed .btn-outline, .PhotoMode-contestsOpening--closed .btn-primary {
  padding: 8px 50px;
  width: auto; }

.PhotoMode-contestsSubmission {
  display: -webkit-box;
  display: -ms-flexbox;
  color: #fff;
  display: flex;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 22px;
  line-height: 1.375rem; }

.PhotoMode-contestsSubmission, .PhotoMode-contestsSubmission strong {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.PhotoMode-contestsSubmission strong {
  line-height: 1;
  padding-bottom: 10px;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem; }

.PhotoMode-contestsSubmission--info, .PhotoMode-contestsSubmission--photo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  width: 33.333%; }

.PhotoMode-contestsSubmission--photo {
  line-height: 0;
  margin-left: -10px; }

.PhotoMode-contestsSubmission--info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.PhotoMode-contestsSubmission .btn-close, .PhotoMode-contestsSubmission .btn-outline, .PhotoMode-contestsSubmission .btn-primary {
  padding: 8px 0;
  width: 100%; }

@media only screen and (max-width: 980px) {
  .PhotoMode-modal .btn-close {
    top: 15px;
    right: 15px;
    width: 38px;
    height: 38px; }

  .PhotoMode-modal-actions {
    top: 52px;
    right: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .PhotoMode-modal-actions .btn {
    width: 38px;
    height: 38px; } }
@media only screen and (max-width: 1024px) {
  .PhotoMode-views .btn-view {
    min-width: 0;
    padding: 0 30px; }

  .PhotoMode-photos-list li {
    width: calc(50% - 20px); }

  .PhotoMode-friends, .PhotoMode-sort {
    margin-right: 20px;
    width: 33.33%; } }
@media only screen and (max-width: 850px) {
  .PhotoMode-loggedout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .PhotoMode-loggedout--artifact {
    display: none; }

  .PhotoMode-loggedout-content {
    max-width: 100%;
    padding: 40px;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center; }

  .PhotoMode-loggedout-content h2:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .PhotoMode-loggedout .Slideshow-controls {
    display: none; }

  .PhotoMode-loggedout .Slideshow-pageCount {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 5px;
    position: absolute;
    text-align: center;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: calc(100% - 40px);
    font-size: 13px;
    font-size: .8125rem;
    font-family: din-2014,sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .PhotoMode-loggedout .Slideshow-pageCount:after, .PhotoMode-loggedout .Slideshow-pageCount:before {
    background: #cea276;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(50% - 40px);
    height: 2px; }

  .PhotoMode-loggedout .Slideshow-pageCount:before {
    left: 0; }

  .PhotoMode-loggedout .Slideshow-pageCount:after {
    right: 0; }

  .PhotoMode-loggedout .Slideshow-pageCount span {
    padding: 0 2px; }

  .PhotoMode-loggedout .Slideshow-pageCount span:after, .PhotoMode-loggedout .Slideshow-pageCount span:before {
    border: 2px solid #cea276;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 4px;
    height: 4px; }

  .PhotoMode-loggedout .Slideshow-pageCount span:before {
    left: -7px; }

  .PhotoMode-loggedout .Slideshow-pageCount span:after {
    right: -7px; }

  .PhotoMode-notice {
    margin-top: 0;
    position: static; }

  .PhotoMode-masthead:before {
    display: none; }

  .PhotoMode-masthead .content {
    padding: 40px 20px;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto; }

  .PhotoMode-masthead h1 {
    width: 100%;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 32px;
    line-height: 2rem;
    letter-spacing: 0; }

  .PhotoMode-views {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 15px;
    overflow: visible; }

  .PhotoMode-views:after {
    display: none; }

  .PhotoMode-views .ac-select {
    margin-bottom: 0;
    width: 100%; }

  .PhotoMode-views .btn-close, .PhotoMode-views .btn-primary {
    height: 80px;
    margin-left: 20px;
    min-width: 100px;
    padding: 0; }

  .PhotoMode-sidebar {
    background: #191919 url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
    color: #fff;
    display: none;
    padding: 30px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
    z-index: 2000; }

  .PhotoMode-sidebar-header .btn-close, .PhotoMode-sidebar-header .btn-primary {
    display: inline-block; }

  .PhotoMode-sidebar.is-open {
    display: block;
    overflow: scroll; }

  .PhotoMode-sharedGallery-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px; }

  .PhotoMode-sharedGallery-header h2 {
    margin: 0 0 10px; }

  .PhotoMode-content-header, .PhotoMode-content-header.has-share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .PhotoMode-content .btn-share {
    margin-top: 0;
    margin-bottom: 15px; }

  .PhotoMode-content .btn-share > p {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

  .PhotoMode-photos-error {
    min-height: 0; }

  .PhotoMode-friends, .PhotoMode-sort {
    margin-bottom: 15px;
    margin-right: 0;
    width: 100%; }

  .PhotoMode-modal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px; }

  .PhotoMode-modal .PhotoMode-modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit .PhotoMode-modal-artifact, .PhotoMode-modal.PhotoMode-modal--userSubmission .PhotoMode-modal-artifact {
    display: none; }

  .PhotoMode-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 52px;
    padding-bottom: 15px; }

  .PhotoMode-modal .btn-close {
    position: relative;
    top: auto;
    right: auto;
    width: 52px;
    height: 52px; }

  .PhotoMode-modal-image {
    max-width: 100%;
    margin-right: 0;
    width: 100%; }

  .PhotoMode-modal-details {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 60px 80px 10px;
    position: relative;
    width: 100%; }

  .PhotoMode-modal-details .btn-likePhoto, .PhotoMode-modal-details .btn-reportRemove, .PhotoMode-modal-details .photo-shareActions {
    margin: 0;
    position: absolute;
    left: auto; }

  .PhotoMode-modal-details .btn-likePhoto {
    margin: 0;
    top: 10px;
    right: 0; }

  .PhotoMode-modal-details .btn-reportRemove, .PhotoMode-modal-details .photo-shareActions {
    bottom: 10px; }

  .PhotoMode-modal-details .btn-reportRemove {
    line-height: 38px;
    margin: 0;
    left: 0;
    top: auto; }

  .PhotoMode-modal-details .photo-shareActions {
    right: 0; }

  .PhotoMode-modal-details .photo-shareActions:before {
    display: none; }

  .PhotoMode-modal-details .photo-shareActions li, .PhotoMode-modal-details .photo-shareActions li:last-child, .PhotoMode-modal-details .photo-shareActions li:not(:last-child) {
    border: 0;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0; }

  .PhotoMode-modal-details .photo-shareActions a {
    width: 38px;
    height: 38px; }

  .PhotoMode-modal-prompt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .PhotoMode-modal-prompt, .PhotoMode-modal-prompt-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .PhotoMode-contestSubmissions-photos li {
    width: 50%; } }
@media only screen and (max-width: 560px) {
  .PhotoMode-photos-list li {
    margin: 0 0 20px;
    width: 100%; }

  .PhotoMode-contestNotice-notice {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    width: 90%; }

  .PhotoMode-contestNotice-notice h2 {
    margin-bottom: 10px; }

  .PhotoMode-contestNotice-notice ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .PhotoMode-contestNotice-notice ul li {
    padding: 10px 0; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit .PhotoMode-modal-submitFooter {
    padding-top: 10px;
    width: 100%; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit .PhotoMode-modal-submitFooter .btn.btn-close, .PhotoMode-modal.PhotoMode-modal--contestSubmit .PhotoMode-modal-submitFooter .btn.btn-primary {
    width: 100%; }

  .PhotoMode-contestSubmissions-wrap {
    padding: 60px 20px 20px; }

  .PhotoMode-contestSubmissions-photos li {
    width: 100%; } }
@media only screen and (max-width: 768px) {
  .PhotoMode-photos > strong {
    display: block;
    padding-bottom: 10px; }

  .PhotoMode-photos-list {
    margin: 0; }

  .PhotoMode-contestsOpening--actions, .PhotoMode-contestsOpening--info, .PhotoMode-contestsOpening--photo, .PhotoMode-contestsSubmission--actions, .PhotoMode-contestsSubmission--info, .PhotoMode-contestsSubmission--photo {
    width: 100%; }

  .PhotoMode-contestsOpening .btn-close, .PhotoMode-contestsOpening .btn-outline, .PhotoMode-contestsOpening .btn-primary, .PhotoMode-contestsSubmission .btn-close, .PhotoMode-contestsSubmission .btn-outline, .PhotoMode-contestsSubmission .btn-primary {
    padding: 8px 20px;
    width: auto; }

  .PhotoMode-contestsOpening {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .PhotoMode-contestsOpening--actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .PhotoMode-contestsSubmission--info, .PhotoMode-contestsSubmission--photo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

  .PhotoMode-contestsSubmission--info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }
@media screen and (max-device-width: 667px) and (orientation: landscape) {
  .PhotoMode .PhotoMode-contestNotice-notice {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%; }

  .PhotoMode-modal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 80px; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit {
    padding-top: 15px; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit .btn-close, .PhotoMode-modal.PhotoMode-modal--userSubmission .btn-close {
    position: absolute;
    top: 15px;
    left: 15px; }

  .PhotoMode-modal.PhotoMode-modal--contestSubmit .PhotoMode-modal-actions, .PhotoMode-modal.PhotoMode-modal--userSubmission .PhotoMode-modal-actions {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

  .PhotoMode-modal.PhotoMode-modal--fullscreen .PhotoMode-modal-image {
    max-width: 100%;
    width: 100%; }

  .PhotoMode-modal-header {
    position: absolute;
    top: 10px;
    right: 10px; }

  .PhotoMode-modal-image {
    max-width: 60%;
    width: 60%; }

  .PhotoMode-modal-details {
    position: static;
    padding: 0 20px;
    width: 40%; }

  .PhotoMode-modal .photo-shareActions {
    right: 58px; }

  .PhotoMode-modal .btn-likePhoto {
    bottom: 10px;
    right: 5px;
    top: auto;
    left: auto; }

  .PhotoMode-modal .btn-likePhoto span {
    bottom: 100%;
    position: absolute;
    text-align: center;
    width: 100%; } }
.gameinfo-masthead {
  -ms-flex-line-pack: center;
  align-content: center;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 100% !important;
  min-height: 380px;
  padding-top: 125px;
  position: relative;
  width: 100%;
  height: auto; }

.gameinfo-masthead:before {
  background: url(../img/ac_marbleHeaderAngle_ncsa.png) 0 no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: -1;
  width: 2560px;
  height: 505px; }

.gameinfo-masthead .masthead-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 845px; }

.gameinfo-masthead h1 {
  display: block;
  margin: 0 0 15px;
  width: 100%;
  font-size: 62px;
  font-size: 3.875rem;
  line-height: 58px;
  line-height: 3.625rem; }

.gameinfo-masthead h1, .gameinfo-masthead p {
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0; }

.gameinfo-masthead p {
  text-align: center;
  margin-top: 15px;
  max-width: 635px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem; }

.gameinfo-masthead span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfo-masthead .divider {
  position: relative;
  width: 11px;
  height: 11px; }

.gameinfo-masthead .divider .box {
  border: 1px solid #cda279;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px; }

.gameinfo-masthead .divider:after, .gameinfo-masthead .divider:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 3px;
  width: 26px;
  height: 1px; }

.gameinfo-masthead .divider:before {
  left: -34px; }

.gameinfo-masthead .divider:after {
  right: -32px; }

.gameinfo-masthead .mobile-divider {
  display: none; }

.gameinfo-masthead .fancyBorders {
  position: absolute;
  top: -58px;
  left: 0;
  width: 845px;
  height: 402px; }

.gameinfo-masthead .fancyBorders:after, .gameinfo-masthead .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfo-masthead .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfo-masthead .fancyBorders .fancyBorders-diamond {
  background: #cda279;
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 6px;
  height: 6px; }

.gameinfo-masthead .fancyBorders .icon-squareCurl {
  top: -8px;
  position: relative; }

.gameinfo-masthead .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 10px;
  left: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out 1.2s;
  -o-transition: .6s ease-in-out 1.2s;
  transition: .6s ease-in-out 1.2s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: .2s ease-in-out 1s;
  -o-transition: .2s ease-in-out 1s;
  transition: .2s ease-in-out 1s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook {
  border-left: 1px solid #cda279;
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-transition: .2s ease-in-out .6s;
  -o-transition: .2s ease-in-out .6s;
  transition: .2s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:after, .gameinfo-masthead .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:before {
  left: 0;
  -webkit-transition: .1s ease-in-out .8s;
  -o-transition: .1s ease-in-out .8s;
  transition: .1s ease-in-out .8s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:after {
  right: 0;
  -webkit-transition: .1s ease-in-out .9s;
  -o-transition: .1s ease-in-out .9s;
  transition: .1s ease-in-out .9s;
  width: 1px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 10px;
  right: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out 1.2s;
  -o-transition: .6s ease-in-out 1.2s;
  transition: .6s ease-in-out 1.2s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .2s ease-in-out 1s;
  -o-transition: .2s ease-in-out 1s;
  transition: .2s ease-in-out 1s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook {
  border-right: 1px solid #cda279;
  position: absolute;
  bottom: 100%;
  right: 0;
  -webkit-transition: .2s ease-in-out .6s;
  -o-transition: .2s ease-in-out .6s;
  transition: .2s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:after, .gameinfo-masthead .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:before {
  right: 0;
  -webkit-transition: .1s ease-in-out .8s;
  -o-transition: .1s ease-in-out .8s;
  transition: .1s ease-in-out .8s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:after {
  left: 0;
  -webkit-transition: .1s ease-in-out .9s;
  -o-transition: .1s ease-in-out .9s;
  transition: .1s ease-in-out .9s;
  width: 1px;
  height: 0; }

.gameinfo-masthead .fancyBorders.is-active:after, .gameinfo-masthead .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left:before, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook:before {
  width: 10px;
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook:after {
  width: 1px;
  height: 20px; }

@media only screen and (max-width: 900px) {
  .gameinfo-masthead {
    background: url(../img/ac_marble-tile_ncsa.jpg) 0 0 repeat, #e6e6e6;
    border-bottom: 5px solid #cda279;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 30px 40px; }

  .gameinfo-masthead .divider:after, .gameinfo-masthead .divider:before, .gameinfo-masthead .fancyBorders, .gameinfo-masthead:before {
    display: none; }

  .gameinfo-masthead .mobile-divider {
    display: block;
    margin: 0 30px 15px;
    overflow: hidden;
    position: relative;
    width: 100%; }

  .gameinfo-masthead .mobile-divider:after, .gameinfo-masthead .mobile-divider:before {
    background: #cda279;
    content: "";
    position: absolute;
    top: 7px;
    width: 100%;
    height: 1px; }

  .gameinfo-masthead .mobile-divider:before {
    left: calc(-50% - 20px); }

  .gameinfo-masthead .mobile-divider:after {
    right: calc(-50% - 20px); } }
@media only screen and (min-width: 769px) {
  body.is-ncsa .promo-gameinfo.promo--full .promo-content--text {
    background: transparent !important; } }
body.is-emea .promo-gameinfo.promo--full .promo-content--text {
  background-position: center 105px !important;
  background-size: cover !important;
  background-attachment: fixed !important; }

.promo-gameinfo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.promo-gameinfo.promo--split {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px; }

.promo-gameinfo.promo--split, .promo-gameinfo.promo--split .promo-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.promo-gameinfo.promo--split .promo-content {
  background: #f7f5f3;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  width: 50%;
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-gameinfo.promo--split .promo-content:not(:last-child) {
  margin-right: 44px; }

.promo-gameinfo.promo--split .promo-content .promo-row--content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.promo-gameinfo.promo--split .promo-row--content, .promo-gameinfo.promo--split .promo-row--media {
  max-width: 100%;
  width: 100%; }

.promo-gameinfo.promo--split .promo-row--content {
  text-align: center; }

.promo-gameinfo.promo--split .promo-row--content h3 {
  margin: 0 0 20px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-gameinfo.promo--split .promo-row--content p:before {
  left: 50%;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%); }

.promo-gameinfo.promo--split .promo-row--media {
  -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.promo-gameinfo.promo--split .promo-row--media img {
  width: 100%; }

.promo-gameinfo.promo--full .promo-content {
  -webkit-box-shadow: 0 4px 8.37px 0.63px rgba(0, 0, 0, 0.45);
  box-shadow: 0 4px 8.37px 0.63px rgba(0, 0, 0, 0.45);
  max-width: 100%;
  position: relative;
  width: 100%; }

.promo-gameinfo.promo--full .promo-content img {
  max-width: 100%;
  width: 100%; }

.promo-gameinfo.promo--full .promo-content .media {
  position: relative; }

.promo-gameinfo.promo--full .promo-content .media:after, .promo-gameinfo.promo--full .promo-content .media:before {
  content: "";
  position: absolute;
  pointer-events: none; }

.promo-gameinfo.promo--full .promo-content .media:before {
  border: 1px solid #cda279;
  top: 6px;
  left: 6px;
  z-index: 1;
  width: calc(100% - 14px);
  height: calc(100% - 14px); }

.promo-gameinfo.promo--full .promo-content .media:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, rgba(0, 0, 0, 0.5)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 26%, transparent);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.promo-gameinfo.promo--full .promo-content--text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%; }

.promo-gameinfo.promo--full .promo-content--text:after, .promo-gameinfo.promo--full .promo-content--text:before {
  content: "";
  position: absolute;
  pointer-events: none; }

.promo-gameinfo.promo--full .promo-content--text:before {
  border: 1px solid #cda279;
  top: 6px;
  left: 6px;
  z-index: 1;
  width: calc(100% - 14px);
  height: calc(100% - 14px); }

.promo-gameinfo.promo--full .promo-content--text:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, rgba(0, 0, 0, 0.5)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 26%, transparent);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.promo-gameinfo.promo--full .promo-content--textBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f7f5f3;
  margin: 0;
  max-width: 630px;
  text-align: center;
  padding: 60px 75px 70px;
  position: relative;
  width: 100%;
  z-index: 1; }

.promo-gameinfo.promo--full .promo-content--textBox:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.promo-gameinfo.promo--full .promo-content--textBox span {
  color: #cda279;
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.promo-gameinfo.promo--full .promo-content--textBox h2 {
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 4.75px rgba(0, 0, 0, 0.25);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 38px;
  line-height: 2.375rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.promo-gameinfo.promo--full .promo-content--textBox p {
  margin: 0;
  padding: 16px 0 20px;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.promo-gameinfo.promo--full .promo-content--textBox p:before {
  background: #cda279;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

@media only screen and (max-width: 768px) {
  .promo-gameinfo.promo--split {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    width: 100%; }

  .promo-gameinfo.promo--split .promo-content {
    width: 100%; }

  .promo-gameinfo.promo--split .promo-content:not(:last-child) {
    margin: 0 0 20px; }

  .promo-gameinfo.promo--split .promo-row--content {
    text-align: left; }

  .promo-gameinfo.promo--split .promo-row--content p:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

  .promo-gameinfo.promo--split .promo-row--content .btn-simple--centered:before {
    bottom: -9px;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  .promo-gameinfo.promo--full .promo-content .media {
    display: none; }

  .promo-gameinfo.promo--full .promo-content--text {
    position: static; }

  .promo-gameinfo.promo--full .promo-content--textBox {
    max-width: 100%;
    padding: 275px 30px 70px;
    width: 100%; }

  .promo-gameinfo.promo--full .promo-content--text:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(26%, rgba(0, 0, 0, 0.5)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 26%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 26%, transparent);
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.promo-gameinfo.promo--full .promo-content--textBox:before, .promo-gameinfo.promo--full .promo-content--textBox p:before {
  content: "";
  display: block;
  position: absolute; }

.GameInfo {
  background: url(../img/ac_bg-light_ncsa.jpg) 0 no-repeat;
  background-size: cover;
  padding-top: 105px;
  overflow: hidden; }

.GameInfo .promo-gameinfoTop {
  margin-top: -95px;
  padding: 0 0 50px; }

.GameInfo .promo-gameinfoBottom {
  margin-top: 45px; }

.GameInfo .promo-row--content:before {
  left: 0;
  right: 0; }

@media only screen and (max-width: 1024px) {
  .GameInfo .promo-gameinfoTop {
    margin-top: -50px; } }
@media only screen and (max-width: 900px) {
  .GameInfo .promo-gameinfoTop {
    margin-top: 0;
    padding: 0 0 30px; }

  .GameInfo .promo-gameinfoBottom {
    margin-top: 30px; } }
.masthead {
  line-height: 1;
  max-width: 1280px;
  position: relative;
  text-align: center;
  z-index: 10; }

.masthead.masthead-with-media {
  overflow: hidden; }

.masthead.masthead-with-media .masthead-content {
  max-width: 66.66%;
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }

.masthead.masthead-has-video img {
  display: none; }

.masthead img, .masthead video {
  position: relative;
  z-index: -1; }

.masthead video {
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }

.masthead img {
  max-width: 100%; }

@media only screen and (max-width: 768px) {
  .masthead.masthead-has-video video {
    display: none; }

  .masthead.masthead-has-video img {
    display: block; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.updatesHighlight-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px; }

.updatesHighlight-content {
  padding-right: 40px;
  width: 30%; }

.updatesHighlight-media {
  line-height: 0;
  width: 70%; }

.updatesHighlight-media img {
  max-width: 100%; }

.updatesHighlight-media button {
  background: none;
  border: 0;
  cursor: pointer;
  line-height: 0;
  padding: 0;
  outline: 0; }

@media only screen and (max-width: 768px) {
  .updatesHighlight-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .updatesHighlight-content, .updatesHighlight-media {
    width: 100%; }

  .updatesHighlight-media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .updatesHighlight-content {
    padding-top: 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li.mobile-currentPage {
  display: none; }

.pagination > li > a, .pagination > li > span {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  min-width: 32px; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

body:not(.is-touch) .pagination > li > a:focus, body:not(.is-touch) .pagination > li > a:hover, body:not(.is-touch) .pagination > li > span:focus, body:not(.is-touch) .pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd; }

body:not(.is-touch) .pagination > .active > a:hover, body:not(.is-touch) .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

body:not(.is-touch) .pagination > .disabled > a:focus, body:not(.is-touch) .pagination > .disabled > a:hover, body:not(.is-touch) .pagination > .disabled > span:focus, body:not(.is-touch) .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

.pagination > .disabled > a, .pagination > .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

@media only screen and (max-width: 640px) {
  .pagination li {
    display: none; }

  .pagination li.mobile-currentPage, .pagination li.next, .pagination li.prev {
    display: inline-block; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.updatesFeed-container {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 20px; }

.updatesFeed-container .empty-warning {
  color: #fff;
  text-align: center; }

.updatesFeed-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }

.updatesFeed-item img {
  max-width: 100%; }

.updatesFeed-item-content, .updatesFeed-item-image {
  width: 50%; }

.updatesFeed-item-image {
  line-height: 0;
  padding-right: 20px; }

.updatesFeed-item-content {
  padding-left: 20px; }

.updatesFeed-item-content h2 {
  margin: 0;
  padding: 0; }

.updatesFeed-item-content p {
  color: #fff;
  margin: 1.5em 0 1em;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  letter-spacing: 0; }

@media only screen and (max-width: 768px) {
  .updatesFeed-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .updatesFeed-item-content, .updatesFeed-item-image {
    padding: 0;
    width: 100%; }

  .updatesFeed-item-content {
    padding: 20px 0 0; } }
.btn-news {
  text-decoration: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, .Updates .pagination > li.next > a, .Updates .pagination > li.prev > a, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary, .Updates .pagination > li.next > a, .Updates .pagination > li.prev > a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before, .Updates .pagination > li.next > a:before, .Updates .pagination > li.prev > a:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon, .Updates .pagination > li.next > a .icon, .Updates .pagination > li.prev > a .icon {
  margin: 0 auto; }

.Updates body:not(.is-touch) .pagination > li.next > a:hover, .Updates body:not(.is-touch) .pagination > li.prev > a:hover, body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover, body:not(.is-touch) .Updates .pagination > li.next > a:hover, body:not(.is-touch) .Updates .pagination > li.prev > a:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

.Updates body:not(.is-touch) .pagination > li.next > a:hover:before, .Updates body:not(.is-touch) .pagination > li.prev > a:hover:before, body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before, body:not(.is-touch) .Updates .pagination > li.next > a:hover:before, body:not(.is-touch) .Updates .pagination > li.prev > a:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.Updates body:not(.is-touch) .pagination > li.next > a:hover:after, .Updates body:not(.is-touch) .pagination > li.prev > a:hover:after, body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after, body:not(.is-touch) .Updates .pagination > li.next > a:hover:after, body:not(.is-touch) .Updates .pagination > li.prev > a:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary, .is-ie11 .Updates .pagination > li.next > a, .is-ie11 .Updates .pagination > li.prev > a, .Updates .is-ie11 .pagination > li.next > a, .Updates .is-ie11 .pagination > li.prev > a {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover, .is-ie11 .Updates .pagination > li.next > a:hover, .is-ie11 .Updates .pagination > li.prev > a:hover, .Updates .is-ie11 .pagination > li.next > a:hover, .Updates .is-ie11 .pagination > li.prev > a:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.Updates .pagination > li > a:after, .Updates .updatesFeed-hr-lines:after, .Updates .updatesFeed-hr-lines:before, .Updates .updatesFeed-hr:after, .Updates .updatesFeed-hr:before, .Updates .updatesHighlight-content h2:after {
  content: "";
  display: block;
  position: absolute; }

.Updates {
  padding-top: 45px; }

.Updates .updatesHighlight {
  background: url("../img/ac_global-line-circle-pattern-bg_ncsa.png") 0 0 repeat, url("../img/ac_global-marble-bg_ncsa.jpg") 50% 0 no-repeat;
  background-size: auto auto,cover;
  margin-bottom: -20px;
  padding: 105px 0 0; }

.Updates .updatesHighlight-container {
  margin: 0 auto;
  max-width: 1270px;
  padding: 0 20px; }

.Updates .updatesHighlight-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7f5f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 50px 50px 80px;
  z-index: 2;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0;
  width: 100%;
  height: auto; }

.Updates .updatesHighlight-wrap:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -5px;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 1;
  width: calc(100% - 60px);
  height: auto; }

.Updates .updatesHighlight-wrap:after {
  content: "";
  top: 10px;
  left: -10px;
  position: absolute;
  background: #f6f6f6;
  pointer-events: none;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% - 20px); }

.Updates .updatesHighlight-wrap * {
  position: relative;
  z-index: 1; }

.Updates .updatesHighlight-wrap p {
  margin: 0;
  max-width: 525px; }

.Updates .updatesHighlight-wrapTitle {
  display: none; }

.Updates .updatesHighlight-wrap-boxes {
  background: url(../img/ac_box-ornament_ncsa.png) 0 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 0 100% no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: -10px;
  pointer-events: none;
  width: calc(100% + 20px);
  height: 100%; }

.Updates .updatesHighlight-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0; }

.Updates .updatesHighlight-content span {
  color: #cda279;
  line-height: 1;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.Updates .updatesHighlight-content h2 {
  color: #041418;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 48px;
  line-height: 3rem;
  letter-spacing: 0; }

.Updates .updatesHighlight-content h2:after {
  background: #cda178;
  display: none;
  top: calc(100% + 10px);
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  height: 8px; }

.Updates .updatesHighlight-content p {
  margin-bottom: 20px; }

.Updates .updatesHighlight-content a {
  text-decoration: none; }

.Updates .updatesFeed-filters {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 20px;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px); }

.Updates .updatesFeed-filters-col {
  margin: 0 15px;
  width: 40%; }

.Updates .updatesFeed-filters-select {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  padding: 4px;
  position: relative; }

.Updates .updatesFeed-filters-select:before {
  content: "";
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.Updates .updatesFeed-filters-select select {
  background: #fff;
  border: none;
  border-radius: 0;
  color: #041418;
  padding: 0 0 0 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  line-height: 1.25rem; }

.Updates .updatesFeed-filters-select select::-ms-expand {
  display: none; }

.Updates .updatesFeed-filters-select select {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem;
  line-height: 34px;
  line-height: 2.125rem;
  letter-spacing: .04px;
  letter-spacing: .04rem; }

.Updates .updatesFeed-filters-clear {
  padding: 0 15px;
  position: relative; }

.Updates .updatesFeed-filters-clear .btn.btn-close, .Updates .updatesFeed-filters-clear .btn.btn-primary, .Updates .updatesFeed-filters-clear .pagination > li.next > a, .Updates .updatesFeed-filters-clear .pagination > li.prev > a {
  padding: 0 !important;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-size: 1rem; }

body:not(.is-touch) .Updates .updatesFeed-filters-clear .btn.btn-close:hover:before, body:not(.is-touch) .Updates .updatesFeed-filters-clear .btn.btn-primary:hover:before, body:not(.is-touch) .Updates .updatesFeed-filters-clear .pagination > li.next > a:hover:before, body:not(.is-touch) .Updates .updatesFeed-filters-clear .pagination > li.prev > a:hover:before {
  -webkit-transform: scaleX(0.89) scaleY(0.89);
  -ms-transform: scaleX(0.89) scaleY(0.89);
  transform: scaleX(0.89) scaleY(0.89); }

.Updates .updatesFeed {
  background: url(../img/ac_global-bg-lines_ncsa.png) 50% 0 repeat, url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  position: relative;
  z-index: 10; }

.Updates .updatesFeed-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.Updates .updatesFeed-item-image {
  background: -webkit-linear-gradient(135deg, #896a49, #f4e2cf 25%, #896a49 50%, #f4e2cf 75%, #d1b291);
  background: -o-linear-gradient(135deg, #896a49 0, #f4e2cf 25%, #896a49 50%, #f4e2cf 75%, #d1b291 100%);
  background: linear-gradient(-45deg, #896a49, #f4e2cf 25%, #896a49 50%, #f4e2cf 75%, #d1b291);
  padding: 5px;
  width: 33.33%; }

.Updates .updatesFeed-item-image a, .Updates .updatesFeed-item-image button {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  outline: none;
  width: 100%;
  position: relative;
  line-height: 0; }

.Updates .updatesFeed-item-image img {
  width: 100%; }

.Updates .updatesFeed-item-content {
  margin-top: -15px;
  width: 66.66%; }

.Updates .updatesFeed-item-content span {
  color: #c8aa6c;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.Updates .updatesFeed-item-content h2 {
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.Updates .updatesFeed-item-content h2:before {
  background: #1a1a1a;
  border: 1px solid #cda279;
  bottom: -13px;
  content: "";
  position: absolute;
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  width: 4px;
  height: 4px; }

.Updates .updatesFeed-item-content .btn, .Updates .updatesFeed-item-content .pagination > li.next > a, .Updates .updatesFeed-item-content .pagination > li.prev > a {
  color: #fff;
  line-height: 1;
  margin-top: 20px;
  padding: 0; }

.Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr {
  display: none;
  margin: 0 0 20px;
  width: 100%; }

.Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr .updatesFeed-hr-lines:after, .Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr .updatesFeed-hr-lines:before {
  width: 50%; }

.Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr .updatesFeed-hr-lines:before {
  left: -20px; }

.Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr .updatesFeed-hr-lines:after {
  right: -20px; }

.Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr:after, .Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr:before {
  display: none; }

.Updates .updatesFeed-hr {
  display: block;
  margin: 0 20px;
  position: relative;
  width: calc(100% - 40px); }

.Updates .updatesFeed-hr:after, .Updates .updatesFeed-hr:before {
  background: #d0b78a;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  width: 7px;
  height: 7px; }

.Updates .updatesFeed-hr:before {
  right: calc(100% + 10px); }

.Updates .updatesFeed-hr:after {
  left: calc(100% + 10px); }

.Updates .updatesFeed-hr-lines {
  text-align: center; }

.Updates .updatesFeed-hr-lines:after, .Updates .updatesFeed-hr-lines:before {
  background: #d0b78a;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(50% - 20px);
  height: 1px; }

.Updates .updatesFeed-hr-lines:before {
  left: 0; }

.Updates .updatesFeed-hr-lines:after {
  right: 0; }

.Updates .pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 30px 0 90px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.Updates .pagination > li {
  padding: 0 7px;
  position: relative; }

.Updates .pagination > li.mobile-currentPage {
  color: #fff;
  padding: 0 20px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem; }

.Updates .pagination > li.active > a {
  color: #fff; }

.Updates .pagination > li.active > a:after, body:not(.is-touch) .Updates .pagination > li.active > a:hover:after {
  display: block;
  width: 75%; }

.Updates .pagination > li > a {
  background: none;
  border: 0;
  color: #d0b78a;
  cursor: pointer;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body:not(.is-touch) .Updates .pagination > li > a:hover {
  background: none;
  border: none;
  color: #fff; }

body:not(.is-touch) .Updates .pagination > li > a:hover:after {
  width: 50%; }

.Updates .pagination > li > a:after {
  background: #d0b78a;
  display: block;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width .1s ease-in-out;
  -o-transition: width .1s ease-in-out;
  transition: width .1s ease-in-out;
  width: 0;
  height: 4px; }

.Updates .pagination > li.disabled > a, .Updates .pagination > li.next.disabled > a, .Updates .pagination > li.prev.disabled > a {
  cursor: not-allowed;
  opacity: .25; }

body:not(.is-touch) .Updates .pagination > li.disabled > a:hover, body:not(.is-touch) .Updates .pagination > li.next.disabled > a:hover, body:not(.is-touch) .Updates .pagination > li.prev.disabled > a:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4; }

body:not(.is-touch) .Updates .pagination > li.disabled > a:hover:before, body:not(.is-touch) .Updates .pagination > li.next.disabled > a:hover:before, body:not(.is-touch) .Updates .pagination > li.prev.disabled > a:hover:before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.Updates .pagination > li.first > a, .Updates .pagination > li.last > a {
  color: #cda279;
  padding: 0 !important;
  position: relative;
  width: 32px;
  height: 32px; }

.Updates .pagination > li.first > a svg, .Updates .pagination > li.last > a svg {
  fill: #cda279;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 17px; }

body:not(.is-touch) .Updates .pagination > li.first > a:hover, body:not(.is-touch) .Updates .pagination > li.last > a:hover {
  background: none; }

.Updates .pagination > li.first > a:after, .Updates .pagination > li.last > a:after, body:not(.is-touch) .Updates .pagination > li.first > a:hover:after, body:not(.is-touch) .Updates .pagination > li.last > a:hover:after {
  display: none; }

.Updates .pagination > li.next, .Updates .pagination > li.prev {
  margin: 0 8px; }

.Updates .pagination > li.next > a, .Updates .pagination > li.prev > a {
  border-radius: 0;
  padding: 10px !important; }

body:not(.is-touch) .Updates .pagination > li.next > a:hover:after, body:not(.is-touch) .Updates .pagination > li.prev > a:hover:after {
  display: none; }

body:not(.is-touch) .Updates .pagination > li.next > a:hover:before, body:not(.is-touch) .Updates .pagination > li.prev > a:hover:before {
  -webkit-transform: scaleX(0.89) scaleY(0.89) !important;
  -ms-transform: scaleX(0.89) scaleY(0.89) !important;
  transform: scaleX(0.89) scaleY(0.89) !important; }

.Updates .pagination > li.next > a:after, .Updates .pagination > li.prev > a:after {
  display: none; }

@media only screen and (max-width: 928px) {
  .Updates .updatesHighlight-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .Updates .updatesHighlight-content, .Updates .updatesHighlight-media {
    width: 100%; }

  .Updates .updatesHighlight-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 20px; }

  .Updates .updatesHighlight-media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center; } }
@media only screen and (max-width: 768px) {
  .Updates .updatesFeed-item-content, .Updates .updatesFeed-item-image {
    width: 100%; }

  .Updates .updatesFeed-item-content {
    margin-top: 0;
    padding-top: 20px; } }
@media only screen and (max-width: 640px) {
  .Updates .updatesHighlight {
    margin-bottom: 0;
    padding: 120px 0 20px; }

  .Updates .updatesHighlight-wrap {
    padding: 0; }

  .Updates .updatesHighlight-wrap-boxes, .Updates .updatesHighlight-wrap:after, .Updates .updatesHighlight-wrap:before {
    display: none; }

  .Updates .updatesHighlight-content h2 {
    margin-bottom: 30px; }

  .Updates .updatesHighlight-content h2:after {
    display: block; }

  .Updates .updatesFeed-filters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .Updates .updatesFeed-filters-col {
    margin: 0 0 20px;
    width: 100%; }

  .Updates .updatesFeed-filters-clear {
    margin-bottom: 25px; }

  .Updates .updatesFeed-container {
    padding-bottom: 40px; }

  .Updates .updatesFeed-hr {
    display: none; }

  .Updates .updatesFeed .updatesFeed-hr.updatesFeed-filter-hr {
    display: block; }

  .Updates .updatesFeed-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .Updates .updatesFeed-item:last-of-type {
    margin-bottom: 0; }

  .Updates .updatesFeed-item-content, .Updates .updatesFeed-item-image {
    width: 100%; }

  .Updates .pagination {
    padding: 30px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfo-masthead {
  -ms-flex-line-pack: center;
  align-content: center;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 100% !important;
  min-height: 380px;
  padding-top: 125px;
  position: relative;
  width: 100%;
  height: auto; }

.gameinfo-masthead:before {
  background: url(../img/ac_marbleHeaderAngle_ncsa.png) 0 no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: -1;
  width: 2560px;
  height: 505px; }

.gameinfo-masthead .masthead-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 845px; }

.gameinfo-masthead h1 {
  display: block;
  margin: 0 0 15px;
  width: 100%;
  font-size: 62px;
  font-size: 3.875rem;
  line-height: 58px;
  line-height: 3.625rem; }

.gameinfo-masthead h1, .gameinfo-masthead p {
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0; }

.gameinfo-masthead p {
  text-align: center;
  margin-top: 15px;
  max-width: 635px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem; }

.gameinfo-masthead span {
  color: #cda279;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfo-masthead .divider {
  position: relative;
  width: 11px;
  height: 11px; }

.gameinfo-masthead .divider .box {
  border: 1px solid #cda279;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px; }

.gameinfo-masthead .divider:after, .gameinfo-masthead .divider:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 3px;
  width: 26px;
  height: 1px; }

.gameinfo-masthead .divider:before {
  left: -34px; }

.gameinfo-masthead .divider:after {
  right: -32px; }

.gameinfo-masthead .mobile-divider {
  display: none; }

.gameinfo-masthead .fancyBorders {
  position: absolute;
  top: -58px;
  left: 0;
  width: 845px;
  height: 402px; }

.gameinfo-masthead .fancyBorders:after, .gameinfo-masthead .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfo-masthead .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfo-masthead .fancyBorders .fancyBorders-diamond {
  background: #cda279;
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 6px;
  height: 6px; }

.gameinfo-masthead .fancyBorders .icon-squareCurl {
  top: -8px;
  position: relative; }

.gameinfo-masthead .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 10px;
  left: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out 1.2s;
  -o-transition: .6s ease-in-out 1.2s;
  transition: .6s ease-in-out 1.2s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: .2s ease-in-out 1s;
  -o-transition: .2s ease-in-out 1s;
  transition: .2s ease-in-out 1s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook {
  border-left: 1px solid #cda279;
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-transition: .2s ease-in-out .6s;
  -o-transition: .2s ease-in-out .6s;
  transition: .2s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:after, .gameinfo-masthead .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:before {
  left: 0;
  -webkit-transition: .1s ease-in-out .8s;
  -o-transition: .1s ease-in-out .8s;
  transition: .1s ease-in-out .8s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-left--nook:after {
  right: 0;
  -webkit-transition: .1s ease-in-out .9s;
  -o-transition: .1s ease-in-out .9s;
  transition: .1s ease-in-out .9s;
  width: 1px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 10px;
  right: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out 1.2s;
  -o-transition: .6s ease-in-out 1.2s;
  transition: .6s ease-in-out 1.2s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .2s ease-in-out 1s;
  -o-transition: .2s ease-in-out 1s;
  transition: .2s ease-in-out 1s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook {
  border-right: 1px solid #cda279;
  position: absolute;
  bottom: 100%;
  right: 0;
  -webkit-transition: .2s ease-in-out .6s;
  -o-transition: .2s ease-in-out .6s;
  transition: .2s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:after, .gameinfo-masthead .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:before {
  right: 0;
  -webkit-transition: .1s ease-in-out .8s;
  -o-transition: .1s ease-in-out .8s;
  transition: .1s ease-in-out .8s;
  width: 0;
  height: 1px; }

.gameinfo-masthead .fancyBorders .fancyBorders-right--nook:after {
  left: 0;
  -webkit-transition: .1s ease-in-out .9s;
  -o-transition: .1s ease-in-out .9s;
  transition: .1s ease-in-out .9s;
  width: 1px;
  height: 0; }

.gameinfo-masthead .fancyBorders.is-active:after, .gameinfo-masthead .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left:before, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook:before {
  width: 10px;
  height: 1px; }

.gameinfo-masthead .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfo-masthead .fancyBorders.is-active .fancyBorders-right--nook:after {
  width: 1px;
  height: 20px; }

@media only screen and (max-width: 900px) {
  .gameinfo-masthead {
    background: url(../img/ac_marble-tile_ncsa.jpg) 0 0 repeat, #e6e6e6;
    border-bottom: 5px solid #cda279;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 30px 40px; }

  .gameinfo-masthead .divider:after, .gameinfo-masthead .divider:before, .gameinfo-masthead .fancyBorders, .gameinfo-masthead:before {
    display: none; }

  .gameinfo-masthead .mobile-divider {
    display: block;
    margin: 0 30px 15px;
    overflow: hidden;
    position: relative;
    width: 100%; }

  .gameinfo-masthead .mobile-divider:after, .gameinfo-masthead .mobile-divider:before {
    background: #cda279;
    content: "";
    position: absolute;
    top: 7px;
    width: 100%;
    height: 1px; }

  .gameinfo-masthead .mobile-divider:before {
    left: calc(-50% - 20px); }

  .gameinfo-masthead .mobile-divider:after {
    right: calc(-50% - 20px); } }
.gamesFeed-container {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 20px; }

.gamesFeed-filterWrap {
  padding: 40px 0 0;
  text-align: center; }

.gamesFeed-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0; }

.gamesFeed-item.is-hidden {
  display: none; }

.gamesFeed-item img {
  max-width: 100%; }

.gamesFeed-item-content, .gamesFeed-item-image {
  width: 50%; }

.gamesFeed-item-image {
  line-height: 0;
  padding-right: 40px;
  position: relative; }

.gamesFeed-item-image .btn, .gamesFeed-item-image .btn:visited {
  position: absolute;
  bottom: 20px;
  margin-left: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-decoration: none; }

.gamesFeed-item-meta {
  margin: 10px 0 20px;
  padding: 0;
  list-style-type: none; }

.gamesFeed-item-content {
  padding-left: 40px;
  padding-bottom: 10px; }

.gamesFeed-item-content h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 42px;
  font-size: 2.625rem; }

.gamesFeed-item-content h2 span {
  display: block;
  font-size: 16px;
  font-size: 1rem; }

@media only screen and (max-width: 768px) {
  .gamesFeed-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .gamesFeed-item-content, .gamesFeed-item-image {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

  .gamesFeed-item-image .btn {
    margin-left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

  .gamesFeed-item-content {
    padding-top: 40px; }

  .gamesFeed-item-content .btn {
    display: block;
    margin: 0 auto;
    max-width: 75%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.additionalContent-item:before, .additionalContent-title-line:after, .additionalContent-title-line:before, .AllGames .gamesFeed-container:after, .AllGames .gamesFeed-item:after, .AllGames .gamesFeed-item:before {
  content: "";
  display: block;
  position: absolute; }

.additionalContent {
  background: #181c20 url("../img/ac_smoke-bg_ncsa.jpg") 50% 0 no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  z-index: 20; }

.additionalContent:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#c0a97c), to(#dcc597));
  background: -webkit-linear-gradient(top, #c0a97c, #dcc597);
  background: -o-linear-gradient(top, #c0a97c, #dcc597);
  background: linear-gradient(180deg, #c0a97c, #dcc597);
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 4px; }

.additionalContent-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  width: 100%; }

.additionalContent-title {
  color: #cda279;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.additionalContent-title-line {
  background: rgba(255, 255, 255, 0.2);
  margin-top: 5px;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 230px; }

.additionalContent-title-line:after, .additionalContent-title-line:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.additionalContent-title-line:before {
  background: #cda279;
  top: 0;
  left: -2px; }

.additionalContent-title-line:after {
  border: 1px solid #cda279;
  bottom: -8px;
  left: -3px; }

.additionalContent-item {
  min-height: 400px;
  margin: 0 20px;
  position: relative;
  width: 50%; }

.additionalContent-item:first-of-type {
  margin-right: 50px; }

.additionalContent-item:last-of-type {
  margin-left: 50px; }

.additionalContent-item:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 1; }

.additionalContent-item-image {
  margin-top: 30px;
  position: relative;
  z-index: 10; }

.additionalContent-item-image .btn {
  display: block; }

.additionalContent-item-image img {
  max-width: 100%;
  width: 100%; }

.additionalContent-item-content {
  color: #fff;
  padding: 20px 50px 30px;
  font-size: 12px;
  font-size: .75rem; }

.additionalContent-item-content, .additionalContent-item-content h3 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.additionalContent-item-content h3 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 21px;
  font-size: 1.3125rem; }

.additionalContent-item-content a {
  color: #fff;
  -webkit-text-emphasis: none;
  text-emphasis: none; }

@media only screen and (max-width: 768px) {
  .additionalContent {
    padding: 40px 0; }

  .additionalContent-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .additionalContent .additionalContent-title-line {
    background: none; }

  .additionalContent-item {
    min-height: 100px;
    width: 100%; }

  .additionalContent-item-image {
    margin-top: 0;
    padding: 0 7px; }

  .additionalContent-item-content {
    padding: 20px 50px 50px; }

  .additionalContent-item a {
    display: block; }

  .additionalContent-item a img {
    width: 100%; }

  .additionalContent-item:first-of-type, .additionalContent-item:last-of-type {
    margin-left: 0;
    margin-right: 0; }

  .additionalContent-item:not(:last-of-type) {
    margin-bottom: 40px; } }
.AllGames {
  background: #191919 url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  overflow: hidden; }

.AllGames .gamesFeed-masthead {
  color: #041418;
  margin-bottom: 60px;
  min-height: 380px;
  position: relative;
  width: 100%;
  height: auto; }

.AllGames .gamesFeed-masthead img {
  max-width: 100%; }

.AllGames .gamesFeed-masthead .fancyBorders {
  top: 60px;
  width: 845px;
  height: calc(100% - 60px); }

.AllGames .gamesFeed-masthead .fancyBorders, .AllGames .gamesFeed-masthead .fancyBorders-symbol {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.AllGames .gamesFeed-masthead .fancyBorders-symbol {
  top: -16px; }

.AllGames .gamesFeed-masthead .fancyBorders:after, .AllGames .gamesFeed-masthead .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  width: calc(50% - 17px);
  height: 1px; }

.AllGames .gamesFeed-masthead .fancyBorders:before {
  left: 0; }

.AllGames .gamesFeed-masthead .fancyBorders:after {
  left: calc(50% + 17px); }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-diamond {
  background: #cda279;
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 6px;
  height: 6px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 10px;
  left: 0;
  position: absolute;
  width: 10px;
  height: 100%; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 1px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--nook {
  border-left: 1px solid #cda279;
  position: absolute;
  top: -10px;
  left: 0;
  width: 10px;
  height: 10px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--nook:after, .AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--nook:before {
  left: 0;
  width: 10px;
  height: 1px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--nook:after {
  right: 0;
  width: 1px;
  height: 20px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-left--bottomNook {
  border-right: 1px solid #cda279;
  border-top: 1px solid #cda279;
  border-bottom: 1px solid #cda279;
  bottom: -10px;
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 10px;
  right: 0;
  position: absolute;
  width: 10px;
  height: 100%; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 1px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--nook {
  border-right: 1px solid #cda279;
  position: absolute;
  top: -10px;
  right: 0;
  width: 10px;
  height: 10px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--nook:after, .AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 0; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--nook:before {
  right: 0;
  width: 10px;
  height: 1px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--nook:after {
  left: 0;
  width: 1px;
  height: 20px; }

.AllGames .gamesFeed-masthead .fancyBorders .fancyBorders-right--bottomNook {
  border-left: 1px solid #cda279;
  border-top: 1px solid #cda279;
  border-bottom: 1px solid #cda279;
  bottom: -10px;
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px; }

.AllGames .gamesFeed-masthead-main {
  background: url("../img/ac_allgames-header-main-bg_ncsa.png") 50% 0 no-repeat;
  background-size: auto 100%;
  padding: 100px 0 60px;
  text-align: center;
  width: 100%; }

.AllGames .gamesFeed-masthead-main strong {
  color: #b7995e;
  display: block;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.AllGames .gamesFeed-masthead-content {
  color: #e6e6e6;
  margin: 0 auto;
  max-width: 660px;
  padding: 15px 0;
  text-align: center;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem; }

.AllGames .gamesFeed-masthead-content .icon {
  display: block;
  fill: #baa479 !important;
  margin: 15px auto;
  position: relative;
  left: 7px; }

.AllGames .gamesFeed-container {
  padding-bottom: 65px;
  position: relative; }

.AllGames .gamesFeed-container:after {
  background: url("../img/ac_allgames-after-end-bg_ncsa.png") 0 0 no-repeat;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  pointer-events: none;
  width: 131px;
  height: 45px; }

.AllGames .gamesFeed-filterWrap .gamesFeed-select {
  display: block;
  margin: 0 auto;
  max-width: 280px;
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  padding: 4px;
  position: relative; }

.AllGames .gamesFeed-filterWrap .gamesFeed-select:before {
  content: "";
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.AllGames .gamesFeed-filterWrap .gamesFeed-select select {
  background: #fff;
  border: none;
  border-radius: 0;
  color: #041418;
  padding: 0 0 0 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  line-height: 1.25rem; }

.AllGames .gamesFeed-filterWrap .gamesFeed-select select::-ms-expand {
  display: none; }

.AllGames .gamesFeed-filterWrap .gamesFeed-select select {
  font-size: 12px;
  font-size: .75rem;
  line-height: 34px;
  line-height: 2.125rem;
  letter-spacing: .04px;
  letter-spacing: .04rem; }

.AllGames .gamesFeed-item {
  background: url("../img/ac_allgames-bg_ncsa.jpg") 50% 50% repeat;
  margin-bottom: 65px;
  padding: 20px;
  position: relative; }

.AllGames .gamesFeed-item:last-of-type:after {
  background: url("../img/ac_allgames-after-end-bg_ncsa.png") 0 0 no-repeat;
  width: 131px;
  height: 45px; }

.AllGames .gamesFeed-item:after, .AllGames .gamesFeed-item:before {
  pointer-events: none; }

.AllGames .gamesFeed-item:before {
  border: 3px solid #d9c296;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px; }

.AllGames .gamesFeed-item:after {
  background: url("../img/ac_allgames-after-bg_ncsa.png") 0 0 no-repeat;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 131px;
  height: 65px; }

.AllGames .gamesFeed-item-image {
  padding-right: 25px; }

.AllGames .gamesFeed-item-content {
  padding-left: 25px;
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem; }

.AllGames .gamesFeed-item-content, .AllGames .gamesFeed-item-content h2 {
  color: #1d2b2e;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.AllGames .gamesFeed-item-content h2 {
  padding-top: 25px;
  font-weight: 300;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 41px;
  line-height: 2.5625rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.AllGames .gamesFeed-item-content h2 span {
  color: #c8aa6c; }

.AllGames .gamesFeed-item-content p {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.AllGames .gamesFeed-item-content .details {
  margin: 15px 0 30px;
  padding: 0 0 0 20px; }

.AllGames .gamesFeed-item-meta {
  color: #c8aa6c;
  margin: 15px 0 25px;
  padding: 0;
  position: relative;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: .05px;
  letter-spacing: .05rem; }

.AllGames .gamesFeed-item-meta, .AllGames .gamesFeed-item-meta span {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.AllGames .gamesFeed-item-meta span {
  color: #1d2b2e;
  font-weight: 400; }

.AllGames .gamesFeed-item-meta:before {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

@media only screen and (max-width: 768px) {
  .AllGames .gamesFeed-masthead-main {
    background: url("../img/ac_allgames-header-main-mobile-bg_ncsa.png") 50% -125px no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 20px 145px; }

  .AllGames .gamesFeed-masthead-content {
    padding: 15px 20px; }

  .AllGames .gamesFeed-masthead-content .icon {
    display: none; }

  .AllGames .gamesFeed-masthead img {
    max-width: 225px; }

  .AllGames .gamesFeed-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .AllGames .gamesFeed-item-content, .AllGames .gamesFeed-item-image {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

  .AllGames .gamesFeed-item-image {
    text-align: center; }

  .AllGames .gamesFeed-item-image .btn {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

  .AllGames .gamesFeed-item-content {
    padding-top: 10px; }

  .AllGames .gamesFeed-item-content .btn {
    display: block;
    margin: 0 auto;
    max-width: 75%; } }
@media only screen and (max-width: 480px) {
  .AllGames .gamesFeed-item-image .btn {
    width: calc(100% - 10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    left: auto;
    bottom: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 10px; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.relatedContent-column:after, .relatedContent-column:before, .relatedContent:before {
  content: "";
  display: block;
  position: absolute; }

.relatedContent {
  background: url(../img/ac_additionalContent-bg_ncsa.jpg) 50% no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 60px 30px 115px;
  position: relative; }

.relatedContent:before {
  background: #cda279;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  width: 100%;
  height: 5px; }

.relatedContent-title {
  color: #cda279;
  margin: 0 auto 50px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-size: .75rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .4px;
  letter-spacing: .4rem;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.relatedContent-title svg {
  display: block;
  margin: 0 auto 15px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 16px;
  line-height: 1rem;
  letter-spacing: 0; }

.relatedContent-title .diamond {
  background: #cda279;
  top: calc(100% + 25px);
  left: calc(50% - 1px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.relatedContent-title:after, .relatedContent-title:before {
  content: "";
  position: absolute; }

.relatedContent-title:before {
  background: rgba(255, 255, 255, 0.1);
  top: calc(100% + 25px);
  left: 50%;
  width: 1px;
  height: 0; }

.relatedContent-title:after {
  background: #1a1a1a;
  border: 1px solid #cda279;
  bottom: -265px;
  left: calc(50% - 4px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  width: 7px;
  height: 7px; }

.relatedContent img {
  max-width: 100%; }

.relatedContent-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1165px;
  width: 100%; }

.is-ie11 .relatedContent-content {
  display: -ms-flexbox !important; }

.is-ie11 .relatedContent-column {
  max-width: 45%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 45%; }

.is-ie11 .relatedContent-column:first-of-type {
  margin-right: 40px; }

@media only screen and (max-width: 768px) {
  .is-ie11 .relatedContent-content {
    display: block !important; }

  .is-ie11 .relatedContent-column {
    max-width: 100%;
    width: 100%; } }
.relatedContent-column {
  max-width: 46%;
  padding-bottom: 75px;
  position: relative; }

.relatedContent-column:before {
  top: 0;
  left: 11px;
  right: 11px;
  bottom: 0;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-2_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-2_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-2_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 0; }

.relatedContent-column:after {
  background: #1a1a1a;
  border: 1px solid #cda279;
  display: none;
  bottom: -1px;
  left: calc(50% - 4px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  width: 7px;
  height: 7px; }

.relatedContent-column * {
  position: relative;
  z-index: 1; }

.relatedContent-column img {
  margin-top: 23px; }

.relatedContent-column h3 {
  margin: 20px 0 0;
  padding: 0 57px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  letter-spacing: -.02px;
  letter-spacing: -.02rem; }

.relatedContent-column a, .relatedContent-column button {
  color: #f7f5f3;
  position: absolute !important;
  bottom: 0;
  bottom: 30px;
  left: 57px; }

.relatedContent-column a:before, .relatedContent-column button:before {
  bottom: -5px; }

@media only screen and (min-width: 900px) {
  body:not(.is-touch) .relatedContent:before {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 0;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

  body:not(.is-touch) .relatedContent-title {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .relatedContent-title .diamond {
    opacity: 0;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .relatedContent-title:before {
    height: 0;
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .relatedContent-title:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(0);
    -ms-transform: scale(0) rotate(0);
    transform: scale(0) rotate(0);
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1.5s; }

  body:not(.is-touch) .relatedContent-column {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent:before {
    width: 100%; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent .relatedContent-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent .relatedContent-title .diamond {
    opacity: 1; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent .relatedContent-title:before {
    height: 235px; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent .relatedContent-title:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .relatedContent .relatedContent-column {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 768px) {
  .relatedContent-title:after, .relatedContent-title:before {
    display: none; }

  .relatedContent-title .diamond {
    top: calc(100% + 10px); }

  .relatedContent-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%; }

  .relatedContent-column {
    max-width: 100%; }

  .relatedContent-column:before {
    left: 1px;
    right: 1px; }

  .relatedContent-column img {
    margin-top: 0;
    width: 100%; }

  .relatedContent-column:not(:first-child) {
    margin-top: 40px; } }
.mastheadGameInfo-marble {
  -ms-flex-line-pack: center;
  align-content: center;
  background: url(../img/ac_marble-tile_ncsa.jpg) 50% repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 100% !important;
  padding: 27px 26px;
  position: relative;
  width: 100%;
  height: 545px; }

.mastheadGameInfo-marble:before {
  content: "";
  position: absolute;
  top: 26px;
  left: 27px;
  right: 27px;
  bottom: 26px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.mastheadGameInfo-marble .masthead-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 27px;
  left: 26px;
  width: calc(100% - 54px);
  height: calc(100% - 52px); }

.mastheadGameInfo-marble .masthead-content:before {
  content: "";
  top: -28px;
  z-index: 1;
  width: 1103px;
  height: 546px; }

.mastheadGameInfo-marble .masthead-content .masthead--title, .mastheadGameInfo-marble .masthead-content:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.mastheadGameInfo-marble .masthead-content .masthead--title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -25px;
  text-transform: uppercase;
  z-index: 3; }

.mastheadGameInfo-marble .masthead-content .masthead--title h1 {
  color: #041418;
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 61px;
  font-size: 3.8125rem;
  line-height: 58px;
  line-height: 3.625rem;
  letter-spacing: 0; }

.mastheadGameInfo-marble .masthead-content .masthead--title span {
  color: #cda279;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 9px;
  font-size: .5625rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.mastheadGameInfo-marble .masthead-content .masthead--title .divider {
  left: -3px;
  position: relative;
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  width: 6px;
  height: 6px; }

.mastheadGameInfo-marble .masthead-content .masthead--title .divider .box {
  border: 1px solid #cda279;
  left: -3px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  height: 6px; }

.mastheadGameInfo-marble .masthead-content .masthead--title .divider:after, .mastheadGameInfo-marble .masthead-content .masthead--title .divider:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 3px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
  width: 0;
  height: 1px; }

.mastheadGameInfo-marble .masthead-content .masthead--title .divider:before {
  right: calc(50% + 14px); }

.mastheadGameInfo-marble .masthead-content .masthead--title .divider:after {
  left: calc(50% + 9px); }

.mastheadGameInfo-marble .masthead-content .masthead--copy {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f7f5f3;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  padding: 50px 0;
  -webkit-transform: translateY(30%);
  -ms-transform: translateY(30%);
  transform: translateY(30%);
  z-index: 2;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 22px;
  line-height: 1.375rem;
  letter-spacing: 0;
  width: 845px;
  height: auto; }

.mastheadGameInfo-marble .masthead-content .masthead--copy:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -5px;
  right: 0;
  bottom: 5px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-7_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 1;
  width: calc(100% - 60px);
  height: auto; }

.mastheadGameInfo-marble .masthead-content .masthead--copy:after {
  content: "";
  top: 10px;
  left: -10px;
  position: absolute;
  background: #f7f5f3;
  pointer-events: none;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% - 20px); }

.mastheadGameInfo-marble .masthead-content .masthead--copy * {
  position: relative;
  z-index: 1; }

.mastheadGameInfo-marble .masthead-content .masthead--copy p {
  margin: 0;
  max-width: 525px; }

.mastheadGameInfo-marble .masthead-content .masthead--copyTitle {
  display: none; }

.mastheadGameInfo-marble .masthead-content .masthead--copy-boxes {
  background: url(../img/ac_box-ornament_ncsa.png) 0 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 0 no-repeat, url(../img/ac_box-ornament_ncsa.png) 0 100% no-repeat, url(../img/ac_box-ornament_ncsa.png) 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: -10px;
  pointer-events: none;
  width: calc(100% + 20px);
  height: 100%; }

@media only screen and (min-width: 900px) {
  body:not(.is-touch) .mastheadGameInfo-marble .masthead-content:before {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }

  body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .masthead--title h1, body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .masthead--title span {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .divider {
    opacity: 0;
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .divider:after, body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .divider:before {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    width: 0;
    height: 1px; }

  body:not(.is-touch) .mastheadGameInfo-marble .masthead-content .masthead--copy {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -o-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -webkit-transform: translateY(calc(55% + 50px)) translateX(-50%);
    -ms-transform: translateY(calc(55% + 50px)) translateX(-50%);
    transform: translateY(calc(55% + 50px)) translateX(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content:before {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content:after {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--title h1, body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--title .divider {
    opacity: 1; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--title .divider:after, body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--title .divider:before {
    width: 26px; }

  body:not(.is-touch) .is-loaded [in-viewport=true] .mastheadGameInfo-marble .masthead-content .masthead--copy {
    opacity: 1;
    -webkit-transform: translateY(55%) translateX(-50%);
    -ms-transform: translateY(55%) translateX(-50%);
    transform: translateY(55%) translateX(-50%); } }
@media only screen and (max-width: 900px) {
  .mastheadGameInfo-marble {
    padding: 27px 0 0; }

  .mastheadGameInfo-marble:before {
    left: 10px;
    right: 10px; }

  .mastheadGameInfo-marble .masthead-content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .mastheadGameInfo-marble .masthead-content:before {
    top: -100px;
    width: 100%;
    background-size: contain;
    height: 100%; }

  .mastheadGameInfo-marble .masthead-content:after {
    max-height: 500px;
    width: 450px !important; }

  .mastheadGameInfo-marble .masthead-content--boxes, .mastheadGameInfo-marble .masthead-content .masthead--title {
    display: none; }

  .mastheadGameInfo-marble .masthead-content .masthead--copy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 40px;
    position: relative;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    width: 100%; }

  .mastheadGameInfo-marble .masthead-content .masthead--copy:before {
    -webkit-border-image: url(../img/ac_border-img-6_ncsa.png) 35 35 stretch;
    -o-border-image: url(../img/ac_border-img-6_ncsa.png) 35 35 stretch;
    border-image: url(../img/ac_border-img-6_ncsa.png) 35 35 stretch;
    top: 8px;
    left: 8px;
    width: calc(100% - 86px);
    height: calc(100% - 86px); }

  .mastheadGameInfo-marble .masthead-content .masthead--copy:after {
    display: none; }

  .mastheadGameInfo-marble .masthead-content .masthead--copyTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    width: 100%; }

  .mastheadGameInfo-marble .masthead-content .masthead--copyTitle h1 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 38px;
    line-height: 2.375rem;
    letter-spacing: 0; }

  .mastheadGameInfo-marble .masthead-content .masthead--copyTitle span {
    font-size: 10px;
    font-size: .625rem;
    line-height: 23px;
    line-height: 1.4375rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .mastheadGameInfo-marble .masthead-content .masthead--copyTitle .divider {
    margin-top: 6px; } }
.masthead-characters {
  margin-bottom: 110px; }

.masthead-characters .masthead-content {
  background: url(../img/ac_geometric-2-bg_ncsa.png) 0 0 repeat; }

.masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
  pointer-events: none; }

.masthead-characters .masthead-content:before {
  background: url("../img/ac_marble-circle_ncsa.png") 50% no-repeat;
  top: -115px;
  width: 100%;
  height: 645px; }

.masthead-characters .masthead-content .masthead--copy {
  padding: 110px 25px 50px;
  left: 50%;
  -webkit-transform: translateY(55%) translateX(-50%);
  -ms-transform: translateY(55%) translateX(-50%);
  transform: translateY(55%) translateX(-50%); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .masthead-characters .masthead-content:before {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }

  body:not(.is-touch) .masthead-characters .masthead-content:after {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }

  body:not(.is-touch) .masthead-characters .masthead-content .masthead--copy {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -o-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -webkit-transform: translateY(55%) translateX(-50%);
    -ms-transform: translateY(55%) translateX(-50%);
    transform: translateY(55%) translateX(-50%); } }
@media only screen and (max-width: 900px) {
  .masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
    width: 100%;
    background-size: contain;
    height: 100%; }

  .masthead-characters .masthead-content:after {
    top: -50%; }

  .masthead-characters .masthead-content .masthead--copy {
    left: 0;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); } }
@media only screen and (max-width: 480px) {
  .masthead-characters .masthead-content:after {
    top: -60%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.GameInfoCombat {
  background: url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoCombat .detailsBoxes:before {
  background: url(../img/ac_lines-repeat-2_ncsa.png) center 50px repeat-y;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out;
  width: 100%;
  height: 0; }

.GameInfoCombat .detailsBoxes .detailBox--media, .GameInfoCombat .detailsBoxes .detailBox--media div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.GameInfoCombat .detailsBoxes .detailBox--media div {
  background-size: cover !important; }

.GameInfoCombat .detailsBoxes .detailBox--content {
  position: relative;
  top: auto;
  left: auto;
  min-height: 300px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media only screen and (max-width: 1024px) {
  .GameInfoCombat .detailsBoxes .detailBox--content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }
@media only screen and (max-width: 768px) {
  .GameInfoCombat .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

  .GameInfoCombat .detailsBoxes .detailBox--content img {
    margin-bottom: 10px; } }
@media only screen and (min-width: 1024px) {
  .GameInfoCombat .detailsBoxes:before {
    width: 100%;
    height: 0; }

  body:not(.is-touch) .GameInfoCombat.is-loaded [in-viewport=true] .detailsBoxes:before {
    width: 100%;
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.results {
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  background: #000;
  z-index: 10000; }

#root #root * {
  margin: 0 !important;
  padding: 0 !important; }

.wrapper {
  position: relative; }

.wrapper .debug {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: #000;
  z-index: 10000; }

.wrapper.horizontal {
  overflow: auto;
  width: 5000px;
  display: block; }

.wrapper.horizontal .wrapper {
  float: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.buy {
  text-align: left; }

.buy-image img {
  max-width: 100%; }

.buy-image .btn-expandchart {
  border-right: 1px solid #9da09f !important;
  margin-right: 5px;
  padding-right: 10px; }

.buy-image .btn {
  background: transparent;
  border: 0;
  color: #c7a970;
  cursor: pointer;
  float: right;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem; }

.buy-image .btn svg {
  fill: #c7a970;
  margin-right: 5px;
  position: relative;
  bottom: -2px; }

.buy-details span {
  background: url("https://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_arrow-down_ncsa.png") calc(100% - 15px) 25% no-repeat;
  border-bottom: 1px solid #83898a;
  cursor: pointer;
  display: block;
  padding: 0 0 10px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-details.is-open span {
  background: url("https://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_arrow-up_ncsa.png") calc(100% - 15px) 25% no-repeat; }

.buy-details p {
  display: none; }

.buy-details p.is-open, .buy-region {
  display: block; }

.buy-region {
  padding: 10px 0; }

.buy-region strong {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-region select {
  width: 100%; }

.buy-select {
  background: -webkit-linear-gradient(347deg, #cda279, #896a49);
  background: -o-linear-gradient(347deg, #cda279 0, #896a49 100%);
  background: linear-gradient(103deg, #cda279, #896a49);
  padding: 4px;
  position: relative; }

.buy-select:before {
  content: "";
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3.5px 0;
  border-color: #d0b78a transparent transparent; }

.buy-select select {
  background: #fff;
  border: none;
  border-radius: 0;
  color: #041418;
  padding: 0 0 0 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 20px;
  line-height: 1.25rem; }

.buy-select select::-ms-expand {
  display: none; }

.buy-select select {
  font-size: 12px;
  font-size: .75rem;
  line-height: 34px;
  line-height: 2.125rem;
  letter-spacing: .04px;
  letter-spacing: .04rem; }

.buy-versions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.buy-versions li {
  padding-right: 20px;
  position: relative;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.buy-versions li label {
  cursor: pointer;
  line-height: 25px;
  padding-left: 30px;
  text-transform: uppercase; }

.buy-versions li input[type=radio] {
  position: absolute;
  visibility: hidden; }

.buy-versions .check {
  background: #fff;
  display: block;
  border: 2px solid #cda279;
  border-radius: 0;
  position: absolute;
  top: 3px;
  left: 0;
  pointer-events: none;
  text-transform: uppercase;
  z-index: 5;
  width: 14px;
  height: 14px; }

.buy-versions .check:before {
  color: #cda279;
  content: "X";
  font-size: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.buy-versions input[type=radio]:checked ~ .check:before {
  opacity: 1; }

.buy-versions input[type=radio]:disabled ~ .check, .buy-versions input[type=radio]:disabled ~ label {
  opacity: .5; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.u-clear {
  clear: both; }

.u-pullLeft {
  float: left; }

.u-pullRight {
  float: right; }

.u-clearfix:after, .u-clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.u-clearfix:after {
  clear: both; }

.u-clearfix {
  zoom: 1; }

.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.latamPhysicalContainer .buy {
  text-align: left; }

.latamPhysicalContainer .buy-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.latamPhysicalContainer .buy-image img {
  max-width: 150px !important;
  margin: 20px; }

.latamPhysicalContainer .buy-details span {
  cursor: pointer; }

.latamPhysicalContainer .buy-details ul {
  display: none; }

.latamPhysicalContainer .buy-details ul.is-open {
  display: block; }

.latamPhysicalContainer .buy-region {
  display: block;
  padding: 10px 0; }

.latamPhysicalContainer .buy-region strong {
  display: block; }

.latamPhysicalContainer .buy-region select {
  width: 100%; }

@media only screen and (max-width: 768px) {
  .latamPhysicalContainer .buy-image img {
    margin: 0 auto 20px !important; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.additionalContent-item:before, .additionalContent-title-line:after, .additionalContent-title-line:before {
  content: "";
  display: block;
  position: absolute; }

.additionalContent {
  background: #181c20 url("../img/ac_smoke-bg_ncsa.jpg") 50% 0 no-repeat;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  z-index: 20; }

.additionalContent:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#c0a97c), to(#dcc597));
  background: -webkit-linear-gradient(top, #c0a97c, #dcc597);
  background: -o-linear-gradient(top, #c0a97c, #dcc597);
  background: linear-gradient(180deg, #c0a97c, #dcc597);
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 4px; }

.additionalContent-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  width: 100%; }

.additionalContent-title {
  color: #cda279;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem; }

.additionalContent-title-line {
  background: rgba(255, 255, 255, 0.2);
  margin-top: 5px;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 230px; }

.additionalContent-title-line:after, .additionalContent-title-line:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

.additionalContent-title-line:before {
  background: #cda279;
  top: 0;
  left: -2px; }

.additionalContent-title-line:after {
  border: 1px solid #cda279;
  bottom: -8px;
  left: -3px; }

.additionalContent-item {
  min-height: 400px;
  margin: 0 20px;
  position: relative;
  width: 50%; }

.additionalContent-item:first-of-type {
  margin-right: 50px; }

.additionalContent-item:last-of-type {
  margin-left: 50px; }

.additionalContent-item:before {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-1_ncsa.png) 35 35 stretch;
  pointer-events: none;
  z-index: 1; }

.additionalContent-item-image {
  margin-top: 30px;
  position: relative;
  z-index: 10; }

.additionalContent-item-image .btn {
  display: block; }

.additionalContent-item-image img {
  max-width: 100%;
  width: 100%; }

.additionalContent-item-content {
  color: #fff;
  padding: 20px 50px 30px;
  font-size: 12px;
  font-size: .75rem; }

.additionalContent-item-content, .additionalContent-item-content h3 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.additionalContent-item-content h3 {
  margin: 0 0 5px;
  padding: 0;
  font-size: 21px;
  font-size: 1.3125rem; }

.additionalContent-item-content a {
  color: #fff;
  -webkit-text-emphasis: none;
  text-emphasis: none; }

@media only screen and (max-width: 768px) {
  .additionalContent {
    padding: 40px 0; }

  .additionalContent-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .additionalContent .additionalContent-title-line {
    background: none; }

  .additionalContent-item {
    min-height: 100px;
    width: 100%; }

  .additionalContent-item-image {
    margin-top: 0;
    padding: 0 7px; }

  .additionalContent-item-content {
    padding: 20px 50px 50px; }

  .additionalContent-item a {
    display: block; }

  .additionalContent-item a img {
    width: 100%; }

  .additionalContent-item:first-of-type, .additionalContent-item:last-of-type {
    margin-left: 0;
    margin-right: 0; }

  .additionalContent-item:not(:last-of-type) {
    margin-bottom: 40px; } }
.Buy {
  padding-top: 105px; }

.Buy > .buy {
  background: url("../img/ac_buy-top-bg_ncsa.png") 0 0 no-repeat, url("../img/ac_buy-bottom-bg_ncsa.png") 0 100% no-repeat, #f7f5f3;
  padding: 100px 0; }

.Buy .buy-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px; }

.Buy .buy-title {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  width: 100%; }

.Buy .buy-title:before {
  background: #cda279;
  content: "";
  left: 50%;
  bottom: 10px;
  position: absolute;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 4px;
  height: 4px; }

.Buy .buy-image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 0 50px;
  width: 50%; }

.Buy .buy-image img {
  display: block; }

.Buy .buy-configuration {
  padding: 0 50px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 30%; }

.Buy .buyLatam .buy-configuration {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px; }

.Buy .buyLatam .buy-container {
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset; }

.Buy .buyLatam .buy-image {
  -ms-flex-preferred-size: 560px;
  flex-basis: 560px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.Buy .buyLatam .buy-image img {
  width: 100px; }

.Buy .buy-configuration > strong, .Buy .buy-title > strong {
  color: #c7a970;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .1px;
  letter-spacing: .1rem; }

.Buy .buy-configuration > h2, .Buy .buy-title > h2 {
  color: #1d2b2e;
  margin: 0 0 20px;
  padding: 0;
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 42px;
  font-size: 2.625rem; }

.Buy .promo-16x9-wrapper {
  background: url(../img/ac_additionalContent-bg_ncsa.jpg) 50% no-repeat;
  background-size: cover;
  padding: 80px 0; }

@media only screen and (max-width: 1024px) {
  .Buy > .buy {
    padding: 40px 0; }

  .Buy .buy-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .Buy .buy-configuration, .Buy .buy-image {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding: 0; }

  .Buy .buyLatam .buy-configuration {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }

  .Buy .buy-title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

  .Buy .buy-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

  .Buy .buy-configuration {
    padding-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }
@media only screen and (max-width: 930px) {
  .Buy .promo-16x9-wrapper {
    padding: 0; } }
@media only screen and (max-width: 768px) {
  .Buy .buy-promo {
    padding: 40px 0; }

  .Buy .buy-title > h2 {
    font-size: 26px;
    font-size: 1.625rem; }

  .Buy .buy-configuration, .Buy .buy-image {
    padding: 0 20px; }

  .Buy .promo-16x9-wrapper {
    padding: 0; } }
.latamFlow {
  margin: 0 auto;
  max-width: 1300px;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  border-bottom: 4px solid #cda279; }

.latamFlow:before {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  padding-bottom: 10px;
  width: 100%;
  height: 11px; }

.latamFlow h1 {
  margin: 0 0 40px;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3rem;
  letter-spacing: 0;
  text-align: center;
  font-weight: 700; }

.latamFlow .buy-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.latamPlatformButtons {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 25px; }

.latamPlatformButtons h1 {
  margin: 0 0 40px;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3rem;
  letter-spacing: 0;
  text-align: center;
  padding-top: 25px; }

.latamPlatformButtons a {
  margin: 10px; }

.latamPhysicalContainer {
  padding-bottom: 25px; }

.latamPhysicalContainer .buy-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.latamStyles {
  margin-top: 25px; }

.latamStyles .buy-container {
  margin-bottom: 15px; }

@media only screen and (max-width: 768px) {
  .latamPlatformButtons {
    padding-bottom: 25px; }

  .latamPhysicalContainer .buy-image, .latamPlatformButtons {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

  .latamPhysicalContainer .buy-image {
    margin: 10px; }

  .latamPhysicalContainer .buy-configuration {
    padding-bottom: 25px; } }
.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.LatamBuy .GameInfoWorldDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto; }

.LatamBuy .GameInfoWorldDetail .anchor-link {
  font-size: 1px;
  opacity: 0;
  text-indent: -9999px; }

.LatamBuy .GameInfoWorldDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.LatamBuy .GameInfoWorldDetail.page .gameinfoDetail-content-head {
  position: relative; }

.LatamBuy .GameInfoWorldDetail.page .gameinfoDetail-content-head:before {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  pointer-events: none;
  width: 100%;
  height: 100%; }

.LatamBuy .GameInfoWorldDetail.page .gameinfoDetail-content--render, .LatamBuy .GameInfoWorldDetail.page .gameinfoDetail-content-title {
  position: relative;
  z-index: 1; }

.LatamBuy .GameInfoWorldDetail .gameinfoDetail-title {
  margin: -185px auto 9px; }

.LatamBuy .GameInfoWorldDetail .gameinfoDetail-content {
  background: url(../img/ac_geometric-3-bg_ncsa.png) repeat-x, url(../img/ac_lights-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_blue-tile-bg_ncsa.jpg) 50% repeat;
  padding: 60px 0 50px; }

.masthead-combat .masthead-content, .masthead-dlc .masthead-content, .masthead-quests .masthead-content {
  background: url(../img/ac_geometric-5-bg_ncsa.png) 0 0 repeat; }

.masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
  background: url("../img/ac_gameinfo-header-wip_ncsa.png") 50% no-repeat;
  top: -100px;
  width: 765px;
  height: 645px; }

.masthead-combat .masthead-content .masthead--copy, .masthead-dlc .masthead-content .masthead--copy, .masthead-quests .masthead-content .masthead--copy {
  left: 50%;
  -webkit-transform: translateY(55%) translateX(-50%);
  -ms-transform: translateY(55%) translateX(-50%);
  transform: translateY(55%) translateX(-50%); }

@media only screen and (max-width: 900px) {
  .masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
    top: 0;
    width: 100%;
    background-size: contain;
    height: 100%; }

  .masthead-combat .masthead-content .masthead--copy, .masthead-dlc .masthead-content .masthead--copy, .masthead-quests .masthead-content .masthead--copy {
    left: 0;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); } }
@media only screen and (max-width: 480px) {
  .masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
    top: -100px; } }
.masthead-quests .masthead-content:before {
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.GameInfoCharacters {
  background: url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  position: relative;
  margin: 0 auto; }

.GameInfoCharacters:before {
  background: url(../img/ac_character-lines-repeat_ncsa.png) center 0 repeat-y;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 4s ease-in-out;
  -o-transition: 4s ease-in-out;
  transition: 4s ease-in-out;
  width: 100%;
  height: 100%; }

.GameInfoCharacters .masthead + .detailsBoxes.detailsBoxes--full:before {
  background: url(../img/ac_character-lines-top_ncsa.png) center 0 no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  min-height: 773px;
  width: 100%;
  height: 100%; }

.GameInfoCharacters .detailBox-end {
  padding-top: 0; }

@media only screen and (min-width: 1024px) {
  .GameInfoCharacters:before {
    width: 100%;
    height: 0; }

  body:not(.is-touch) .GameInfoCharacters.is-loaded:before {
    width: 100%;
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.is-disabled {
  cursor: default; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.GameInfoCharactersDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto;
  min-height: 1500px; }

.GameInfoCharactersDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.wysiwygContent h1, .wysiwygContent h2, .wysiwygContent h3, .wysiwygContent h4, .wysiwygContent h5, .wysiwygContent h6 {
  margin-top: 30px; }

.wysiwygContent h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem; }

.wysiwygContent h1, .wysiwygContent h2 {
  letter-spacing: .02px;
  letter-spacing: .02rem; }

.wysiwygContent h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem; }

.wysiwygContent h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem; }

.wysiwygContent h3, .wysiwygContent h4 {
  letter-spacing: .02px;
  letter-spacing: .02rem; }

.wysiwygContent h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem; }

.wysiwygContent h5 {
  line-height: 24px;
  line-height: 1.5rem; }

.wysiwygContent h5, .wysiwygContent h6 {
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: .02px;
  letter-spacing: .02rem; }

.wysiwygContent h6 {
  line-height: 22px;
  line-height: 1.375rem; }

.wysiwygContent ol, .wysiwygContent p, .wysiwygContent ul {
  font-size: 14px;
  font-size: .875rem;
  line-height: 28px;
  line-height: 1.75rem;
  letter-spacing: .02px;
  letter-spacing: .02rem; }

.wysiwygContent em {
  font-style: italic; }

.wysiwygContent ul {
  list-style-type: disc; }

.wysiwygContent ol {
  list-style-type: decimal; }

.wysiwygContent blockquote {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.wysiwygContent img {
  max-width: 100%;
  height: auto; }

.wysiwygContent .right-align {
  direction: rtl; }

.wysiwygContent .left-align {
  direction: ltr; }

.wysiwygContent iframe {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.UpdatesDetail {
  background: url(../img/ac_detail-triangle-bg_ncsa.png) center 0 no-repeat, url(../img/ac_geometric-4-bg_ncsa.png) 0 200px repeat-x, url(../img/ac_marble-top_ncsa.jpg) center 200px no-repeat, url(../img/ac_marble-bottom_ncsa.jpg) bottom no-repeat, #f8f5f2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 105px 0 90px;
  margin: 0 auto;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: 100%; }

.UpdatesDetail, .UpdatesDetail-post {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.UpdatesDetail-post {
  min-height: 1500px; }

.UpdatesDetail .detailNav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0; }

.UpdatesDetail .detailNav .detailNav-back, .UpdatesDetail .detailNav .detailNav-next, .UpdatesDetail .detailNav .detailNav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.UpdatesDetail .detailNav .detailNav-back svg, .UpdatesDetail .detailNav .detailNav-next svg, .UpdatesDetail .detailNav .detailNav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .UpdatesDetail .detailNav .detailNav-back:hover:before, body:not(.is-touch) .UpdatesDetail .detailNav .detailNav-next:hover:before, body:not(.is-touch) .UpdatesDetail .detailNav .detailNav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.UpdatesDetail .detailNav .detailNav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.UpdatesDetail .detailNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.UpdatesDetail .detailNav ul li {
  padding: 5px 0; }

.UpdatesDetail .detailNav .detailNav-name {
  display: none; }

.UpdatesDetail .detailNav .detailNav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.UpdatesDetail .detailNav .detailNav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.UpdatesDetail .wysiwygContent {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  margin-top: 30px;
  max-width: 955px;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.UpdatesDetail .wysiwygContent-article {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 165px 40px; }

.UpdatesDetail .wysiwygContent-article-heading, .UpdatesDetail .wysiwygContent-date {
  text-align: center; }

.UpdatesDetail .wysiwygContent-social {
  display: block;
  margin: 45px 0 0;
  text-align: center;
  text-transform: uppercase; }

.UpdatesDetail .wysiwygContent-social span.title {
  display: block;
  margin-bottom: 10px;
  position: relative;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 10px;
  line-height: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.UpdatesDetail .wysiwygContent-social span.title:before {
  background: url(../img/ac_updatesDetail-decor_ncsa.png) 0 0 no-repeat;
  content: "";
  top: -20px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: 109px;
  height: 6px; }

.UpdatesDetail .wysiwygContent-social a {
  color: #cda279; }

.UpdatesDetail .wysiwygContent-social a svg {
  margin: 0 15px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.UpdatesDetail .wysiwygContent .media-top {
  border-bottom: 4px solid #cda279;
  line-height: 0;
  position: relative; }

.UpdatesDetail .wysiwygContent .media-top:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 11px;
  right: 11px;
  bottom: 10px;
  border-style: solid;
  border-width: 35px;
  -webkit-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  -o-border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  border-image: url(../img/ac_border-img-4_ncsa.png) 35 35 stretch;
  pointer-events: none; }

.UpdatesDetail .wysiwygContent .news_title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  font-family: din-2014,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 48px;
  line-height: 3rem;
  letter-spacing: 0; }

.UpdatesDetail .wysiwygContent .news_date {
  background: #fff;
  display: inline-block;
  color: #b7995e;
  margin: 0 auto;
  position: relative;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 10px;
  line-height: .625rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.UpdatesDetail .wysiwygContent .news_date:after, .UpdatesDetail .wysiwygContent .news_date:before {
  background: #cda279;
  content: "";
  position: absolute;
  top: 5px;
  width: 150px;
  height: 1px; }

.UpdatesDetail .wysiwygContent .news_date:before {
  left: -165px; }

.UpdatesDetail .wysiwygContent .news_date:after {
  right: -165px; }

.UpdatesDetail .wysiwygContent blockquote {
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.UpdatesDetail .wysiwygContent a, .UpdatesDetail .wysiwygContent em, .UpdatesDetail .wysiwygContent p, .UpdatesDetail .wysiwygContent span, .UpdatesDetail .wysiwygContent strong {
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.UpdatesDetail .wysiwygContent a {
  color: #cda279; }

.UpdatesDetail .wysiwygContent img {
  padding: 30px 0; }

.UpdatesDetail .wysiwygContent .image-wrapper, .UpdatesDetail .wysiwygContent .video-wrapper {
  margin: 30px -60px; }

.UpdatesDetail .wysiwygContent .video-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: calc(56.25% + 120px); }

.UpdatesDetail .wysiwygContent .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

@media only screen and (max-width: 1024px) {
  .UpdatesDetail .UpdatesDetail-wrap {
    background: #fff; }

  .UpdatesDetail .wysiwygContent {
    -webkit-box-shadow: none;
    box-shadow: none; }

  .UpdatesDetail .detailNav {
    background: #fff;
    position: static;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .UpdatesDetail .detailNav .detailNav-back, .UpdatesDetail .detailNav .detailNav-name {
    display: none; }

  .UpdatesDetail .detailNav .detailNav-indicator {
    display: block; }

  .UpdatesDetail .detailNav .detailNav-next, .UpdatesDetail .detailNav .detailNav-prev {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .UpdatesDetail .detailNav .detailNav-next svg, .UpdatesDetail .detailNav .detailNav-prev svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .UpdatesDetail .detailNav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .UpdatesDetail .detailNav ul li {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

  .UpdatesDetail .detailNav ul li:first-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }

  .UpdatesDetail .detailNav ul li:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.GameInfoWorldDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoWorldDetail .anchor-link {
  font-size: 1px;
  opacity: 0;
  text-indent: -9999px; }

.GameInfoWorldDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.GameInfoWorldDetail.page .gameinfoDetail-content-head {
  position: relative; }

.GameInfoWorldDetail.page .gameinfoDetail-content-head:before {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  pointer-events: none;
  width: 100%;
  height: 100%; }

.GameInfoWorldDetail.page .gameinfoDetail-content--render, .GameInfoWorldDetail.page .gameinfoDetail-content-title {
  position: relative;
  z-index: 1; }

.GameInfoWorldDetail .gameinfoDetail-title {
  margin: -260px auto 9px; }

@media only screen and (max-width: 768px) {
  .GameInfoWorldDetail .gameinfoDetail-title h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.GameInfoQuestDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto;
  min-height: 1500px; }

.GameInfoQuestDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.GameInfoCombatDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto;
  min-height: 1500px; }

.GameInfoCombatDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.GameInfoDLCDetail {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoDLCDetail .anchor-link {
  font-size: 1px;
  opacity: 0;
  text-indent: -9999px; }

.GameInfoDLCDetail.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.GameInfoDLCDetail.page .gameinfoDetail-content-head {
  position: relative; }

.GameInfoDLCDetail.page .gameinfoDetail-content-head:before {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  pointer-events: none;
  width: 100%;
  height: 100%; }

.GameInfoDLCDetail.page .gameinfoDetail-content--render, .GameInfoDLCDetail.page .gameinfoDetail-content-title {
  position: relative;
  z-index: 1; }

.GameInfoDLCDetail.page .gameinfoDetail-content-footer {
  padding: 40px 0;
  text-align: center; }

.GameInfoDLCDetail .gameinfoDetail-title {
  margin: -260px auto 9px; }

@media only screen and (max-width: 768px) {
  .GameInfoDLCDetail .gameinfoDetail-title h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; } }
.gameinfoDetail-content-nav a {
  font-size: 15px !important; }

.masthead-combat .masthead-content, .masthead-dlc .masthead-content, .masthead-quests .masthead-content {
  background: url(../img/ac_geometric-5-bg_ncsa.png) 0 0 repeat; }

.masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
  background: url("../img/ac_gameinfo-header-wip_ncsa.png") 50% no-repeat;
  top: -100px;
  width: 765px;
  height: 645px; }

.masthead-combat .masthead-content .masthead--copy, .masthead-dlc .masthead-content .masthead--copy, .masthead-quests .masthead-content .masthead--copy {
  left: 50%;
  -webkit-transform: translateY(55%) translateX(-50%);
  -ms-transform: translateY(55%) translateX(-50%);
  transform: translateY(55%) translateX(-50%); }

@media only screen and (max-width: 900px) {
  .masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
    top: 0;
    width: 100%;
    background-size: contain;
    height: 100%; }

  .masthead-combat .masthead-content .masthead--copy, .masthead-dlc .masthead-content .masthead--copy, .masthead-quests .masthead-content .masthead--copy {
    left: 0;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); } }
@media only screen and (max-width: 480px) {
  .masthead-combat .masthead-content:before, .masthead-dlc .masthead-content:before, .masthead-quests .masthead-content:before {
    top: -100px; } }
.masthead-quests .masthead-content:before {
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.GameInfoQuests {
  background: url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoQuests .detailsBoxes--full .detailBox--content h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 46px;
  line-height: 2.875rem;
  letter-spacing: 0; }

.GameInfoQuests .detailsBoxes--full .detailBox--content span {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.GameInfoQuests .detailsBoxes--vertical .detailBox {
  width: calc(33% - 70px); }

.GameInfoQuests .detailsBoxes--vertical .detailBox h2 {
  max-width: 80%; }

.GameInfoQuests .detailsBoxes--vertical .detailBox span {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.GameInfoQuests .detailsBoxes--vertical .detailBox .diamond {
  border: 1px solid #cda279;
  display: block;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px; }

@media only screen and (max-width: 1024px) {
  .GameInfoQuests .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px); } }
@media only screen and (max-width: 768px) {
  .GameInfoQuests .detailsBoxes--vertical .detailBox {
    margin: 31px 0;
    width: calc(50% - 22px); } }
@media only screen and (max-width: 640px) {
  .GameInfoQuests .detailsBoxes--vertical .detailBox {
    width: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
.masthead-characters {
  margin-bottom: 110px; }

.masthead-characters .masthead-content {
  background: url(../img/ac_geometric-2-bg_ncsa.png) 0 0 repeat; }

.masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
  pointer-events: none; }

.masthead-characters .masthead-content:before {
  background: url("../img/ac_marble-circle_ncsa.png") 50% no-repeat;
  top: -115px;
  width: 100%;
  height: 645px; }

.masthead-characters .masthead-content .masthead--copy {
  padding: 110px 25px 50px;
  left: 50%;
  -webkit-transform: translateY(55%) translateX(-50%);
  -ms-transform: translateY(55%) translateX(-50%);
  transform: translateY(55%) translateX(-50%); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .masthead-characters .masthead-content:before {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }

  body:not(.is-touch) .masthead-characters .masthead-content:after {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }

  body:not(.is-touch) .masthead-characters .masthead-content .masthead--copy {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -o-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -webkit-transform: translateY(55%) translateX(-50%);
    -ms-transform: translateY(55%) translateX(-50%);
    transform: translateY(55%) translateX(-50%); } }
@media only screen and (max-width: 900px) {
  .masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
    width: 100%;
    background-size: contain;
    height: 100%; }

  .masthead-characters .masthead-content:after {
    top: -50%; }

  .masthead-characters .masthead-content .masthead--copy {
    left: 0;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); } }
@media only screen and (max-width: 480px) {
  .masthead-characters .masthead-content:after {
    top: -60%; } }
.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfo-regions {
  background: url(../img/ac_geometric-3-bg_ncsa.png) repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 120px 0 70px; }

.gameinfo-regions .angled-lines {
  background: #cda279;
  bottom: -24px;
  left: 50%;
  position: absolute;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  width: 7px;
  height: 7px; }

.gameinfo-regions .angled-lines:after, .gameinfo-regions .angled-lines:before {
  background: rgba(121, 139, 147, 0.1);
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px; }

.gameinfo-regions .angled-lines:before {
  -webkit-transform-origin: -1px center;
  -ms-transform-origin: -1px center;
  transform-origin: -1px center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.gameinfo-regions .angled-lines:after {
  top: 2px; }

.gameinfo-regionsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 1190px;
  width: 100%; }

.gameinfo-regions--title {
  color: #cda279;
  margin: 0 0 36px;
  position: relative;
  text-align: center;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfo-regions-media {
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  line-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.gameinfo-regions-media img {
  max-width: 100%;
  width: 100%; }

.gameinfo-regions-media .is-default, .gameinfo-regions-media .is-hover {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.gameinfo-regions-media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%; }

.gameinfo-regions-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 3;
  width: 50%;
  height: 100%;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: 0;
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfo-regions--item, .gameinfo-regions-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.gameinfo-regions--item {
  color: #f7f5f3;
  margin: 25px 75px 25px 0;
  position: relative;
  text-decoration: none;
  width: calc(33% - 50px); }

.gameinfo-regions--item:before {
  background: -webkit-linear-gradient(156deg, #b5a183, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183);
  background: -o-linear-gradient(156deg, #b5a183 0, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183 100%);
  background: linear-gradient(-66deg, #b5a183, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183);
  content: "";
  position: absolute;
  top: -5px;
  left: -4px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% + 8px);
  height: calc(100% + 10px); }

.gameinfo-regions--item:nth-child(3n) {
  margin-right: 0; }

body:not(.is-touch) .gameinfo-regions--item:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .gameinfo-regions--item:hover .is-default, body:not(.is-touch) .gameinfo-regions--item:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

body:not(.is-touch) .gameinfo-regions--item:hover .gameinfo-regions-content {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px); }

.GameInfoWorlds {
  background: url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoWorlds .masthead-worlds.masthead-characters .masthead-content:after, .GameInfoWorlds .masthead-worlds.masthead-characters .masthead-content:before {
  display: none; }

.GameInfoWorlds .masthead-worlds .masthead-content .masthead--copy {
  padding: 50px 25px; }

.GameInfoWorlds .detailsBoxes:before {
  background: url(../img/ac_lines-repeat-1_ncsa.png) center 20px repeat-y;
  content: "";
  -webkit-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out; }

.GameInfoWorlds .detailsBoxes .detailBox--media, .GameInfoWorlds .detailsBoxes .detailBox--media div, .GameInfoWorlds .detailsBoxes:before {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%; }

.GameInfoWorlds .detailsBoxes .detailBox--media div {
  background-size: cover !important; }

.GameInfoWorlds .detailsBoxes .detailBox--content {
  position: relative;
  top: auto;
  left: auto;
  min-height: 300px; }

@media only screen and (max-width: 768px) {
  .GameInfoWorlds .detailsBoxes .detailBox--content {
    padding: 9px 9px 60px; }

  .GameInfoWorlds .detailsBoxes .detailBox--content img {
    margin-bottom: 10px; } }
@media only screen and (min-width: 1024px) {
  .GameInfoWorlds .detailsBoxes:before {
    width: 100%;
    height: 0; }

  body:not(.is-touch) .GameInfoWorlds.is-loaded [in-viewport=true] .detailsBoxes:before {
    width: 100%;
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-bkg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 60px); }

.gameinfoDetail-bkg div {
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.gameinfoDetail-bkg img {
  display: none; }

.gameinfoDetail-bkg .is-default {
  z-index: 1; }

.gameinfoDetail-container {
  padding-top: calc(100vh - 154px); }

.gameinfoDetail-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -50px auto 9px;
  max-width: 885px;
  min-height: 90px;
  text-align: center;
  position: relative;
  z-index: 2; }

.gameinfoDetail-title h1 {
  color: #fff;
  margin: 0;
  text-shadow: 0 3px 4.75px rgba(0, 0, 0, 0.5);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 59px;
  line-height: 3.6875rem;
  letter-spacing: 0; }

.gameinfoDetail-title h1, .gameinfoDetail-title span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-title span {
  color: #cda279;
  display: block;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-title svg {
  margin: 4px 0 16px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-title svg path {
  fill: #cda279; }

.gameinfoDetail .gameinfoDetail-regions-content {
  color: red; }

.gameinfoDetail .gameinfoDetail-regions-content .gameinfoDetail-content {
  border-top: none; }

.gameinfoDetail-content {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat, url(../img/ac_region-marble-bottom_ncsa.png) 0 100% no-repeat, #f7f5f3;
  border-top: 4px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3.84px 0.16px rgba(0, 0, 0, 0.15);
  color: #041418;
  margin: 0 auto;
  margin-bottom: 75px;
  max-width: 855px;
  padding: 50px 115px 70px;
  position: relative;
  z-index: 3;
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: 0; }

.gameinfoDetail-content img {
  border: 2px solid #798b93;
  margin: 6px 0;
  max-width: 100%; }

.gameinfoDetail-content h6 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding-left: 13px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.gameinfoDetail-content ul li {
  position: relative; }

.gameinfoDetail-content ul li:before {
  background: #041418;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 8px;
  left: -13px;
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-head {
  background-size: cover !important;
  border-bottom: 4px solid #d0b78a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0;
  margin: -50px -115px 0;
  position: relative; }

.gameinfoDetail-content-head .bkg {
  border: none;
  margin: 0;
  max-width: 100%;
  width: 100%; }

.gameinfoDetail-content-head .flag {
  border: none;
  margin-left: 115px;
  position: absolute; }

.gameinfoDetail-content-title {
  margin: 30px 0 40px;
  position: relative; }

.gameinfoDetail-content-title:after {
  border: 1px solid #cda279;
  content: "";
  left: 0;
  bottom: -12px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.gameinfoDetail-content-title h2 {
  margin: 0;
  font-family: din-2014,sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  letter-spacing: 0; }

.gameinfoDetail-content-title h2, .gameinfoDetail-content-title span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  line-height: 1.125rem; }

.gameinfoDetail-content-title span {
  color: #cda279;
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: trajan-pro-3,serif;
  font-size: 10px;
  font-size: .625rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfoDetail-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative; }

.gameinfoDetail-content-nav .label {
  color: #cda279;
  margin: 40px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .4px;
  letter-spacing: .4rem; }

.gameinfoDetail-content-nav .label:before {
  background: #cda279;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.gameinfoDetail-content-nav a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cda279;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #041418;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 17px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(50% - 10px);
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0; }

.gameinfoDetail-content-nav a:nth-child(2n) {
  margin-right: 20px; }

.gameinfoDetail-content-nav a:before {
  background: #cda279;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 0; }

.gameinfoDetail-content-nav a span {
  position: relative;
  z-index: 1; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover span {
  color: #fff; }

body:not(.is-touch) .gameinfoDetail-content-nav a:hover:before {
  height: 100%; }

.gameinfoDetail-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 105px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 105px;
  right: 0;
  padding: 30px 50px 0 0;
  z-index: 200; }

.gameinfoDetail-nav-back, .gameinfoDetail-nav-next, .gameinfoDetail-nav-prev {
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.gameinfoDetail-nav-back svg, .gameinfoDetail-nav-next svg, .gameinfoDetail-nav-prev svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover, body:not(.is-touch) .gameinfoDetail-nav-next:hover, body:not(.is-touch) .gameinfoDetail-nav-prev:hover {
  background-size: cover; }

body:not(.is-touch) .gameinfoDetail-nav-back:hover:before, body:not(.is-touch) .gameinfoDetail-nav-next:hover:before, body:not(.is-touch) .gameinfoDetail-nav-prev:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfoDetail-nav-back svg {
  font-size: 18px;
  font-size: 1.125rem; }

.gameinfoDetail-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 5px 0;
  list-style-type: none; }

.gameinfoDetail-nav ul li {
  padding: 5px 0; }

.gameinfoDetail-nav-indicator {
  display: none;
  line-height: 52px;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfoDetail-nav--disabled {
  cursor: not-allowed;
  opacity: .5; }

.gameinfoDetail-nav .is-mobile {
  display: none; }

.gameinfoDetail-close {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(339deg, #e6e6e6, #fff);
  background: -o-linear-gradient(339deg, #e6e6e6 0, #fff 100%);
  background: linear-gradient(111deg, #e6e6e6, #fff);
  -webkit-box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3.84px 0.16px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
  width: 52px;
  height: 52px; }

.gameinfoDetail-close:before {
  background: url(../img/ac_arrows-bg_ncsa.jpg) 50% no-repeat;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px); }

.gameinfoDetail-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.gameinfoDetail-close svg path {
  fill: #041418; }

.gameinfoDetail .fancyBorders {
  position: absolute;
  top: calc(100% - 29px);
  left: -5px;
  width: calc(100% + 10px);
  height: 402px; }

.gameinfoDetail .fancyBorders:after, .gameinfoDetail .fancyBorders:before {
  background: #cda279;
  content: "";
  top: 0;
  position: absolute;
  -webkit-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders:before {
  right: calc(50% + 17px); }

.gameinfoDetail .fancyBorders:after {
  left: calc(50% + 17px); }

.gameinfoDetail .fancyBorders .fancyBorders-left {
  border-left: 1px solid #cda279;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after, .gameinfoDetail .fancyBorders .fancyBorders-left:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-left:before {
  left: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-left:after {
  bottom: -19px;
  clip: rect(0, 1px, 0, 0);
  left: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  right: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:before {
  clip: rect(0, 1px, 0, 0);
  left: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-left--nook:after {
  clip: rect(0, 0, 1px, 0);
  left: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right {
  border-right: 1px solid #cda279;
  top: 0;
  right: 0;
  position: absolute;
  -webkit-transition: height .6s ease-in-out .6s;
  -o-transition: height .6s ease-in-out .6s;
  transition: height .6s ease-in-out .6s;
  width: 10px;
  height: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after, .gameinfoDetail .fancyBorders .fancyBorders-right:before {
  background: #cda279;
  content: "";
  position: absolute;
  bottom: 0; }

.gameinfoDetail .fancyBorders .fancyBorders-right:before {
  right: 0;
  -webkit-transition: .3s ease-in-out 1.2s;
  -o-transition: .3s ease-in-out 1.2s;
  transition: .3s ease-in-out 1.2s;
  width: 0;
  height: 1px; }

.gameinfoDetail .fancyBorders .fancyBorders-right:after {
  clip: rect(0, 1px, 0, 0);
  bottom: -19px;
  right: 9px;
  -webkit-transition: .3s ease-in-out 1.5s;
  -o-transition: .3s ease-in-out 1.5s;
  transition: .3s ease-in-out 1.5s;
  width: 1px;
  height: 20px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook {
  border-bottom: 1px solid #cda279;
  position: absolute;
  bottom: -10px;
  left: calc(100% - 10px);
  -webkit-transition: .2s ease-in-out 1.8s;
  -o-transition: .2s ease-in-out 1.8s;
  transition: .2s ease-in-out 1.8s;
  width: 0;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after, .gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  background: #cda279;
  content: "";
  position: absolute; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 0, 0);
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: clip .1s ease-in-out 2s;
  -o-transition: clip .1s ease-in-out 2s;
  transition: clip .1s ease-in-out 2s;
  width: 1px;
  height: 10px; }

.gameinfoDetail .fancyBorders .fancyBorders-right--nook:after {
  clip: rect(0, 0, 1px, 0);
  right: 0;
  top: 0;
  -webkit-transition: clip .1s ease-in-out 2.1s;
  -o-transition: clip .1s ease-in-out 2.1s;
  transition: clip .1s ease-in-out 2.1s;
  width: 20px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active:after, .gameinfoDetail .fancyBorders.is-active:before {
  width: calc(50% - 17px);
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right {
  width: 10px;
  height: 393px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:before {
  width: 10px;
  height: 1px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right:after {
  clip: rect(0, 1px, 20px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook {
  width: 10px;
  height: 10px; }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:before, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:before {
  clip: rect(0, 1px, 10px, 0); }

.gameinfoDetail .fancyBorders.is-active .fancyBorders-left--nook:after, .gameinfoDetail .fancyBorders.is-active .fancyBorders-right--nook:after {
  clip: rect(0, 20px, 1px, 0); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-bkg {
    opacity: 0;
    -webkit-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    -o-transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; }

  body:not(.is-touch) .gameinfoDetail-nav .btn-close, body:not(.is-touch) .gameinfoDetail-nav .btn-primary {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-back {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-prev {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s; }

  body:not(.is-touch) .gameinfoDetail-nav .gameinfoDetail-nav-next {
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s;
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s; }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title h1, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title img, body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail .gameinfoDetail-title svg.icon {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-close, body:not(.is-touch) .is-loaded .gameinfoDetail-nav .btn-primary {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded .gameinfoDetail-bkg {
    opacity: 1; } }
@media only screen and (max-width: 856px) {
  .gameinfoDetail .gameinfoDetail-content:last-of-type {
    margin-bottom: 0; }

  .gameinfoDetail-content-nav a, .gameinfoDetail-content-nav a:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  .gameinfoDetail-nav {
    position: relative;
    height: auto;
    top: auto;
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .gameinfoDetail-nav-back.btn {
    display: none; }

  .gameinfoDetail-nav-next.btn, .gameinfoDetail-nav-prev.btn {
    padding: 0 20px;
    width: auto;
    height: 52px; }

  .gameinfoDetail-nav-next.btn svg, .gameinfoDetail-nav-prev.btn svg {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .gameinfoDetail-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }

  .gameinfoDetail-nav .is-mobile {
    display: inline-block; } }
@media only screen and (max-width: 750px) {
  .gameinfoDetail {
    position: relative; }

  .gameinfoDetail-bkg div img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%; }

  .gameinfoDetail-title {
    text-align: center; }

  .gameinfoDetail-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-title h1 {
    max-width: 80%;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; }

  .gameinfoDetail-content {
    margin-bottom: 0;
    padding: 50px 30px 70px;
    overflow: hidden; }

  .gameinfoDetail-content-title {
    margin-top: 60px;
    text-align: center; }

  .gameinfoDetail-content-title:after {
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%); }

  .gameinfoDetail-content-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .gameinfoDetail-content-head .flag {
    margin-top: 0;
    margin-left: 0; }

  .gameinfoDetail .fancyBorders div {
    display: none; } }
.Contests {
  background: #041418;
  background-size: cover;
  padding-top: 105px;
  margin: 0 auto; }

.Contests .anchor-link {
  font-size: 1px;
  opacity: 0;
  text-indent: -9999px; }

.Contests.page {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.Contests.page .gameinfoDetail {
  position: relative; }

.Contests.page .gameinfoDetail .btn-photomode {
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 10; }

.Contests.page .gameinfoDetail-content-head {
  position: relative; }

.Contests.page .gameinfoDetail-content-head:before {
  background: url(../img/ac_region-marble-top_ncsa.png) 0 0 no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  pointer-events: none;
  width: 100%;
  height: 100%; }

body.is-ie11 .Contests.page .gameinfoDetail-content-head {
  display: block; }

.Contests.page .gameinfoDetail-content--render, .Contests.page .gameinfoDetail-content-title {
  position: relative;
  z-index: 1; }

.Contests.page .gameinfoDetail-content--render {
  word-break: break-word; }

.Contests .gameinfoDetail-title {
  margin: -260px auto 9px; }

.Contests .gameinfoDetail-content--contestWinner img, .Contests .gameinfoDetail-content--contestWinner span, .Contests .gameinfoDetail-content--contestWinner strong {
  display: block; }

.Contests .gameinfoDetail-content--contestWinner img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; }

.Contests .gameinfoDetail-content--contestWinner strong {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.Contests .gameinfoDetail-content--contestWinner span, .Contests .gameinfoDetail-content--contestWinner strong {
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 24px;
  line-height: 1.5rem; }

.Contests .gameinfoDetail-content--contestWinner span {
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: 0; }

.Contests .gameinfoDetail-content--contestWinner .contestWinner-hr {
  background: #cda279;
  border: 0;
  margin: 30px auto;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 1px; }

.Contests .gameinfoDetail-content--contestWinner .contestWinner-hr:after, .Contests .gameinfoDetail-content--contestWinner .contestWinner-hr:before {
  border: 1px solid #cda279;
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 4px;
  height: 4px; }

.Contests .gameinfoDetail-content--contestWinner .contestWinner-hr:before {
  margin-right: 2px;
  right: 100%; }

.Contests .gameinfoDetail-content--contestWinner .contestWinner-hr:after {
  margin-left: 2px;
  left: 100%; }

@media only screen and (max-width: 1024px) {
  .Contests.page .gameinfoDetail .btn-photomode {
    display: none; } }
@media only screen and (max-width: 768px) {
  .Contests .gameinfoDetail .btn-photomode {
    display: none; }

  .Contests .gameinfoDetail-title h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    letter-spacing: 0; } }
@media screen and (orientation: landscape) {
  .Contests .gameinfoDetail-container {
    padding-top: 100vh; }

  .Contests .gameinfoDetail-bkg div img {
    width: 100%; } }
.masthead-characters {
  margin-bottom: 110px; }

.masthead-characters .masthead-content {
  background: url(../img/ac_geometric-2-bg_ncsa.png) 0 0 repeat; }

.masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
  pointer-events: none; }

.masthead-characters .masthead-content:before {
  background: url("../img/ac_marble-circle_ncsa.png") 50% no-repeat;
  top: -115px;
  width: 100%;
  height: 645px; }

.masthead-characters .masthead-content .masthead--copy {
  padding: 110px 25px 50px;
  left: 50%;
  -webkit-transform: translateY(55%) translateX(-50%);
  -ms-transform: translateY(55%) translateX(-50%);
  transform: translateY(55%) translateX(-50%); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .masthead-characters .masthead-content:before {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s cubic-bezier(0.23, 1, 0.32, 1); }

  body:not(.is-touch) .masthead-characters .masthead-content:after {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; }

  body:not(.is-touch) .masthead-characters .masthead-content .masthead--copy {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -o-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
    -webkit-transform: translateY(55%) translateX(-50%);
    -ms-transform: translateY(55%) translateX(-50%);
    transform: translateY(55%) translateX(-50%); } }
@media only screen and (max-width: 900px) {
  .masthead-characters .masthead-content:after, .masthead-characters .masthead-content:before {
    width: 100%;
    background-size: contain;
    height: 100%; }

  .masthead-characters .masthead-content:after {
    top: -50%; }

  .masthead-characters .masthead-content .masthead--copy {
    left: 0;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0); } }
@media only screen and (max-width: 480px) {
  .masthead-characters .masthead-content:after {
    top: -60%; } }
.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.gameinfo-regions {
  background: url(../img/ac_geometric-3-bg_ncsa.png) repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 120px 0 70px; }

.gameinfo-regions .angled-lines {
  background: #cda279;
  bottom: -24px;
  left: 50%;
  position: absolute;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  width: 7px;
  height: 7px; }

.gameinfo-regions .angled-lines:after, .gameinfo-regions .angled-lines:before {
  background: rgba(121, 139, 147, 0.1);
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px; }

.gameinfo-regions .angled-lines:before {
  -webkit-transform-origin: -1px center;
  -ms-transform-origin: -1px center;
  transform-origin: -1px center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.gameinfo-regions .angled-lines:after {
  top: 2px; }

.gameinfo-regionsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 1190px;
  width: 100%; }

.gameinfo-regions--title {
  color: #cda279;
  margin: 0 0 36px;
  position: relative;
  text-align: center;
  width: 100%;
  font-family: trajan-pro-3,serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  font-size: .625rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.gameinfo-regions-media {
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  line-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.gameinfo-regions-media img {
  max-width: 100%;
  width: 100%; }

.gameinfo-regions-media .is-default, .gameinfo-regions-media .is-hover {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.gameinfo-regions-media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%; }

.gameinfo-regions-content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 3;
  width: 50%;
  height: 100%;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: 0;
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gameinfo-regions--item, .gameinfo-regions-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.gameinfo-regions--item {
  color: #f7f5f3;
  margin: 25px 75px 25px 0;
  position: relative;
  text-decoration: none;
  width: calc(33% - 50px); }

.gameinfo-regions--item:before {
  background: -webkit-linear-gradient(156deg, #b5a183, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183);
  background: -o-linear-gradient(156deg, #b5a183 0, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183 100%);
  background: linear-gradient(-66deg, #b5a183, #f0ddbb 13%, #fbf2e3 23%, #f0ddbb 34%, #b5a183 50%, #f0ddbb 68%, #fbf2e3 79%, #f0ddbb 89%, #b5a183);
  content: "";
  position: absolute;
  top: -5px;
  left: -4px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% + 8px);
  height: calc(100% + 10px); }

.gameinfo-regions--item:nth-child(3n) {
  margin-right: 0; }

body:not(.is-touch) .gameinfo-regions--item:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .gameinfo-regions--item:hover .is-default, body:not(.is-touch) .gameinfo-regions--item:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

body:not(.is-touch) .gameinfo-regions--item:hover .gameinfo-regions-content {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px); }

.GameInfoDLC {
  background: url(../img/ac_blue-tile-bg_ncsa.jpg) 0 0 repeat;
  padding-top: 105px;
  margin: 0 auto; }

.GameInfoDLC .masthead-worlds.masthead-characters .masthead-content:after, .GameInfoDLC .masthead-worlds.masthead-characters .masthead-content:before {
  display: none; }

.GameInfoDLC .masthead-dlc .masthead-content .masthead--copy {
  padding: 50px 25px; }

.GameInfoDLC .mastheadGameInfo-marble .masthead-content .masthead--copy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.GameInfoDLC .mastheadGameInfo-marble .masthead-content .masthead--copy .btn-close, .GameInfoDLC .mastheadGameInfo-marble .masthead-content .masthead--copy .btn-primary {
  margin-top: 30px; }

.GameInfoDLC .masthead-dlc .masthead-content {
  background: url(../img/ac_geometric-5-bg_ncsa.png) 0 0 repeat; }

.GameInfoDLC .masthead-dlc .masthead-content:before {
  background: none !important; }

.GameInfoDLC .detailsBoxes:before {
  background: url(../img/ac_lines-repeat-1_ncsa.png) center 20px repeat-y;
  content: "";
  -webkit-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out; }

.GameInfoDLC .detailsBoxes .detailBox--media, .GameInfoDLC .detailsBoxes .detailBox--media div, .GameInfoDLC .detailsBoxes:before {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%; }

.GameInfoDLC .detailsBoxes .detailBox--media div {
  background-size: cover !important; }

.GameInfoDLC .detailsBoxes .detailBox--content {
  position: relative;
  top: auto;
  left: auto;
  min-height: 300px; }

@media only screen and (max-width: 768px) {
  .GameInfoDLC .detailsBoxes .detailBox--content {
    padding: 9px 9px 60px; }

  .GameInfoDLC .detailsBoxes .detailBox--content img {
    margin-bottom: 10px; } }
@media only screen and (min-width: 1024px) {
  .GameInfoDLC .detailsBoxes.has-button {
    padding-top: 180px; }

  .GameInfoDLC .detailsBoxes:before {
    width: 100%;
    height: 0; }

  body:not(.is-touch) .GameInfoDLC.is-loaded [in-viewport=true] .detailsBoxes:before {
    width: 100%;
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

.detailsBoxes {
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 20px 30px;
  position: relative; }

.detailsBoxes--content {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1185px;
  width: 100%; }

.detailsBoxes--content, .detailsBoxes .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal; }

.detailsBoxes .detailBox {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 31px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox:before {
  background: -webkit-linear-gradient(156deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  background: -o-linear-gradient(156deg, #d1b291 0, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49 100%);
  background: linear-gradient(-66deg, #d1b291, #e5c5a3 13%, #faead9 23%, #e2c2a0 34%, #896a49 50%, #e8c6a1 68%, #f4e2cf 79%, #eccead 89%, #896a49);
  top: -6px;
  height: calc(100% + 12px); }

.detailsBoxes .detailBox:after, .detailsBoxes .detailBox:before {
  content: "";
  position: absolute;
  left: 9px;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  width: calc(100% - 18px); }

.detailsBoxes .detailBox:after {
  border: 1px solid #cda279;
  pointer-events: none;
  top: 9px;
  z-index: 1;
  height: calc(100% - 18px); }

.detailsBoxes .detailBox--content, .detailsBoxes .detailBox img {
  position: relative;
  z-index: 1; }

.detailsBoxes .detailBox--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 8.55px 0.45px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%; }

.detailsBoxes .detailBox--content:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35) 0, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 250px; }

.detailsBoxes .detailBox--content img {
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox h2, .detailsBoxes .detailBox p, .detailsBoxes .detailBox span {
  position: relative;
  text-align: center;
  text-shadow: 0 2px 2.91px rgba(0, 0, 0, 0.92);
  width: 100%;
  z-index: 1; }

.detailsBoxes .detailBox h2 {
  color: #f7f5f3;
  margin: 0 0 5px;
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  font-family: din-2014,sans-serif;
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox h2.with-diamond:before {
  border: 1px solid #cda279;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 5px;
  height: 5px; }

.detailsBoxes .detailBox span:not(.more) {
  color: #cda279;
  margin: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  font-family: trajan-pro-3,serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-size: .75rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .2px;
  letter-spacing: .2rem; }

.detailsBoxes .detailBox .more {
  display: none; }

.detailsBoxes .detailBox p {
  color: #f7f5f3;
  max-width: 260px;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  text-transform: none;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), max-height 0.7s ease-in-out, transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-family: din-2014,sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: 0; }

.detailsBoxes .detailBox .is-default {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes .detailBox .is-mobile {
  display: none; }

.detailsBoxes .detailBox--media {
  line-height: 0;
  overflow: hidden;
  position: relative; }

.detailsBoxes .detailBox--media img {
  max-width: 100%;
  width: 100%; }

.detailsBoxes .detailBox--media .is-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.6s ease-in-out, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%; }

body:not(.is-touch) .detailsBoxes .detailBox:hover {
  cursor: url(https://stella-dev.fiveanddone.comhttps://ubistatic-a.akamaihd.net/0106/PROD/Stella/img/ac_expand_ncsa.cur) 20 20, pointer;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:before {
  top: 0;
  width: calc(100% - 18px);
  height: calc(100% + 18px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 0;
  left: 0;
  width: calc(100% - 1px);
  height: calc(100% - 1px); }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  opacity: 1; }

body:not(.is-touch) .detailsBoxes .detailBox:hover .is-default, body:not(.is-touch) .detailsBoxes .detailBox:hover .is-hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.is-ie:not(.is-touch) .detailsBoxes .detailBox:hover:after {
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px); }

.detailsBoxes--2x2 .detailBox {
  width: calc(50% - 40px); }

.detailsBoxes--full .detailBox {
  width: 100%; }

.detailsBoxes--full .detailBox h2 {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 72px;
  line-height: 4.5rem;
  letter-spacing: 0; }

.detailsBoxes--vertical .detailBox {
  width: calc(33% - 72px); }

body:not(.is-touch) .detailsBoxes--color .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--color .detailBox:hover span {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

.detailsBoxes--center .detailBox--content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.detailsBoxes--center .detailBox--content h2, .detailsBoxes--center .detailBox--content span {
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%); }

.detailsBoxes--center .detailBox--content h2 {
  margin: 0; }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover .detailBox--content img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

body:not(.is-touch) .detailsBoxes--center .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--center .detailBox:hover span {
  -webkit-transform: translateY(calc(50% - 10px));
  -ms-transform: translateY(calc(50% - 10px));
  transform: translateY(calc(50% - 10px)); }

.detailsBoxes--character .detailBox .is-character {
  bottom: 0;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 2;
  -webkit-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 120%;
  max-height: 400px; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
  left: 0; }

.detailsBoxes--character .detailBox .detailBox--mask .alignLeft, .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); }

.detailsBoxes--character .detailBox .detailBox--mask .alignRight {
  right: 0;
  left: auto; }

.detailsBoxes--character .detailBox .detailBox--mask .is-mobile {
  display: none; }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character {
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox:hover .is-character.alignRight {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover h2, body:not(.is-touch) .detailsBoxes--character .detailBox:hover span {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }

body:not(.is-touch) .detailsBoxes--character .detailBox:hover p {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px); }

@media only screen and (min-width: 1024px) {
  body:not(.is-touch) .detailsBoxes .detailBox--content img, body:not(.is-touch) .detailsBoxes .detailBox h2, body:not(.is-touch) .detailsBoxes .detailBox span {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }

  body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--center .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignLeft, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character.alignRight {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--character .detailBox .detailBox--mask .is-character {
    opacity: 1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox h2, body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox span {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }

  body:not(.is-touch) .is-loaded [in-viewport=true] .detailsBoxes--combat .detailBox--content img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@media only screen and (max-width: 1024px) {
  .detailsBoxes--2x2 .detailBox {
    margin: 26px 0;
    min-height: 400px;
    width: calc(50% - 20px); }

  .detailsBoxes--vertical .detailBox {
    width: calc(33% - 22px);
    margin: 51px 0; }

  .detailsBoxes--vertical .detailBox .is-character {
    max-height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask img {
    width: auto;
    height: auto; } }
@media only screen and (max-width: 768px) {
  .detailsBoxes--2x2 .detailBox {
    width: 100%; }

  .detailsBoxes .detailBox:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px); }

  .detailsBoxes .detailBox:after {
    top: 4px;
    left: 4px;
    width: calc(100% - 9px);
    height: calc(100% - 9px); }

  .detailsBoxes .detailBox--content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 9px 20px; }

  .detailsBoxes .detailBox--content h2, .detailsBoxes .detailBox--content span, .detailsBoxes .detailBox--content span:not(.more) {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  .detailsBoxes .detailBox--content .more {
    color: #fff;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: din-2014,sans-serif;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 12px;
    line-height: .75rem;
    letter-spacing: .125px;
    letter-spacing: .125rem; }

  .detailsBoxes .detailBox--content .more:before {
    background: #cda279;
    content: "";
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 30px;
    height: 2px; }

  .detailsBoxes--vertical .detailBox {
    width: calc(50% - 22px);
    margin: 51px 0; } }
@media only screen and (max-width: 640px) {
  .detailsBoxes .detailBox h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem;
    letter-spacing: 0; }

  .detailsBoxes .detailBox span:not(.more) {
    margin-bottom: 10px;
    font-family: trajan-pro-3,serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: .625rem;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .2px;
    letter-spacing: .2rem; }

  .detailsBoxes--character {
    padding: 0 20px; }

  .detailsBoxes--character .detailBox {
    height: 56.25vw; }

  .detailsBoxes--character .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--character .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--character .detailBox .detailBox--mask .alignLeft {
    left: 25%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

  .detailsBoxes--character .detailBox .detailBox--mask .alignRight {
    right: -25%;
    left: auto; }

  .detailsBoxes--character .detailBox .is-character {
    width: auto !important; }

  .detailsBoxes--vertical {
    padding: 0 20px; }

  .detailsBoxes--vertical .detailBox {
    height: 56.25vw;
    margin: 15px 0;
    width: 100%; }

  .detailsBoxes--vertical .detailBox .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--mask {
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-desktop {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--mask .is-mobile {
    display: block; }

  .detailsBoxes--vertical .detailBox .detailBox--media {
    background-size: cover !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .detailsBoxes--vertical .detailBox .detailBox--media .is-default {
    display: none; }

  .detailsBoxes--vertical .detailBox .detailBox--content:before {
    height: 100%; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

.btn-close, .btn-primary, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: din-2014,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-close, .btn-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/ac_btn-glow-bg_ncsa.png) -9px 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%;
  border: none;
  color: #041418;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-weight: 700; }

.btn-close:before, .btn-primary:before {
  border-width: 2px;
  border-style: solid;
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-color: #cea276;
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-close .icon, .btn-primary .icon {
  margin: 0 auto; }

body:not(.is-touch) .btn-close:hover, body:not(.is-touch) .btn-primary:hover {
  background: url(../img/ac_btn-glow-bg_ncsa.png) 25% 0 no-repeat, url(../img/ac_btn-primary-left-bg_ncsa.png) 0 0 no-repeat, url(../img/ac_btn-primary-right-bg_ncsa.png) right 0 no-repeat, #f4d5b4;
  background-size: auto 100%; }

body:not(.is-touch) .btn-close:hover:before, body:not(.is-touch) .btn-primary:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

body:not(.is-touch) .btn-close:hover:after, body:not(.is-touch) .btn-primary:hover:after {
  clip: rect(0, 250px, 39px, 0); }

.is-ie11 .btn-close, .is-ie11 .btn-primary {
  background-size: cover; }

.is-ie11 .btn-close:hover, .is-ie11 .btn-primary:hover {
  background-size: cover !important; }

.btn-outline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.1;
  max-height: 35px;
  padding: 8px 50px;
  position: relative;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-outline:after, .btn-outline:before {
  border: 1px solid #cea276;
  content: "";
  position: absolute; }

.btn-outline:before {
  border-width: 2px;
  top: -4px;
  left: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1; }

.btn-outline:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body:not(.is-touch) .btn-outline:hover:before {
  -webkit-transform: scaleX(0.98) scaleY(0.89);
  -ms-transform: scaleX(0.98) scaleY(0.89);
  transform: scaleX(0.98) scaleY(0.89); }

.is-ie11 .btn-outline {
  background-size: cover; }

.is-ie11 .btn-outline:hover {
  background-size: cover !important; }

.btn-square {
  display: block;
  background-size: auto 100%;
  max-height: 52px;
  padding: 0;
  width: 52px;
  height: 52px; }

.btn-square svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: .875rem; }

.btn-simple {
  background: none;
  border: none;
  color: #041418;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-size: .6875rem;
  line-height: 24px;
  line-height: 1.5rem;
  letter-spacing: .25px;
  letter-spacing: .25rem;
  font-family: din-2014,sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: visible; }

.btn-simple:before {
  border-bottom: 5px solid #cda279;
  content: "";
  bottom: -9px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 20px;
  height: 9px; }

.btn-simple.is-disabled {
  pointer-events: none;
  opacity: .5; }

body:not(.is-touch) .btn-simple:hover:before {
  width: 100%;
  height: 5px; }

.btn-simple--centered:before {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

body:not(.is-touch) .btn-simple--centered:hover:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%;
  height: 5px; }

.btn-close {
  background-size: cover;
  max-height: 52px;
  padding: 0;
  position: fixed;
  z-index: 4;
  width: 52px;
  height: 52px; }

.btn-close svg {
  position: relative;
  z-index: 1;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  letter-spacing: 0; }

.btn-close svg path {
  fill: #041418; }

body:not(.is-touch) .btn-close:hover {
  background-size: cover; }

body:not(.is-touch) .btn-close:hover:before {
  -webkit-transform: scaleX(0.93) scaleY(0.89);
  -ms-transform: scaleX(0.93) scaleY(0.89);
  transform: scaleX(0.93) scaleY(0.89); }

body, html {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  overflow-x: hidden; }

html[lang=ar-ar] {
  direction: rtl !important; }

body {
  overflow-x: hidden; }

.global-transitionWrapper {
  position: relative; }

.page {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); }

div[class*=slide-enter] {
  -webkit-transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1); }

div[class*=slide-enter]:before {
  background: url(../img/ac_transition-pattern_ncsa.png) 0 0 repeat, #041418;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 10000;
  width: 100%;
  height: 100vh; }

div[class*=slide-enter] .page {
  -webkit-transform: translateY(-25vh);
  -ms-transform: translateY(-25vh);
  transform: translateY(-25vh); }

div.slide-enter-done:before {
  background: url(../img/ac_transition-pattern_ncsa.png) 0 0 repeat, #041418;
  content: "";
  opacity: 1;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 10000;
  width: 100%;
  height: 0; }

div.slide-enter-done .page {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.slide-exit {
  -webkit-transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  position: absolute;
  z-index: 100000;
  left: 0;
  top: 105px;
  width: 100%; }

.slide-exit .page {
  -webkit-transform: translateY(25vh);
  -ms-transform: translateY(25vh);
  transform: translateY(25vh); }

.slide-exit:before {
  background: url(../img/ac_transition-pattern_ncsa.png) 0 0 repeat, #041418;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 100000;
  width: 100%;
  height: 0; }

.slide-exit-active:before {
  width: 100%;
  height: 100vh; }

#ubisoft-toolbar-container ol, #ubisoft-toolbar-container ul {
  list-style: none; }

#ubisoft-toolbar-container {
  width: 100%;
  height: 45px;
  background-color: #222;
  background-image: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }

#ubisoft-toolbar-container a {
  text-decoration: none; }

#ubisoft-toolbar-container button {
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

#ubisoft-toolbar-container #ubisoft-toolbar {
  width: auto;
  height: 45px;
  border-right-width: 0;
  border-left-width: 0; }

#ubisoft-toolbar-container #nav, #ubisoft-toolbar-container #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 9999; }

#ubisoft-toolbar-container #nav li {
  float: left; }

#ubisoft-toolbar-container #nav li ul {
  position: absolute;
  left: -999em; }

#ubisoft-toolbar-container #nav li:active ul, #ubisoft-toolbar-container #nav li:hover ul {
  left: auto; }

#ubisoft-toolbar-container #nav li:active.ubisoft-logo a.ubisoft-logo-container, #ubisoft-toolbar-container #nav li:active button.ubisoft-logo-container, #ubisoft-toolbar-container #nav li:hover.ubisoft-logo a.ubisoft-logo-container, #ubisoft-toolbar-container #nav li:hover button.ubisoft-logo-container {
  background-color: #555; }

#ubisoft-toolbar-container #nav li:active.ubisoft-logo a.ubisoft-logo-container:after, #ubisoft-toolbar-container #nav li:active button.ubisoft-logo-container:after, #ubisoft-toolbar-container #nav li:hover.ubisoft-logo a.ubisoft-logo-container:after, #ubisoft-toolbar-container #nav li:hover button.ubisoft-logo-container:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

#ubisoft-toolbar-container li.ubisoft-logo {
  border-right-width: 0;
  position: relative; }

#ubisoft-toolbar-container li.ubisoft-logo > a, #ubisoft-toolbar-container li.ubisoft-logo > button {
  display: block;
  height: 45px;
  width: 160px;
  font-size: 90px;
  position: relative;
  z-index: 1; }

#ubisoft-toolbar-container li.ubisoft-logo > a svg, #ubisoft-toolbar-container li.ubisoft-logo > button svg {
  cursor: pointer;
  top: 6px;
  left: 0;
  position: absolute;
  width: 160px;
  height: 70%; }

#ubisoft-toolbar-container li.ubisoft-logo > a:active, #ubisoft-toolbar-container li.ubisoft-logo > a:hover, #ubisoft-toolbar-container li.ubisoft-logo > button:active, #ubisoft-toolbar-container li.ubisoft-logo > button:hover {
  background-color: #555; }

#ubisoft-toolbar-container li.ubisoft-logo > ul {
  display: block;
  background: #141415;
  font-size: 14px;
  text-transform: uppercase;
  width: 200px;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 3; }

#ubisoft-toolbar-container li.ubisoft-logo > ul li {
  width: 160px;
  border-bottom: 1px solid #333;
  height: 45px;
  margin: 0 !important; }

#ubisoft-toolbar-container li.ubisoft-logo > ul li a, #ubisoft-toolbar-container li.ubisoft-logo > ul li button {
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
  font-family: din-2014, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  border-bottom: 0;
  line-height: normal !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 0 0 8px !important; }

#ubisoft-toolbar-container li.ubisoft-logo > ul li a:active, #ubisoft-toolbar-container li.ubisoft-logo > ul li a:hover, #ubisoft-toolbar-container li.ubisoft-logo > ul li button:active, #ubisoft-toolbar-container li.ubisoft-logo > ul li button:hover {
  color: #fff; }

#ubisoft-toolbar-container li.item-uplay {
  position: absolute;
  right: 20px; }

#ubisoft-toolbar-container li #uplay-panel {
  height: 45px; }

#ubisoft-toolbar-container svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

/*# sourceMappingURL=main.css.map */