/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	PALETTE */
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	TYPOGRAPHY (small) */
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 { font-size-adjust: 0.5; }

/*	HEADINGS */
h1, .h1 { position: relative; overflow: visible; font-family: "new-order", sans-serif; font-size: 2.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0; line-height: 1; margin: 0 0 1.3rem 0; padding: 0; color: #0069aa; }

h2, .h2 { font-family: "new-order", sans-serif; font-size: 1.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0; line-height: 1.1; margin: 0 0 1.3rem 0; padding: 0; color: #0069aa; }
h2 .orange, .h2 .orange { color: #f6931e; }

h3, .h3 { font-family: "new-order", sans-serif; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0; line-height: 1.05; margin: 2.5rem 0 .5rem 0; padding: 0; color: #0069aa; }
h3.xspace, .h3.xspace { margin: 2.6rem 0 1.3rem 0; }
h3:first-child, .h3:first-child { margin: 0 0 .5rem 0; }

h4, .h4 { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.1; margin: 0 0 1rem 0; padding: 0; color: #0069aa; }

h5, .h5 { font-family: "new-order", sans-serif; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0; line-height: 1.15; margin: 0 0 .5rem 0; padding: 0; color: #0069aa; }

/*	PARAGRAPHS */
p { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; margin: 0 0 1.3rem 0; padding: 0; color: #2f88c0; }
p strong { font-weight: 600; }
p.large { font-size: 1.2rem; margin: 0 0 2rem 0; }

/*	LISTS */
ul { list-style-type: disc; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; margin: 0 0 .7rem 1.4rem; padding: 0; color: #2f88c0; }
ul strong { font-weight: 500; }
ul ul { list-style-type: circle; }

ul.button-list { list-style-type: none; margin: 1.5rem 0 0 0; }

ol { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; margin: 0 0 .7rem 1.15rem; padding: 0; color: #2f88c0; }
ol strong { font-weight: 500; }

/*	HORIZONTAL RULE */
hr { max-width: none; margin: 3rem 0; border-bottom: 1px solid #c9e6f5; }

/*	LINK COLOR */
h1 > a, h2 > a, h3 > a, p > a, p > strong > a, ul li > a { color: #f6931e; }
h1 > a:hover, h2 > a:hover, h3 > a:hover, p > a:hover, p > strong > a:hover, ul li > a:hover { color: #0069aa; }

/*  a {transition: opacity 0.25s ease-out, color 0.25s ease-out;}


/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TYPOGRAPHY (medium) */
@media screen and (min-width: 640px) { h1, .h1 { font-size: 2.5rem; }
  h2, .h2 { font-size: 1.7rem; }
  h3, .h3 { font-size: 1.2rem; }
  h4, .h4 { font-size: 1rem; }
  h5, .h5 { font-size: 1.2rem; }
  p, ul, ol { font-size: 1rem; }
  p.large { font-size: 1.2rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TYPOGRAPHY (large) */
@media screen and (min-width: 1024px) { h1, .h1 { font-size: 2.5rem; }
  h2, .h2 { font-size: 1.7rem; }
  h3, .h3 { font-size: 1.3rem; }
  h4, .h4 { font-size: 1rem; }
  h5, .h5 { font-size: 1.3rem; }
  p, ul, ol { font-size: 1rem; }
  p.large { font-size: 1.2rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TYPOGRAPHY (xlarge) */
@media screen and (min-width: 1200px) { h1, .h1 { font-size: 3.25rem; }
  h2, .h2 { font-size: 2.5rem; }
  h3, .h3 { font-size: 1.5rem; }
  h4, .h4 { font-size: 1rem; }
  h5, .h5 { font-size: 1.3rem; }
  p, ul, ol { font-size: 1rem; }
  p.large { font-size: 1.3rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	TYPOGRAPHY (xxlarge) */
@media screen and (min-width: 1440px) { h1, .h1 { font-size: 4.5rem; }
  h2, .h2 { font-size: 2.5rem; }
  h3, .h3 { font-size: 1.75rem; }
  h4, .h4 { font-size: 1.1rem; }
  h5, .h5 { font-size: 1.3rem; }
  p, ul, ol { font-size: 1.1rem; }
  p.large { font-size: 1.4rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	ACCORDION (small) */
.accordion { padding: 1.5rem 2rem 2rem 2rem; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-top: 3px solid white; background: white; }

.accordion-item { border-bottom: 3px solid #f9e7d1; }
.accordion-item:last-child { border-bottom: none; }

.accordion-title { position: relative; display: block; padding: 1.25rem 0; border: 0; }
.accordion-title:hover, .accordion-title:focus { background-color: transparent; }
.accordion-title:hover h3 { color: #0069aa; }
.accordion-title:focus h3 { color: #0069aa; }
.accordion-title h3 { color: #0069aa; margin: 0; }

.accordion-title::before { color: #0069aa; font-weight: 700; }

.is-active > .accordion-title::before { color: #0069aa; }

:last-child:not(.is-active) > .accordion-title { border-bottom: none; border-radius: 0 0 0 0; }

:last-child > .accordion-content:last-child { border-bottom: none; }

.accordion-content { padding: 0 1.25rem 1.25rem 1.25rem; color: #2f88c0; border: 0; background-color: transparent; }
.accordion-content img { margin: 0 0 2rem 0; }
.accordion-content p { color: #2f88c0; }
.accordion-content p:last-child { margin: 0; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	BUTTONS (small) */
.button { margin: 0; padding: 1.4rem 1.4rem 1.2rem 1.4rem; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; line-height: 0; letter-spacing: .05rem; text-align: center; color: white; text-shadow: 2px 2px #00568c; border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 0; -webkit-transition: none; transition: none; -webkit-appearance: none; cursor: pointer; background-color: #0069aa; }
.button:hover, .button:focus, .button:active { text-shadow: 2px 2px #f37d15; background-color: #f6931e; }

.button.orange { text-shadow: 2px 2px #f37d15; background-color: #f6931e; }
.button.orange:hover, .button.orange:focus, .button.orange:active { text-shadow: 2px 2px #00568c; background-color: #0069aa; }

.button.outline.blue { color: #0069aa; text-shadow: 2px 2px #c9e6f5; border: 3px solid #c9e6f5; background-color: white; }
.button.outline.blue:hover, .button.outline.blue:focus, .button.outline.blue:active { color: #f6931e; text-shadow: 2px 2px #f9e7d1; border: 3px solid #f9e7d1; background-color: white; }

.button.steam { color: white; text-shadow: 2px 2px #00568c; background-color: white; background-image: linear-gradient(to right, #0096f3, #0069aa); }
.button.steam:hover, .button.steam:focus, .button.steam:active { background-color: white; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xlarge) */
@media screen and (min-width: 1200px) { .button { padding: 1.5rem 1.5rem 1.3rem 1.5rem; font-size: 1.2rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xxlarge) */
@media screen and (min-width: 1440px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	CALLOUTS (small) */
.callout { padding: 2rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.callout.green { border: 2px solid #acebc1; background: #ebfff1; }
.callout.green p { color: #00aa58; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	FORMS (small) */
.wrapper-form { position: relative; padding: 0; width: auto; font-family: "new-order", sans-serif; color: #0069aa; margin: 0; }
.wrapper-form h2, .wrapper-form p { margin-bottom: 1.5rem; text-align: center; }
.wrapper-form fieldset { padding: 1.5rem; margin: 0 0 2rem 0; border: 1px solid #c9e6f5; min-width: 0; background-color: white; }
.wrapper-form legend { display: block; width: auto; padding: .25rem 1.25rem; margin-bottom: 0; font-family: "new-order", sans-serif; font-size: .875rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1rem; line-height: inherit; color: black; border-radius: 25px; border: 1px solid #c9e6f5; background-color: white; }
.wrapper-form h4 { text-align: center; margin: 2rem 0 1rem 0; padding: 1rem .25rem; text-align: center; color: #0069aa; background-color: white; }
.wrapper-form label { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; text-transform: none; letter-spacing: normal; color: #0069aa; margin: .7rem 0 .2rem 0; }
.wrapper-form input, .wrapper-form textarea { width: 100%; margin-bottom: .5rem; padding: .5rem; font-family: "new-order", sans-serif; color: #0069aa; border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 0; border: none; background-color: #ebf8ff; }
.wrapper-form select { width: 100%; margin-bottom: .5rem; font-family: "new-order", sans-serif; color: #0069aa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9e6f5; }
.wrapper-form .inline, .wrapper-form input[type="radio"], .wrapper-form input[type="checkbox"] { display: inline; width: auto; }
.wrapper-form input.submit, .wrapper-form [type="submit"], .wrapper-form .btn-submit { margin: .7rem 0 0 0; width: auto; padding: 1.4rem 1.4rem 1.2rem 1.4rem; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; line-height: 0; letter-spacing: .05rem; text-align: center; color: white; cursor: pointer; border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 0; background-color: #f6931e; }
.wrapper-form input.submit:hover, .wrapper-form input.submit:focus, .wrapper-form input.submit:active, .wrapper-form [type="submit"]:hover, .wrapper-form [type="submit"]:focus, .wrapper-form [type="submit"]:active, .wrapper-form .btn-submit:hover, .wrapper-form .btn-submit:focus, .wrapper-form .btn-submit:active { background-color: #ffa63c; }
.wrapper-form .input-group { padding: 0; }
.wrapper-form .input-group input[type="text"] { margin: 0; border-radius: 0 !important; border-top: 1px solid #c9e6f5; border-right: 0; border-bottom: 1px solid #c9e6f5; border-left: 0; }
.wrapper-form .input-group-addon { padding: .25rem .75rem; border: 1px solid #c9e6f5; border-radius: 0; background-color: #c9e6f5; }
.wrapper-form .errors { font-size: .9rem; font-style: italic; color: red; }

.callout { border: 1px solid #c9e6f5; }
.callout h3, .callout p { margin: 0; }
.callout .close-button, .callout .close-button:hover, .callout .close-button:focus { color: #0069aa; outline: none; }

.input-group { padding-bottom: 10px; }

span.required { color: red; }

.card-element { width: 100%; margin-bottom: .5rem; padding: .5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9e6f5; background: white; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FORMS (medium) */
@media screen and (min-width: 640px) { .wrapper-form fieldset { padding: 2rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FORMS (large) */
@media screen and (min-width: 1024px) { .wrapper-form fieldset { padding: 3rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FORMS (xlarge) */
@media screen and (min-width: 1200px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FORMS (xxlarge) */
@media screen and (min-width: 1440px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	TABS (small) */
.tabs { border-top: 2px solid #363638; border-right: 0; border-bottom: 2px solid #363638; border-left: 0; background-color: transparent; }

.tabs-title { margin-bottom: -2px; margin-right: 3rem; width: auto; font-weight: 700; }

.tabs-title > a { padding: 1.25rem 0; width: auto; color: #87898c; }
.tabs-title > a p { margin: 0; font-size: .8rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.1rem; color: #87898c; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: transparent; border-bottom: 2px solid #de1352; }
.tabs-title > a:focus p, .tabs-title > a[aria-selected='true'] p { color: white; }

.tabs-title > a:hover { background: transparent; border-bottom: 2px solid #de1352; }
.tabs-title > a:hover p { color: #87898c; }

.tabs.vertical { border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; background-color: transparent; }

.vertical .tabs-title { margin-bottom: 0; margin-right: 0; width: auto; font-weight: 700; }

.vertical .tabs-title > a { padding: 1rem 0; width: auto; font-size: .8rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.1rem; color: #87898c; }
.vertical .tabs-title > a:focus, .vertical .tabs-title > a[aria-selected='true'] { background: transparent; color: #de1352; border-bottom: 0; }
.vertical .tabs-title > a:hover { background: transparent; color: #de1352; border-bottom: 0; }

.tabs-content { border: 0; background-color: transparent; }
.tabs-content .tabs-panel.parent { padding: 0; }

.panel-image { margin: 0 0 2rem 0; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TABS (medium) */
@media screen and (min-width: 640px) { .tabs-title > a { padding: 1.25rem 0; }
  .tabs-title > a p { font-size: 1rem; }
  .vertical .tabs-title > a { padding: 1rem 0; font-size: 1rem; }
  .tabs-content .tabs-panel.parent { padding: 4rem 6rem; }
  .tabs-content.vertical { border: 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TABS (large) */
@media screen and (min-width: 1024px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TABS (xlarge) */
@media screen and (min-width: 1200px) { .tabs-content .tabs-panel.parent { padding: 6rem 8rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	TABS (xxlarge) */
@media screen and (min-width: 1440px) { .tabs-content .tabs-panel.parent { padding: 8rem 16rem; }
  .tabs-content .tabs-panel.parent.wide { padding: 8rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	SLICK (small) */
.slick-games, .slick-projects { padding: 0; margin: 0; }
.slick-games .slick-arrow-orange-prev, .slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-next { position: absolute; z-index: 30; bottom: -60px; display: block; width: 25px; height: 42px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; }
.slick-games .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-prev { margin-left: 50%; left: -40px; background-image: url(../grfx/arrow-orange-prev-sm.png); }
.slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-next { margin-right: 50%; right: -40px; background: url(../grfx/arrow-orange-next-sm.png); }
.slick-games [dir='rtl'] .slick-arrow-orange-prev, .slick-projects [dir='rtl'] .slick-arrow-orange-prev { left: auto; }
.slick-games [dir='rtl'] .slick-arrow-orange-next, .slick-projects [dir='rtl'] .slick-arrow-orange-next { right: auto; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	SLICK (medium) */
@media screen and (min-width: 640px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	SLICK (large) */
@media screen and (min-width: 1024px) { .slick-games .slick-arrow-orange-prev, .slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-next { top: 50%; }
  .slick-games .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-prev { margin-left: auto; }
  .slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-next { margin-right: auto; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	SLICK (xlarge) */
@media screen and (min-width: 1200px) { .slick-games .slick-arrow-orange-prev, .slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-next { top: 50%; width: 29px; height: 50px; }
  .slick-games .slick-arrow-orange-prev, .slick-projects .slick-arrow-orange-prev { left: -50px; background-image: url(../grfx/arrow-orange-prev.png); }
  .slick-games .slick-arrow-orange-next, .slick-projects .slick-arrow-orange-next { right: -50px; background: url(../grfx/arrow-orange-next.png); }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	SLICK (xxlarge) */
@media screen and (min-width: 1440px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	FRAME (small) */
body { background: white; }

/*  ANIMATIONS */
@keyframes fadeInOnLoad { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeInAndUpOnLoad { 0% { opacity: 0; transform: translateY(80px); }
  100% { opacity: 1; transform: translateY(0); } }
.media-onload { opacity: 0; animation: fadeInOnLoad .5s linear 1s 1 forwards; }

.text-onload { opacity: 0; animation: fadeInAndUpOnLoad .5s ease-out 1s 1 forwards; }

/*  GAME CARD */
.gamecard { border-top-left-radius: 0; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 0; background-color: white; box-shadow: 5px 10px 10px #c9e6f5; }
.gamecard .gamecard-thumb img { border-top-right-radius: 36px; }
.gamecard .gamecard-content { padding: 2rem; }

/*  CTA SUBSCRIBE */
.cta-subscribe { padding: 3rem 0 0 0; text-align: center; }
.cta-subscribe h2, .cta-subscribe h3 { color: white; }
.cta-subscribe h2 { margin: 0; }
.cta-subscribe h3 a { color: #f6931e; }
.cta-subscribe h3 a:hover, .cta-subscribe h3 a:focus, .cta-subscribe h3 a:active { color: #ffa63c; }
.cta-subscribe p { color: white; }
.cta-subscribe .join-discord h3 a { color: #fff68f; }
.cta-subscribe .join-discord h3 a:hover, .cta-subscribe .join-discord h3 a:focus, .cta-subscribe .join-discord h3 a:active { color: #ffa63c; }
.cta-subscribe .join-discord img { margin: 0 0 1rem 0; }
.cta-subscribe #mc_embed_signup { margin: 0 0 3rem 0; clear: left; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; width: 100%; background: transparent; }
.cta-subscribe #mc_embed_signup form { margin: 0; }
.cta-subscribe #mc_embed_signup h2, .cta-subscribe #mc_embed_signup .indicates-required { display: none; }
.cta-subscribe #mc_embed_signup label { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; color: white; }
.cta-subscribe #mc_embed_signup .asterisk { color: #f6931e; }
.cta-subscribe #mc_embed_signup [type='email'] { margin: 0; border: none; border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 0; background-color: #fff68f; }
.cta-subscribe #mc_embed_signup .button { margin: 0; padding: 1.4rem 1.4rem 1.2rem 1.4rem; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; line-height: 0; letter-spacing: .05rem; text-align: center; color: white; text-shadow: 2px 2px #f37d15; border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 0; -webkit-transition: none; transition: none; -webkit-appearance: none; cursor: pointer; background-color: #f6931e; }
.cta-subscribe #mc_embed_signup .button:hover, .cta-subscribe #mc_embed_signup .button:focus, .cta-subscribe #mc_embed_signup .button:active { background-color: #ffa63c; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FRAME (medium) */
@media screen and (min-width: 640px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FRAME (large) */
@media screen and (min-width: 1024px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FRAME (xlarge) */
@media screen and (min-width: 1200px) { .gamecard .gamecard-content { padding: 3rem; }
  /*  CTA SUBSCRIBE */
  .cta-subscribe { padding: 4rem 0 0 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FRAME (xxlarge) */
@media screen and (min-width: 1440px) { .slick-games .gamecard .gamecard-content { padding: 2.25rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	FLUID (small) */
.wrapper-fluid .text, .wrapper-fluid .text-centered, .wrapper-fluid .textarea, .wrapper-fluid .wrapper-form { padding: 1rem 0 0 0; }
.wrapper-fluid .text:first-child, .wrapper-fluid .text-centered:first-child, .wrapper-fluid .textarea:first-child, .wrapper-fluid .wrapper-form:first-child { padding: 0 0 0 0; }
.wrapper-fluid .text h3 { margin: 3rem 0 .5rem 0; }
.wrapper-fluid .text-centered { text-align: center; }
.wrapper-fluid .text-centered h1, .wrapper-fluid .text-centered h2 { margin-bottom: .5rem; }
.wrapper-fluid .text-centered p { font-size: 1.2rem; }
.wrapper-fluid .text-photo { padding: 1rem 0 0 0; }
.wrapper-fluid .text-photo:first-child { padding: 0 0 0 0; }
.wrapper-fluid .text-photo img { margin: 0 0 1.5rem 0; }
.wrapper-fluid .giving-options, .wrapper-fluid .table, .wrapper-fluid .photo, .wrapper-fluid .gallery, .wrapper-fluid .video, .wrapper-fluid .panels, .wrapper-fluid .panels-expanding { padding: 1rem 0; }
.wrapper-fluid .giving-options:first-child, .wrapper-fluid .table:first-child, .wrapper-fluid .photo:first-child, .wrapper-fluid .gallery:first-child, .wrapper-fluid .video:first-child, .wrapper-fluid .panels:first-child, .wrapper-fluid .panels-expanding:first-child { padding: 0 0 1rem 0; }
.wrapper-fluid .giving-options { text-align: center; }
.wrapper-fluid .giving-options h2 { margin: 0 0 1.5rem 0; }
.wrapper-fluid .giving-options .options-card { margin: 0 0 2rem 0; border-radius: 12px; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); background-color: white; }
.wrapper-fluid .giving-options .options-card img { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.wrapper-fluid .giving-options .options-card .options-card-heading { display: table; padding: 0 2rem; width: 100%; height: 190px; }
.wrapper-fluid .giving-options .options-card .options-card-heading .insert { display: table-cell; vertical-align: middle; }
.wrapper-fluid .giving-options .options-card .options-card-heading h3 { font-size: 1.5rem; }
.wrapper-fluid .giving-options .options-card .options-card-heading p { margin: 0; }
.wrapper-fluid .giving-options .options-card .options-card-heading .button { margin: 0; }
.wrapper-fluid .panels-expanding .accordion-title { font-size: 1.2rem; color: #0069aa; border: 1px solid #87898c; border-bottom: 0; }
.wrapper-fluid .panels-expanding .accordion-title:hover, .wrapper-fluid .panels-expanding .accordion-title:focus { background-color: #f2f2f2; }
.wrapper-fluid .panels-expanding :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #87898c; border-radius: 0 0 0 0; }
.wrapper-fluid .panels-expanding .accordion-content { padding: 1.5rem 1.5rem 0 1.5rem; }
.wrapper-fluid .photo img { width: 100%; }
.wrapper-fluid .orbit-previous:hover, .wrapper-fluid .orbit-next:hover, .wrapper-fluid .orbit-previous:active, .wrapper-fluid .orbit-next:active, .wrapper-fluid .orbit-previous:focus, .wrapper-fluid .orbit-next:focus { cursor: pointer; background-color: transparent; }
.wrapper-fluid .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; font-family: 'Source Sans Pro', sans-serif; font-size: 1rem; font-weight: 300; text-align: center; background-color: transparent; color: white; }
.wrapper-fluid .table.default { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #4d4e50; }
.wrapper-fluid .table.default th { text-align: left; font-size: 1.2rem; font-weight: 500; }
.wrapper-fluid .table.default td { text-align: left; font-size: 1.2rem; }
.wrapper-fluid .table.default thead, .wrapper-fluid .table.default tbody, .wrapper-fluid .table.default tfoot { border: 1px solid #87898c; background-color: transparent; }
.wrapper-fluid .table.default tbody tr:nth-child(even) { border-bottom: 0; background-color: #f2f2f2; }
.wrapper-fluid .panels ul { list-style-type: none; margin: 0; padding: 0; }
.wrapper-fluid .panels li { padding: 1rem 0 0 0; border-top: 1px solid #87898c; }
.wrapper-fluid .wrapper-text-masthead { position: relative; }
.wrapper-fluid .text-masthead { position: absolute; z-index: 10; display: table; height: 100vh; width: 100%; }
.wrapper-fluid .text-masthead h2 { margin: 0 0 1rem 0; color: white; }
.wrapper-fluid .text-masthead p { color: white; }
.wrapper-fluid .text-masthead-overlay { display: table-cell; vertical-align: middle; text-align: center; }
.wrapper-fluid .text-masthead-background { position: relative; z-index: 0; }
.wrapper-fluid .text-masthead-background > figure { height: 100vh; background-size: cover; background-position: center top; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FLUID (medium) */
@media screen and (min-width: 640px) { .wrapper-fluid .text-centered p { font-size: 1.5rem; }
  .wrapper-fluid .panels-expanding .accordion-title { font-size: 1.3rem; }
  .wrapper-fluid .table.default th, .wrapper-fluid .table.default td { font-size: 1.3rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FLUID (large) */
@media screen and (min-width: 1024px) { .wrapper-fluid .text-centered { padding: 2rem 12% 1rem 12%; }
  .wrapper-fluid .text-centered:first-child { padding: 0 12% 1rem 12%; }
  .wrapper-fluid .panels-expanding .accordion-title { font-size: 1.2rem; }
  .wrapper-fluid .panels-expanding .accordion-content { padding: 2rem 2rem .5rem 2rem; }
  .wrapper-fluid .table.default th, .wrapper-fluid .table.default td { font-size: 1.2rem; }
  .wrapper-fluid .panels li { padding: 1.5rem 0 .5rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FLUID (xlarge) */
@media screen and (min-width: 1200px) { .wrapper-fluid .text, .wrapper-fluid .textarea, .wrapper-fluid .wrapper-form { padding: 2rem 0 1rem 0; }
  .wrapper-fluid .text:first-child, .wrapper-fluid .textarea:first-child, .wrapper-fluid .wrapper-form:first-child { padding: 0 0 1rem 0; }
  .wrapper-fluid .text-centered p { font-size: 1.6rem; }
  .wrapper-fluid .text-photo { padding: 2rem 0 0 0; }
  .wrapper-fluid .text-photo:first-child { padding: 0 0 0 0; }
  .wrapper-fluid .giving-options, .wrapper-fluid .table, .wrapper-fluid .photo, .wrapper-fluid .gallery, .wrapper-fluid .video, .wrapper-fluid .panels, .wrapper-fluid .panels-expanding { padding: 2rem 0; }
  .wrapper-fluid .giving-options:first-child, .wrapper-fluid .table:first-child, .wrapper-fluid .photo:first-child, .wrapper-fluid .gallery:first-child, .wrapper-fluid .video:first-child, .wrapper-fluid .panels:first-child, .wrapper-fluid .panels-expanding:first-child { padding: 0 0 2rem 0; }
  .wrapper-fluid .panels-expanding .accordion-title { font-size: 1.3rem; }
  .wrapper-fluid .table.default th, .wrapper-fluid .table.default td { font-size: 1.3rem; }
  .wrapper-fluid .panels li { padding: 2rem 0 1rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FLUID (xxlarge) */
@media screen and (min-width: 1440px) { .wrapper-fluid .panels-expanding .accordion-content { padding: 2.5rem 2.5rem 1rem 2.5rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	NAVIGATION (small) */
/*  SCROLLHIDE NAV */
.scrollhide-nav { position: fixed; right: 0; top: 0; left: 0; z-index: 1000; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); background-color: transparent; }
.scrollhide-nav.hidden { transform: translateY(-100%); }

/*	TITLE BAR */
.title-bar { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; padding: 1rem 1rem; background-color: white; }
.title-bar .logo { width: 150px; }
.title-bar .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0069aa; -webkit-box-shadow: 0 7px 0 #0069aa, 0 14px 0 #0069aa; box-shadow: 0 7px 0 #0069aa, 0 14px 0 #0069aa; content: ''; }

/*	Off-CANVAS MENU */
/* To make sure a wider menu transitions onto the screen smoothly */
.off-canvas-content.is-open-right.has-transition-push { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); }

.position-right { width: 300px; -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px); }

.position-right.is-transition-push { -webkit-box-shadow: none; box-shadow: none; }

.js-off-canvas-overlay { background: rgba(0, 0, 0, 0.35); }

.off-canvas { padding: 2rem; width: 300px; background: white; }
.off-canvas .nav-brand { width: 100%; text-align: center; margin-bottom: 2rem; }
.off-canvas .menu { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.off-canvas .menu a { display: inline-block; padding: 1rem 0; width: 100%; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: .01; line-height: 1.4; color: #0069aa; text-align: center; border-bottom: 1px solid #ebf8ff; }
.off-canvas .menu a.button { padding: 0.75rem 1.125rem; margin: 1rem 0 0 0; border-radius: 5px; }
.off-canvas .menu .nested { margin: 0; }
.off-canvas .menu .nested a { padding: 1rem 0; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; color: #ebf8ff; }
.off-canvas .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { border-color: #f6931e transparent transparent; right: 0; }
.off-canvas .social-menu { list-style-type: none; margin: 2rem 0 0 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 100%; }
.off-canvas .social-menu li { margin: 0 .5rem; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NAVIGATION (medium) */
@media screen and (min-width: 640px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NAVIGATION (large) */
@media screen and (min-width: 1024px) { /*  TOP BAR */
  .top-bar-wrapper { z-index: 1000; width: 100%; background-color: white; }
  .top-bar-wrapper .top-bar { position: relative; height: 100px; padding: .5rem 0; background-color: white; }
  .top-bar-wrapper .top-bar .logo-wrapper img { width: 200px; }
  .top-bar-wrapper .top-bar .top-bar-right { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; }
  .top-bar-wrapper .top-bar ul { background-color: transparent; }
  .top-bar-wrapper .top-bar ul.menu { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 700; }
  .top-bar-wrapper .top-bar ul.menu a { padding: .7rem .6rem .5rem .6rem; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.075rem; color: #0069aa; }
  .top-bar-wrapper .top-bar ul.menu a:hover, .top-bar-wrapper .top-bar ul.menu a:focus, .top-bar-wrapper .top-bar ul.menu a:active { color: #2f88c0; }
  .top-bar-wrapper .top-bar .dropdown.menu > li.is-active > a { color: #0069aa; }
  .top-bar-wrapper .top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-width: 6px; border-color: #c9e6f5 transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .top-bar-wrapper .top-bar ul.submenu { font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 400; color: #0069aa; min-width: 250px; border-radius: 8px; border: 1px solid #c9e6f5; padding: 1rem; }
  .top-bar-wrapper .top-bar ul.submenu li { margin: 0; }
  .top-bar-wrapper .top-bar ul.submenu a { padding: .625rem; color: #0069aa; border-radius: 5px; }
  .top-bar-wrapper .top-bar ul.submenu a:hover, .top-bar-wrapper .top-bar ul.submenu a:focus, .top-bar-wrapper .top-bar ul.submenu a:active { color: #0069aa; background-color: #ebf8ff; }
  .top-bar-wrapper .top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu { left: 14px; }
  .top-bar-wrapper .top-bar ul.social-icons { list-style-type: none; margin: 0 0 0 1rem; padding: .5rem 0 .5rem 1rem; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; border-left: 4px solid #c9e6f5; }
  .top-bar-wrapper .top-bar ul.social-icons li { margin: 0 .5rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NAVIGATION (xlarge) */
@media screen and (min-width: 1200px) { /*  TOP BAR */
  .top-bar-wrapper .top-bar { height: 110px; padding: .5rem 0; }
  .top-bar-wrapper .top-bar .logo-wrapper img { width: 225px; }
  .top-bar-wrapper .top-bar ul.menu { font-size: 1.1rem; }
  .top-bar-wrapper .top-bar ul.menu a { padding: .7rem .75rem .5rem .75rem; font-size: 1.1rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NAVIGATION (xxlarge) */
@media screen and (min-width: 1440px) { /*  TOP BAR */
  .top-bar-wrapper .top-bar { height: 150px; padding: .5rem 0; }
  .top-bar-wrapper .top-bar .logo-wrapper img { width: 300px; }
  .top-bar-wrapper .top-bar ul.menu { font-size: 1.2rem; }
  .top-bar-wrapper .top-bar ul.menu a { padding: .7rem .75rem .5rem .75rem; font-size: 1.2rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	FOOTER (small) */
.footer { position: relative; z-index: 10; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 3rem 0; text-align: center; }
.footer .footer-logo { width: 200px; }
.footer .menu { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 2.5rem 0 0 0; font-family: "new-order", sans-serif; font-size: 1rem; font-weight: 700; background-color: transparent; }
.footer .menu a { padding: .7rem .5rem .3rem .5rem; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.075rem; color: #0069aa; }
.footer .menu a:hover, .footer .menu a:focus, .footer .menu a:active { color: #2f88c0; }
.footer .social-icons { list-style-type: none; margin: 3rem 0 1rem 0; padding: 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.footer .social-icons li { margin: 0 .5rem; }
.footer .smallprint { color: #2f88c0; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FOOTER (medium) */
@media screen and (min-width: 640px) { .footer .footer-logo { width: 240px; }
  .footer .menu a { padding: .7rem .75rem .3rem .75rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FOOTER (large) */
@media screen and (min-width: 1024px) { .footer .footer-logo { width: 250px; }
  .footer .menu a { padding: .7rem .85rem .3rem .85rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FOOTER (xlarge) */
@media screen and (min-width: 1200px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	FOOTER (xxlarge) */
@media screen and (min-width: 1440px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	CONSENT (small) */
.notice { display: inline-block; position: fixed; bottom: 10px; right: 10px; left: 10px; z-index: 2000; width: auto; padding: 2rem; border-radius: 9px; border: 3px solid #c9e6f5; background-color: #fffbc9; opacity: 1; transition: opacity .8s ease; }
.notice.hidden { opacity: 0; z-index: 0; }
.notice h4 { margin: 0 0 .5rem 0; }
.notice p { margin: 0 0 1rem 0; }
.notice p input { margin: 0; }
.notice .button.consent { margin: 0 1rem 0 0; padding: 1.1rem 1rem .9rem 1rem; font-size: .9rem; font-weight: 600; line-height: 0; letter-spacing: .05rem; }
.notice .consent-options { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (medium) */
@media screen and (min-width: 640px) { .notice .consent-options { flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
  .notice .consent-options .input-options { margin: 0 1rem 0 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (large) */
@media screen and (min-width: 1024px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xlarge) */
@media screen and (min-width: 1200px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xxlarge) */
@media screen and (min-width: 1440px) { /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	HOME (small) */
/*  SECTION MASTHEAD */
.section-masthead.home { position: relative; padding: 100px 0 0 0; }
.section-masthead.home .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.home .masthead-text { padding: 0 0 2rem 0; }
.section-masthead.home .masthead-text h1 { padding: 2rem 2rem 0 1.6rem; }
.section-masthead.home .masthead-text p { padding: 0 0 0 2rem; }
.section-masthead.home .masthead-text .button { margin: 0 0 0 2rem; }
.section-masthead.home .masthead-text .first-letter { position: relative; z-index: 2; color: white; }
.section-masthead.home .masthead-text .cap-w { display: block; position: absolute; top: 0; left: .05rem; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }
.section-masthead.home .bg-masthead { position: absolute; z-index: 1; width: 100%; height: 5rem; bottom: 0; left: 0; background-color: #ebf8ff; }

/*  SECTION ABOUT */
.section-about { position: relative; padding: 4rem 0; overflow: hidden; background-color: #ebf8ff; }
.section-about .about-leadin { position: relative; z-index: 10; text-align: center; margin-bottom: 3rem; }
.section-about .about-tiles { position: relative; z-index: 10; }
.section-about .bg-about-left, .section-about .bg-about-right { display: none; }
.section-about .aboutcard { border-top-left-radius: 0; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 0; background-color: white; box-shadow: 5px 10px 10px #c9e6f5; }
.section-about .aboutcard .aboutcard-thumb img { border-top-right-radius: 36px; }
.section-about .aboutcard .aboutcard-content { padding: 0 3rem 2rem 3rem; }
.section-about .aboutcard .aboutcard-content h3 { color: #f6931e; }
.section-about .aboutcard .aboutcard-content p { margin: 0; }
.section-about .corner-top-left { border-top-left-radius: 30px; }
.section-about .corner-top-right { border-top-right-radius: 30px; }
.section-about .corner-bottom-right { border-bottom-right-radius: 30px; }
.section-about .corner-bottom-left { border-bottom-left-radius: 30px; }

/*  SECTION GAMES */
.section-games { position: relative; background-color: #0069aa; padding: 0 1rem 6rem 1rem; }
.section-games .games-leadin { position: relative; z-index: 10; text-align: center; }
.section-games .games-leadin h2 { margin: 0; }
.section-games .slick-games { position: relative; z-index: 10; margin: 0 0 5rem 0; }
.section-games .slick-games .slick-slide { padding: 15px 15px; }
.section-games .slick-games .gamecard { box-shadow: 5px 10px 10px rgba(0, 86, 140, 0.6); }
.section-games .bg-games { position: absolute; z-index: 1; width: 100%; height: 10rem; top: -1px; left: 0; background-color: #ebf8ff; }

/*  SECTION-PARTNERING */
.section-partnering { position: relative; padding: 3rem 0; overflow: hidden; background-color: #ebf8ff; }
.section-partnering .partnering-leadin { position: relative; z-index: 10; padding: 0; }
.section-partnering .project-images { position: relative; z-index: 10; padding: 3rem 0 0 0; }
.section-partnering .project-images .project-img-top-left img { border-top-right-radius: 36px; border-bottom-left-radius: 36px; }
.section-partnering .project-images .project-img-top-right { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: center; height: 100%; }
.section-partnering .project-images .project-img-top-right img { border-top-right-radius: 36px; }
.section-partnering .project-images .project-img-bottom-left img { border-bottom-left-radius: 36px; }
.section-partnering .project-images .project-img-bottom-right img { border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; }
.section-partnering .bg-partnering-left, .section-partnering .bg-partnering-right { display: none; }
.section-partnering .bg-partnering { position: absolute; z-index: 1; width: 100%; height: 7rem; bottom: 0; left: 0; background-color: white; }

.section-partners { padding: 0 0 2rem 0; }
.section-partners .partner-grid { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }
.section-partners .partner-grid img { margin: 0 .5rem; height: 80px; }

.basecard { padding: 2rem; border-top-left-radius: 0; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 0; background-color: white; box-shadow: 5px 10px 10px #c9e6f5; }
.basecard p:last-child { margin: 0; }
.basecard .button { margin-top: .85rem; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.home { padding: 150px 0 0 0; }
  .section-masthead.home .masthead-text { padding: 0 0 2rem 0; }
  .section-masthead.home .masthead-text .cap-w { top: 0; left: .05rem; width: 3.9rem; height: 3.9rem; }
  .section-masthead.home .bg-masthead { height: 4rem; }
  /*  SECTION ABOUT */
  .section-about .about-tiles { padding: 0 1rem 3rem 1rem; }
  .section-about .aboutcard .aboutcard-content { padding: 0 2rem 2rem 2rem; }
  .section-about .bg-about-left { display: block; position: absolute; top: 4rem; left: -778px; z-index: 1; width: 920px; height: 100%; }
  .section-about .bg-about-left figure { height: 100%; background-size: contain; background-repeat: no-repeat; }
  .section-about .bg-about-right { display: block; position: absolute; top: 4rem; right: -778px; z-index: 1; width: 920px; height: 100%; }
  .section-about .bg-about-right figure { height: 100%; background-size: contain; background-repeat: no-repeat; }
  .basecard { padding: 2rem; }
  /*  SECTION-PARTNERING */
  .section-partnering { padding: 4rem 0; }
  .section-partnering .partnering-leadin { padding: 4rem 0 0 0; }
  .section-partnering .project-images { padding: 0; }
  .section-partnering .bg-partnering-left { display: block; position: absolute; bottom: 4rem; left: -844px; z-index: 1; width: 920px; height: 100%; }
  .section-partnering .bg-partnering-left figure { height: 100%; background-position: bottom; background-size: contain; background-repeat: no-repeat; }
  .section-partnering .bg-partnering-right { display: block; position: absolute; bottom: 4rem; right: -844px; z-index: 1; width: 920px; height: 100%; }
  .section-partnering .bg-partnering-right figure { height: 100%; background-position: bottom; background-size: contain; background-repeat: no-repeat; }
  .section-partnering .bg-partnering { height: 7.5rem; }
  .section-partners { padding: 0 0 2rem 0; }
  .section-partners .partner-grid img { margin: .75rem .75rem; height: 85px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.home { padding: 180px 0 0 0; }
  .section-masthead.home .masthead-text .cap-w { top: 0; left: .05rem; width: 3.9rem; height: 3.9rem; }
  .section-masthead.home .bg-masthead { height: 5rem; }
  /*  SECTION ABOUT */
  .section-about { padding: 5rem 0; }
  .section-about .about-tiles { padding: 0 0 3rem 0; }
  .section-about .bg-about-left { top: 5rem; left: -795px; width: 980px; }
  .section-about .bg-about-right { top: 5rem; right: -795px; width: 980px; }
  .basecard { padding: 3rem; }
  /*  SECTION GAMES */
  .section-games { padding: 0 2rem 6rem 2rem; }
  .section-games .slick-games { margin: 0 0 1rem 0; }
  .section-games .slick-games .slick-slide { padding: 20px 20px; }
  /*  SECTION-PARTNERING */
  .section-partnering { padding: 5rem 0; }
  .section-partnering .partnering-leadin { padding: 9rem 0 0 0; }
  .section-partnering .project-images { padding: 0; }
  .section-partnering .bg-partnering-left { bottom: 12rem; left: -892px; width: 980px; }
  .section-partnering .bg-partnering-right { bottom: 12rem; right: -892px; width: 980px; }
  .section-partnering .bg-partnering { height: 12rem; }
  .section-partners { padding: 0 0 2rem 0; }
  .section-partners .partner-grid img { margin: .75rem .75rem; height: 115px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.home { padding: 180px 0 0 0; }
  .section-masthead.home .masthead-text .cap-w { top: 0; left: .05rem; width: 4.45rem; height: 4.45rem; }
  .section-masthead.home .bg-masthead { height: 6rem; }
  /*  SECTION ABOUT */
  .section-about { padding: 6rem 0; }
  .section-about .about-tiles { padding: 0 0 3rem 0; }
  .section-about .aboutcard .aboutcard-content { padding: 0 3rem 2rem 3rem; }
  .section-about .bg-about-left { top: 6rem; left: -1480px; margin-left: 50%; width: 1045px; }
  .section-about .bg-about-right { top: 6rem; right: -1480px; margin-right: 50%; width: 1045px; }
  /*  SECTION GAMES */
  .section-games { padding: 0 10rem 6rem 10rem; }
  .section-games .slick-games .slick-slide { padding: 20px 20px; }
  /*  SECTION-PARTNERING */
  .section-partnering .partnering-leadin { padding: 10.5rem 0 0 0; }
  .section-partnering .project-images { padding: 0; }
  .section-partnering .bg-partnering-left { bottom: 12rem; margin-left: 50%; left: -1548px; width: 1045px; }
  .section-partnering .bg-partnering-right { bottom: 12rem; margin-right: 50%; right: -1548px; width: 1045px; }
  .section-partnering .bg-partnering { height: 11rem; }
  .section-partners { padding: 0 0 2rem 0; }
  .section-partners .partner-grid img { margin: .75rem 1rem; height: 135px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	HOME (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.home { padding: 200px 0 0 0; }
  .section-masthead.home .masthead-text { padding: 0 0 2rem 0; }
  .section-masthead.home .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.home .masthead-text p { padding: 0 6rem 0 2.5rem; }
  .section-masthead.home .masthead-text .button { margin: 0 0 0 2.5rem; }
  .section-masthead.home .masthead-text .cap-w { display: block; position: absolute; top: 0; left: .5rem; z-index: 1; width: 5.9rem; height: 5.9rem; background-color: #0069aa; }
  .section-masthead.home .bg-masthead { height: 6rem; }
  /*  SECTION GAMES */
  .section-games { padding: 0 8rem 6rem 8rem; }
  .section-games .slick-games { max-width: 1300px; margin: 0 auto 1rem auto; }
  .section-games .slick-games .slick-slide { padding: 15px 15px; }
  /*  SECTION-PARTNERING */
  .section-partnering .bg-partnering-left { bottom: 12rem; margin-left: 50%; left: -1625px; width: 1045px; }
  .section-partnering .bg-partnering-right { bottom: 12rem; margin-right: 50%; right: -1625px; width: 1045px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	GAMES (small) */
/*  SECTION MASTHEAD */
.section-masthead.games { position: relative; padding: 100px 0 0 0; background-color: #ebf8ff; }
.section-masthead.games .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.games .masthead-text { padding: 0; text-align: center; }
.section-masthead.games .masthead-text h1 { padding: 2rem 2rem 0 2rem; }
.section-masthead.games .masthead-text h1 .orange { color: #f6931e; }
.section-masthead.games .masthead-text .first-letter { position: relative; z-index: 2; color: #ebf8ff; }
.section-masthead.games .masthead-text .cap-o { display: block; position: absolute; top: 0; margin-left: 50%; left: -146px; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }

/*  SECTION GAMESLIST */
.section-gameslist { position: relative; padding: 0 0 3rem 0; overflow: hidden; background-color: #0069aa; }
.section-gameslist .gamecard-large { position: relative; z-index: 10; padding: 2rem 0; margin: 0 0 1.5rem 0; border-top-right-radius: 36px; border-bottom-left-radius: 36px; background-color: white; box-shadow: 5px 10px 10px #00568c; }
.section-gameslist .gamecard-large .game-info { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding: 0 2rem 2rem 2rem; }
.section-gameslist .gamecard-large .game-info p { margin: 0; }
.section-gameslist .gamecard-large .game-info p.orange { color: #f6931e; }
.section-gameslist .gamecard-large .game-info .game-boxart img { width: 125px; }
.section-gameslist .gamecard-large .game-info .game-description { padding: 1.5rem 0 0 0; }
.section-gameslist .gamecard-large .game-info .game-platforms { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; text-align: left; padding: 1.5rem 0 0 0; }
.section-gameslist .gamecard-large .game-info .game-platforms p { margin: 0 0 1.5rem 0; }
.section-gameslist .gamecard-large .game-info .game-platforms p a { color: #f6931e; }
.section-gameslist .gamecard-large .game-info .game-platforms p a:hover, .section-gameslist .gamecard-large .game-info .game-platforms p a:focus, .section-gameslist .gamecard-large .game-info .game-platforms p a:active { color: #f6931e; }
.section-gameslist .gamecard-large .game-info .game-platforms ul { list-style-type: none; margin: 0; padding: 0; }
.section-gameslist .gamecard-large .game-info .game-platforms ul li { display: inline-block; margin: 0 .85rem 0 0; }
.section-gameslist .gamecard-large .game-media { padding: 0 0 5rem 0; }
.section-gameslist .gamecard-large .game-media .orbit-previous, .section-gameslist .gamecard-large .game-media .orbit-next { top: inherit; bottom: -75px; -webkit-transform: translateY(0); transform: translateY(0); padding: 0; }
.section-gameslist .gamecard-large .game-media .orbit-previous { margin-left: 50%; left: -33px; }
.section-gameslist .gamecard-large .game-media .orbit-next { margin-right: 50%; right: -33px; }
.section-gameslist .gamecard-large .game-media .orbit-previous:hover, .section-gameslist .gamecard-large .game-media .orbit-next:hover, .section-gameslist .gamecard-large .game-media .orbit-previous:active, .section-gameslist .gamecard-large .game-media .orbit-next:active, .section-gameslist .gamecard-large .game-media .orbit-previous:focus, .section-gameslist .gamecard-large .game-media .orbit-next:focus { cursor: pointer; background-color: transparent; }
.section-gameslist .gamecard-large .game-media .game-media-nav { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 1.5rem 2rem 0 2rem; }
.section-gameslist .gamecard-large .game-media .game-media-nav img { width: 22px; margin: 0 .75rem; }
.section-gameslist .bg-gameslist { position: absolute; z-index: 1; width: 100%; height: 7rem; top: 0; left: 0; background-color: #ebf8ff; }
.section-gameslist .bg-gameslist-left, .section-gameslist .bg-gameslist-right { display: none; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	GAMES (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.games { padding: 130px 0 0 0; }
  .section-masthead.games .masthead-text { padding: 0 0 1rem 0; text-align: center; }
  .section-masthead.games .masthead-text .cap-o { left: -146px; }
  /*  SECTION GAMESLIST */
  .section-gameslist { padding: 0 0 3rem 0; }
  .section-gameslist .gamecard-large { padding: 2rem 0; margin: 0 0 2rem 0; }
  .section-gameslist .gamecard-large .game-info { flex-flow: row wrap; justify-content: flex-start; align-items: center; }
  .section-gameslist .gamecard-large .game-info .game-boxart { width: 30%; }
  .section-gameslist .gamecard-large .game-info .game-description { padding: 0; width: 70%; }
  .section-gameslist .gamecard-large .game-info .game-platforms { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding: 1.5rem 0 0 0; width: 100%; }
  .section-gameslist .gamecard-large .game-info .game-platforms p { margin: 0 1.2rem 0 0; padding: .5rem 1.2rem .2rem 0; border-right: 3px solid #c9e6f5; }
  .section-gameslist .gamecard-large .game-info .game-platforms p a { color: #f6931e; }
  .section-gameslist .gamecard-large .game-info .game-platforms p a:hover, .section-gameslist .gamecard-large .game-info .game-platforms p a:focus, .section-gameslist .gamecard-large .game-info .game-platforms p a:active { color: #f6931e; }
  .section-gameslist .gamecard-large .game-media .game-media-nav { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 1.5rem 2rem 0 2rem; }
  .section-gameslist .gamecard-large .game-media .game-media-nav img { width: 22px; margin: 0 .75rem; }
  .section-gameslist .bg-gameslist-left { display: block; position: absolute; top: 8rem; left: -863px; z-index: 1; width: 920px; height: 100%; }
  .section-gameslist .bg-gameslist-left figure { height: 100%; background-size: contain; background-repeat: repeat-y; }
  .section-gameslist .bg-gameslist-right { display: block; position: absolute; top: 8rem; right: -863px; z-index: 1; width: 920px; height: 100%; }
  .section-gameslist .bg-gameslist-right figure { height: 100%; background-size: contain; background-repeat: repeat-y; }
  .section-gameslist .bg-gameslist { height: 7rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	GAMES (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.games { padding: 150px 0 0 0; }
  /*  SECTION GAMESLIST */
  .section-gameslist { padding: 0 0 4rem 0; }
  .section-gameslist .gamecard-large { padding: 3rem 0; }
  .section-gameslist .gamecard-large .game-info { padding: 0 3rem 2rem 3rem; }
  .section-gameslist .gamecard-large .game-info .game-boxart img { width: 150px; }
  .section-gameslist .bg-gameslist-left { left: -892px; width: 980px; }
  .section-gameslist .bg-gameslist-right { right: -892px; width: 980px; }
  .section-gameslist .bg-gameslist { height: 7rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	GAMES (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.games { padding: 180px 0 0 0; }
  .section-masthead.games .masthead-text { padding: 0 0 3rem 0; }
  .section-masthead.games .masthead-text .cap-o { left: -181px; width: 4.45rem; height: 4.45rem; }
  /*  SECTION GAMESLIST */
  .section-gameslist { padding: 0 0 5rem 0; }
  .section-gameslist .gamecard-large { padding: 3rem 0; margin: 0 0 3rem 0; border-top-right-radius: 48px; border-bottom-left-radius: 48px; }
  .section-gameslist .gamecard-large .game-info { flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding: 0 0 0 3rem; }
  .section-gameslist .gamecard-large .game-info .game-boxart { margin: 0 0 2rem 0; width: 100%; }
  .section-gameslist .gamecard-large .game-info .game-boxart img { width: 170px; }
  .section-gameslist .gamecard-large .game-info .game-description { width: 100%; }
  .section-gameslist .gamecard-large .game-info .game-platforms { flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding: .5rem 0 0 0; }
  .section-gameslist .gamecard-large .game-info .game-platforms p { margin: 0 0 1.5rem 0; padding: 0; border-right: none; }
  .section-gameslist .gamecard-large .game-info .game-platforms ul li { margin: 0 .5rem 0 0; }
  .section-gameslist .gamecard-large .game-media { padding: 0 3rem 5rem 0; }
  .section-gameslist .gamecard-large .game-media .screenmedia { border-top-right-radius: 36px; border-bottom-left-radius: 36px; }
  .section-gameslist .gamecard-large .game-media .game-media-nav { padding: 2rem 3rem 0 3rem; }
  .section-gameslist .gamecard-large .game-media .game-media-nav img { width: 22px; margin: 0 0 0 1.5rem; }
  .section-gameslist .bg-gameslist-left { left: -1640px; margin-left: 50%; width: 1045px; }
  .section-gameslist .bg-gameslist-right { right: -1640px; margin-right: 50%; width: 1045px; }
  .section-gameslist .bg-gameslist { height: 7rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	GAMES (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.games { padding: 200px 0 0 0; }
  .section-masthead.games .masthead-text { padding: 0 0 1rem 0; }
  .section-masthead.games .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.games .masthead-text .cap-o { left: -245px; width: 5.9rem; height: 5.9rem; }
  /*  SECTION GAMESLIST */
  .section-gameslist { padding: 0 0 6rem 0; }
  .section-gameslist .gamecard-large { padding: 3rem 0; margin: 0 0 5rem 0; }
  .section-gameslist .bg-gameslist-left { left: -1720px; }
  .section-gameslist .bg-gameslist-right { right: -1720px; }
  .section-gameslist .bg-gameslist { height: 7rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	PARTNERING (small) */
/*  SECTION MASTHEAD */
.section-masthead.partnering { position: relative; padding: 100px 0 0 0; }
.section-masthead.partnering .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.partnering .masthead-text { padding: 0 0 3rem 0; text-align: center; }
.section-masthead.partnering .masthead-text h1 { padding: 2rem 2rem 0 2rem; }
.section-masthead.partnering .masthead-text h1 .orange { color: #f6931e; }
.section-masthead.partnering .masthead-text .first-letter { position: relative; z-index: 2; color: white; }
.section-masthead.partnering .masthead-text .cap-w { display: block; position: absolute; top: 0; margin-left: 50%; left: -121px; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }

/*  SECTION SERVICES */
.section-services { position: relative; padding: 4rem 0; overflow: hidden; background-color: #ebf8ff; }
.section-services .service-leadin { text-align: center; padding: 0 0 1rem 0; }
.section-services .servicelist { position: relative; z-index: 10; }
.section-services .iconcard { border-top-left-radius: 0; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 0; background-color: white; box-shadow: 5px 10px 10px rgba(0, 105, 170, 0.1); }
.section-services .iconcard .iconcard-thumb img { border-top-right-radius: 36px; }
.section-services .iconcard .iconcard-content { padding: 0 2rem 2rem 2rem; margin: 0 0 1rem 0; }
.section-services .iconcard .iconcard-content h3 { color: #f6931e; }
.section-services .iconcard .iconcard-content p { margin: 0; }
.section-services .bg-services { position: absolute; z-index: 1; width: 100%; height: 8rem; bottom: 0; left: 0; background-color: #f6931e; }
.section-services .bg-services-left, .section-services .bg-services-right { display: none; }

/*  SECTION MODELS */
.section-models { position: relative; padding: 0 0 4rem 0; overflow: hidden; background-color: #f6931e; }
.section-models .models-leadin { text-align: center; }
.section-models .models-leadin h2, .section-models .models-leadin p { color: white; }

/*  SECTION PROJECTS */
.section-projects { position: relative; padding: 0 1rem 4rem 1rem; overflow: hidden; background-color: #ebf8ff; }
.section-projects .projects-leadin { position: relative; z-index: 10; padding: 0; text-align: center; }
.section-projects .projects-leadin h2 { color: white; margin: 0; }
.section-projects .slick-projects { position: relative; z-index: 10; }
.section-projects .slick-projects .slick-slide { padding: 20px 20px; }
.section-projects .slick-projects .gamecard { box-shadow: 5px 10px 10px rgba(0, 105, 170, 0.1); }
.section-projects .bg-projects { position: absolute; z-index: 1; width: 100%; height: 10rem; top: 0; left: 0; background-color: #f6931e; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	PARTNERING (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.partnering { padding: 130px 0 0 0; }
  .section-masthead.partnering .masthead-text { padding: 0 0 4rem 0; }
  /*  SECTION SERVICES */
  .section-services { padding: 4rem 0 3rem 0; }
  .section-services .iconcard .iconcard-content { margin: 0 0 2rem 0; }
  .section-services .bg-services-left { display: block; position: absolute; top: 4rem; left: -804px; z-index: 1; width: 920px; height: 100%; }
  .section-services .bg-services-left figure { height: 100%; background-position: top; background-size: contain; background-repeat: no-repeat; }
  .section-services .bg-services-right { display: block; position: absolute; top: 4rem; right: -804px; z-index: 1; width: 920px; height: 100%; }
  .section-services .bg-services-right figure { height: 100%; background-position: top; background-size: contain; background-repeat: no-repeat; }
  .section-services .bg-services { height: 10rem; }
  /*  SECTION MODELS */
  .section-models { padding: 0 0 4rem 0; }
  /*  SECTION PROJECTS */
  .section-projects .bg-projects { height: 8rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	PARTNERING (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.partnering { padding: 150px 0 0 0; }
  /*  SECTION SERVICES */
  .section-services { padding: 5rem 0 4rem 0; }
  .section-services .iconcard .iconcard-content { padding: 0 3rem 3rem 3rem; }
  .section-services .bg-services-left { top: 4rem; left: -857px; width: 980px; }
  .section-services .bg-services-right { top: 4rem; right: -857px; width: 980px; }
  .section-services .bg-services { height: 11rem; }
  /*  SECTION MODELS */
  .section-models { padding: 0 0 5rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	PARTNERING (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.partnering { padding: 180px 0 0 0; }
  .section-masthead.partnering .masthead-text { padding: 0 0 6rem 0; }
  .section-masthead.partnering .masthead-text .cap-w { left: -149px; width: 4.45rem; height: 4.45rem; }
  /*  SECTION SERVICES */
  .section-services { padding: 5rem 0; }
  .section-services .service-leadin { padding: 0 0 2rem 0; }
  .section-services .bg-services-left { top: 5rem; left: -1480px; margin-left: 50%; width: 1045px; }
  .section-services .bg-services-right { top: 5rem; right: -1480px; margin-right: 50%; width: 1045px; }
  /*  SECTION MODELS */
  .section-models { padding: 0 0 6rem 0; }
  /*  SECTION PROJECTS */
  .section-projects { padding: 0 10rem 4rem 10rem; }
  .section-projects .projects-leadin { padding: 0 0 2rem 0; }
  .section-projects .bg-projects { height: 12rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	PARTNERING (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.partnering { padding: 200px 0 0 0; }
  .section-masthead.partnering .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.partnering .masthead-text .cap-w { left: -202px; width: 5.9rem; height: 5.9rem; }
  /*  SECTION SERVICES */
  .section-services .bg-services-left { top: 6rem; left: -1534px; }
  .section-services .bg-services-right { top: 6rem; right: -1534px; }
  .section-services .bg-services { height: 12rem; }
  /*  SECTION PROJECTS */
  .section-projects { padding: 0 8rem 6rem 8rem; }
  .section-projects .slick-projects { max-width: 1300px; margin: 0 auto; }
  .section-projects .slick-projects .slick-slide { padding: 15px 15px; }
  .section-projects .bg-projects { height: 14rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	ABOUT (small) */
/*  SECTION MASTHEAD */
.section-masthead.about { position: relative; padding: 100px 0 0 0; }
.section-masthead.about .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.about .masthead-text { padding: 0 0 3rem 0; text-align: center; }
.section-masthead.about .masthead-text h1 { padding: 2rem 2rem 0 2rem; }
.section-masthead.about .masthead-text h1 .orange { color: #f6931e; }
.section-masthead.about .masthead-text h3 a { color: #f6931e; }
.section-masthead.about .masthead-text h3 a:hover, .section-masthead.about .masthead-text h3 a:focus, .section-masthead.about .masthead-text h3 a:active { color: #f6931e; }
.section-masthead.about .masthead-text .first-letter { position: relative; z-index: 2; color: white; }
.section-masthead.about .masthead-text .cap-p { display: block; position: absolute; top: 0; margin-left: 50%; left: -125px; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }

/*  SECTION ABOUT US */
.section-aboutus { position: relative; padding: 0 0 4rem 0; overflow: hidden; background-color: #ebf8ff; }
.section-aboutus .about-text, .section-aboutus .about-featured-game { position: relative; z-index: 10; }
.section-aboutus .about-text { margin: 0 0 3rem 0; }
.section-aboutus .team-leadin { position: relative; z-index: 10; text-align: center; margin-bottom: 3rem; }
.section-aboutus .teamlist { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; }
.section-aboutus .teamlist .teammember { text-align: center; width: 140px; margin: 0 10px; }
.section-aboutus .teamlist .teammember h4 { margin: 1rem 0 0 0; }
.section-aboutus .bg-aboutus-left, .section-aboutus .bg-aboutus-right { display: none; }
.section-aboutus .bg-aboutus { position: absolute; z-index: 1; width: 100%; height: 6rem; top: -1px; left: 0; background-color: white; }

/*  SECTION NEWS */
.section-news { position: relative; padding: 3rem 0; background-color: #f6931e; }
.section-news .news-leadin { position: relative; z-index: 10; text-align: center; }
.section-news .news-leadin h2 { color: #f6931e; }
.section-news .newslist { position: relative; z-index: 10; }
.section-news .newslist .gamecard { margin: 0 0 1.5rem 0; box-shadow: none; }
.section-news .newslist .buttonbar { padding: 0; text-align: right; }
.section-news .newslist .buttonbar h3 a { color: white; }
.section-news .newslist .buttonbar h3 a:hover, .section-news .newslist .buttonbar h3 a:focus, .section-news .newslist .buttonbar h3 a:active { color: white; }
.section-news .bg-news { position: absolute; z-index: 1; width: 100%; height: 14rem; top: 0; left: 0; background-color: #ebf8ff; }

/*  CTA CONTACT US */
.cta-contactus { padding: 3rem; text-align: center; background-color: #ebf8ff; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	ABOUT (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.about { padding: 130px 0 0 0; }
  .section-masthead.about .masthead-text { padding: 0 0 4rem 0; }
  /*  SECTION ABOUT US */
  .section-aboutus { padding: 0 0 1rem 0; }
  .section-aboutus .teamlist .teammember { width: 150px; margin: 0 10px; }
  .section-aboutus .bg-aboutus-left { display: block; position: absolute; top: 7rem; left: -856px; z-index: 1; width: 920px; height: 100%; }
  .section-aboutus .bg-aboutus-left figure { height: 100%; background-position: top; background-size: contain; background-repeat: no-repeat; }
  .section-aboutus .bg-aboutus-right { display: block; position: absolute; top: 7rem; right: -856px; z-index: 1; width: 920px; height: 100%; }
  .section-aboutus .bg-aboutus-right figure { height: 100%; background-position: top; background-size: contain; background-repeat: no-repeat; }
  /*  CTA CONTACT US */
  .cta-contactus { padding: 4rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	ABOUT (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.about { padding: 150px 0 0 0; }
  /*  SECTION ABOUT US */
  .section-aboutus .about-text { margin-top: 7rem; }
  .section-aboutus .teamlist .teammember { width: 160px; margin: 0 10px; }
  .section-aboutus .bg-aboutus-left { top: 5rem; left: -895px; width: 980px; }
  .section-aboutus .bg-aboutus-right { top: 5rem; right: -895px; width: 980px; }
  .section-aboutus .bg-aboutus { height: 4rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	ABOUT (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.about { padding: 180px 0 0 0; }
  .section-masthead.about .masthead-text { padding: 0 0 6rem 0; }
  .section-masthead.about .masthead-text .cap-p { left: -154px; width: 4.45rem; height: 4.45rem; }
  /*  SECTION ABOUT US */
  .section-aboutus { padding: 0 0 3rem 0; }
  .section-aboutus .about-text { margin-top: 8rem; }
  .section-aboutus .bg-aboutus-left { top: 5rem; left: -1605px; margin-left: 50%; width: 1045px; }
  .section-aboutus .bg-aboutus-right { top: 5rem; right: -1605px; margin-right: 50%; width: 1045px; }
  /*  SECTION NEWS */
  .section-news { padding: 3rem 0 5rem 0; }
  /*  CTA CONTACT US */
  .cta-contactus { padding: 5rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	ABOUT (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.about { padding: 200px 0 0 0; }
  .section-masthead.about .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.about .masthead-text .cap-p { left: -209px; width: 5.9rem; height: 5.9rem; }
  /*  SECTION ABOUT US */
  .section-aboutus { padding: 0 0 3rem 0; }
  .section-aboutus .about-text { margin-top: 9rem; }
  /*  SECTION NEWS */
  .section-news { padding: 6rem 0; }
  /*  CTA CONTACT US */
  .cta-contactus { padding: 6rem; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	NEWS (small) */
/*  SECTION MASTHEAD */
.section-masthead.newsindex { position: relative; padding: 100px 0 0 0; background-color: #ebf8ff; }
.section-masthead.newsindex .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.newsindex .masthead-text { padding: 0; text-align: left; }
.section-masthead.newsindex .masthead-text h1 { padding: 2rem 2rem 0 2rem; }
.section-masthead.newsindex .masthead-text h1 .orange { color: #f6931e; }
.section-masthead.newsindex .masthead-text .first-letter { position: relative; z-index: 2; color: #ebf8ff; }
.section-masthead.newsindex .masthead-text .cap-n { display: block; position: absolute; top: 0; margin-left: 50%; left: -169px; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }

/*  SECTION NEWS INDEX */
.section-newsindex { position: relative; padding: 0 0 3rem 0; overflow: hidden; background-color: #f6931e; }
.section-newsindex .newslist { position: relative; z-index: 10; }
.section-newsindex .newslist .gamecard { margin: 0 0 1.5rem 0; box-shadow: none; }
.section-newsindex .newslist .buttonbar { padding: 0; text-align: right; }
.section-newsindex .newslist .buttonbar h3 a { color: white; }
.section-newsindex .newslist .buttonbar h3 a:hover, .section-newsindex .newslist .buttonbar h3 a:focus, .section-newsindex .newslist .buttonbar h3 a:active { color: white; }
.section-newsindex .cta-subscribe { padding: 8rem 0 0 0; text-align: center; }
.section-newsindex .cta-subscribe h2, .section-newsindex .cta-subscribe h3 { color: white; }
.section-newsindex .cta-subscribe h2 { margin: 0; }
.section-newsindex .cta-subscribe p { color: white; }
.section-newsindex .cta-subscribe .join-discord img { margin: 0 0 1rem 0; }
.section-newsindex .bg-newsindex-left, .section-newsindex .bg-newsindex-right { display: none; }
.section-newsindex .bg-newsindex { position: absolute; z-index: 1; width: 100%; height: 7rem; top: 0; left: 0; background-color: #ebf8ff; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NEWS (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.newsindex { padding: 130px 0 0 0; }
  .section-masthead.newsindex .masthead-text { padding: 0 0 1rem 0; text-align: center; }
  .section-masthead.newsindex .masthead-text .cap-n { left: -92px; }
  /*  SECTION NEWS INDEX */
  .section-newsindex { padding: 0 0 3rem 0; }
  .section-newsindex .bg-newsindex-left { display: block; position: absolute; top: 8rem; left: -873px; z-index: 1; width: 920px; height: 100%; }
  .section-newsindex .bg-newsindex-left figure { height: 100%; background-size: contain; background-repeat: repeat-y; }
  .section-newsindex .bg-newsindex-right { display: block; position: absolute; top: 8rem; right: -873px; z-index: 1; width: 920px; height: 100%; }
  .section-newsindex .bg-newsindex-right figure { height: 100%; background-size: contain; background-repeat: repeat-y; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NEWS (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.newsindex { padding: 150px 0 0 0; }
  /*  SECTION NEW INDEX */
  .section-newsindex { padding: 0 0 4rem 0; }
  .section-newsindex .bg-newsindex-left { left: -929px; width: 980px; }
  .section-newsindex .bg-newsindex-right { right: -929px; width: 980px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NEWS (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.newsindex { padding: 180px 0 0 0; }
  .section-masthead.newsindex .masthead-text { padding: 0 0 3rem 0; }
  .section-masthead.newsindex .masthead-text .cap-n { left: -110px; width: 4.45rem; height: 4.45rem; }
  /*  SECTION NEWS INDEX */
  .section-newsindex { padding: 0 0 5rem 0; }
  .section-newsindex .bg-newsindex-left { left: -1644px; margin-left: 50%; width: 1045px; }
  .section-newsindex .bg-newsindex-right { right: -1644px; margin-right: 50%; width: 1045px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	NEWS (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.newsindex { padding: 200px 0 0 0; }
  .section-masthead.newsindex .masthead-text { padding: 0 0 1rem 0; }
  .section-masthead.newsindex .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.newsindex .masthead-text .cap-n { left: -148px; width: 5.9rem; height: 5.9rem; }
  /*  SECTION NEWS INDEX */
  .section-newsindex { padding: 0 0 6rem 0; }
  .section-newsindex .bg-newsindex-left { left: -1696px; }
  .section-newsindex .bg-newsindex-right { right: -1696px; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/* 	CONTACT (small) */
/*  SECTION MASTHEAD */
.section-masthead.contact { position: relative; padding: 100px 0 0 0; }
.section-masthead.contact .masthead-overlay-wrapper { position: relative; z-index: 10; }
.section-masthead.contact .masthead-text { padding: 0 0 3rem 0; text-align: center; }
.section-masthead.contact .masthead-text h1 { padding: 2rem 2rem 0 2rem; }
.section-masthead.contact .masthead-text h1 .orange { color: #f6931e; }
.section-masthead.contact .masthead-text h3 a { color: #f6931e; }
.section-masthead.contact .masthead-text h3 a:hover, .section-masthead.contact .masthead-text h3 a:focus, .section-masthead.contact .masthead-text h3 a:active { color: #f6931e; }
.section-masthead.contact .masthead-text .first-letter { position: relative; z-index: 2; color: white; }
.section-masthead.contact .masthead-text .cap-l { display: block; position: absolute; top: 0; margin-left: 50%; left: -144px; z-index: 1; width: 3.9rem; height: 3.9rem; background-color: #0069aa; }

.section-form { padding: 0 0 3rem 0; }
.section-form .contact-text { padding: 0 0 3rem 0; }

/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	CONTACT (medium) */
@media screen and (min-width: 640px) { /*  SECTION MASTHEAD */
  .section-masthead.contact { padding: 130px 0 0 0; }
  .section-masthead.contact .masthead-text { padding: 0 0 4rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	CONTACT (large) */
@media screen and (min-width: 1024px) { /*  SECTION MASTHEAD */
  .section-masthead.contact { padding: 150px 0 0 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	CONTACT (xlarge) */
@media screen and (min-width: 1200px) { /*  SECTION MASTHEAD */
  .section-masthead.contact { padding: 180px 0 0 0; }
  .section-masthead.contact .masthead-text { padding: 0 0 6rem 0; }
  .section-masthead.contact .masthead-text .cap-l { left: -178px; width: 4.45rem; height: 4.45rem; }
  .section-form { padding: 0 0 5rem 0; }
  .section-form .contact-text { padding: 0 0 5rem 0; }
  /*	*/ }
/*	------------------------------------------------------------------------------------ */
/*	------------------------------------------------------------------------------------ */
/*	CONTACT (xxlarge) */
@media screen and (min-width: 1440px) { /*  SECTION MASTHEAD */
  .section-masthead.contact { padding: 200px 0 0 0; }
  .section-masthead.contact .masthead-text h1 { padding: 2.5rem 2.5rem 0 2.5rem; }
  .section-masthead.contact .masthead-text .cap-l { left: -241px; width: 5.9rem; height: 5.9rem; }
  .section-form { padding: 0 0 6rem 0; }
  /*	*/ }