@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Black.woff") format("woff"), url("fonts/Cinzel-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Semi400.woff") format("woff"), url("fonts/Cinzel-Semi400.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Extra400.woff") format("woff"), url("fonts/Cinzel-Extra400.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-400.woff") format("woff"), url("fonts/Cinzel-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Regular.woff") format("woff"), url("fonts/Cinzel-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Medium.woff") format("woff"), url("fonts/Cinzel-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chaos Subhead";
  src: url("fonts/Chaos-Subhead.woff2") format("woff2"), url("fonts/Chaos-Subhead.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chaos Display";
  src: url("fonts/Chaos-Display.woff2") format("woff2"), url("fonts/Chaos-Display.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Knockout";
  src: url("fonts/Knockout-HTF31-JuniorMiddlewt.woff2") format("woff2"), url("fonts/Knockout-HTF31-JuniorMiddlewt.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Knockout";
  src: url("fonts/Knockout-HTF51-Middleweight.woff2") format("woff2"), url("fonts/Knockout-HTF51-Middleweight.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fonts/Oswald-Regular.woff2") format("woff2"), url("fonts/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fonts/Oswald-Medium.woff2") format("woff2"), url("fonts/Oswald-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
#minisite-content {
  text-align: center;
  -webkit-font-smoothing: antialiased;
  /*
  	#screenshots_full {
  		figure {
  			a + img {
  				border: 1px solid $black;
  				box-sizing: border-box;
  				box-shadow: $black-box-shadow;
  			}

  			figcaption {
  				p {
  					padding: .3em 1em .4em;
  					margin: 0;
  					box-sizing: border-box;
  					    position: absolute;
      bottom: -3em;
  				}
  			}
  		}
  	}
  */
}
#minisite-content::before {
  content: " ";
  position: fixed;
  z-index: -1;
  display: block !important;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("/minisite/warhammer3tw/images/background.jpg");
  background-repeat: no-repeat;
  background-size: 2550px 1175px;
  background-position: center top;
  min-height: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content::before {
    background-image: url("/minisite/warhammer3tw/images/background@2x.jpg");
  }
}
@media only screen and (min-height: 1175px) {
  #minisite-content::before {
    background-size: cover;
  }
}
@media only screen and (min-width: 2550px) {
  #minisite-content::before {
    background-size: cover;
  }
}
#minisite-content .lowercasemac {
  text-transform: lowercase;
}
#minisite-content .buy-button {
  color: #000000;
  display: inline-block;
  padding: 0.7em 1.2em;
  font-family: "Chaos Subhead", "Cinzel", serif;
  background-color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.8em;
  margin: 1em;
  letter-spacing: 0.12em;
  text-decoration: none;
  border: 1px solid #000000;
  transition: 0.2s all ease-in-out;
}
#minisite-content .buy-button:hover {
  color: #ffffff;
  transform: scale(1.02);
  border: 1px solid #ffffff;
  background-color: #000000;
}
#minisite-content #minisite-header {
  max-width: 100%;
  width: 1040px;
  margin: 80px auto 0;
  /*
  		#warhammer2tw_logo_wrapper {
  			float: none; 
  			width: 58%;
  			margin: 0 auto -2.5em;
  			#warhammer2tw_logo {
  				width: 100%;
  				margin: 20px auto 0;

  			}
  		}
  */
}
#minisite-content #minisite-header h1 {
  max-width: 100%;
}
#minisite-content #minisite-header h1 img {
  max-width: 100%;
  width: 456px;
}
@media screen and (min-width: 950px) {
  #minisite-content #minisite-header h1 {
    float: left;
    width: 48%;
    margin: 0 0 1em 2%;
  }
  #minisite-content #minisite-header h1 img {
    width: 100%;
    max-width: 456px;
    margin: 20px auto 0;
  }
}
#minisite-content #minisite-header nav {
  list-style: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  box-sizing: border-box;
  z-index: 4;
}
@media screen and (min-width: 950px) {
  #minisite-content #minisite-header nav {
    width: 48%;
    float: right;
  }
}
.l_it #minisite-content #minisite-header nav, .l_es #minisite-content #minisite-header nav, .l_ru #minisite-content #minisite-header nav {
  width: 58%;
  margin-right: -10%;
}
#minisite-content #minisite-header nav ul {
  margin: 0;
  padding: 0;
  /*				??
  				&.menu_top.menu_list {
  // 					width: 80%;
  					margin-top: 3.7em;

  					.it & {
  						width: 90%;
  					}
  					.ru & {
  						width: 90%;
  					}
  				}
  */
}
@media screen and (min-width: 950px) {
  #minisite-content #minisite-header nav ul {
    text-align: left;
    padding-top: 3.7em;
  }
}
@media screen and (min-width: 1029px) {
  #minisite-content #minisite-header nav ul {
    padding-top: 4.45em;
  }
}
#minisite-content #minisite-header nav ul li {
  display: inline-block;
  margin: 0 0 4px 4px;
  padding: 0;
  list-style: none;
}
#minisite-content #minisite-header nav ul li a {
  font-family: "Chaos Subhead", "Cinzel", serif;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.6em;
  padding: 0em 0.6em;
  transition: background 0.2s linear, color 0.2s linear, opacity 0.2s linear;
  opacity: 0.8;
  display: inline-block;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid #151e00;
}
@media screen and (min-width: 950px) {
  #minisite-content #minisite-header nav ul li a {
    font-size: 0.9em;
    padding: 0.25em 1em 0.3em;
  }
}
#minisite-content #minisite-header nav ul li a:hover {
  color: #ffffff;
  border-color: #151e00;
  background: #000000;
  opacity: 1;
}
.l_ru #minisite-content #minisite-header nav ul li a, .l_fr #minisite-content #minisite-header nav ul li a, .l_it #minisite-content #minisite-header nav ul li a, .l_es #minisite-content #minisite-header nav ul li a {
  font-size: 0.65em;
}
.l_de #minisite-content #minisite-header nav ul li a, .l_pt_br #minisite-content #minisite-header nav ul li a {
  font-size: 0.7em;
}
#minisite-content #minisite-header nav ul li.active a {
  color: #ffffff;
  border-color: #151e00;
  background: #000000;
  pointer-events: none;
  opacity: 1;
}
#minisite-content #minisite-header nav ul li:last-child {
  border-right: none;
}
#minisite-content p, #minisite-content ul, #minisite-content ol {
  font-family: "Knockout", "Oswald", sans-serif;
  font-size: 1.4em;
  line-height: 1.4em;
  padding: 0 40px;
  margin: 1em 0;
}
.es #minisite-content p, .pt_br #minisite-content p, .es #minisite-content ul, .pt_br #minisite-content ul, .es #minisite-content ol, .pt_br #minisite-content ol {
  font-family: "Oswald", sans-serif;
}
#minisite-content #minisite-view {
  clear: both;
}
#minisite-content #minisite-view h2 {
  clear: both;
  text-indent: -9999em;
  max-width: 100%;
}
#minisite-content #minisite-view h2.release-info {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 1.9em;
  text-transform: uppercase;
  text-align: center;
  text-indent: 0 !important;
  width: 850px;
  margin: 10px auto 20px;
  padding: 0 0 40px;
  letter-spacing: 0.12em;
  color: #ffffff;
  text-shadow: none, none;
}
#minisite-content #minisite-view h2.release-info span.lowercasemac {
  text-transform: uppercase;
  font-size: 0.75em;
}
#minisite-content #minisite-view h2.release-info strong {
  font-weight: inherit;
  display: block;
  text-transform: none;
  font-size: 1.3em;
}
#minisite-content #minisite-view .text-box {
  background-color: rgba(0, 0, 0, 0.75);
  width: 600px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 20px auto;
  text-align: center;
  padding-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  border: 1px solid #151e00;
  color: #f0fcff;
}
#minisite-content #minisite-view .text-box h2, #minisite-content #minisite-view .text-box h3, #minisite-content #minisite-view .text-box h4 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.12em;
  text-shadow: none;
  color: #11d495;
  color: #1c8ccc;
  margin: 0 -80px;
  background-image: url("/minisite/warhammer3tw/images/headerbar.png");
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 30px 80px;
  /*

  			.fr & {
  				font-size: 1.4em;
  				letter-spacing: .05em;
  			}
  */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content #minisite-view .text-box h2, #minisite-content #minisite-view .text-box h3, #minisite-content #minisite-view .text-box h4 {
    background-image: url("/minisite/warhammer3tw/images/headerbar@2x.png");
  }
}
#minisite-content #minisite-view .text-box h2 + p, #minisite-content #minisite-view .text-box h3 + p, #minisite-content #minisite-view .text-box h4 + p {
  margin-top: 0.3em;
}
#minisite-content #minisite-view .text-box p {
  text-shadow: none;
}
.l_it #minisite-content #minisite-view .text-box p:last-of-type {
  padding: 0 50px;
}
.l_zh_cn #minisite-content #minisite-view .text-box p:first-of-type {
  padding: 0 29px;
}
#minisite-content #minisite-view .trailer {
  width: calc(100% + 0px);
  max-width: 100vw;
  box-sizing: border-box;
  margin: 0 0 5px;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  transition: margin 0.2s linear, width 0.2s linear;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #151e00;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  height: 0;
}
@media screen and (min-width: 750px) {
  #minisite-content #minisite-view .trailer {
    width: calc(100% + 142px);
    margin: -20px -71px 5px;
    padding-bottom: calc(56.25% + 80px);
  }
}
#minisite-content #minisite-view .trailer iframe,
#minisite-content #minisite-view .trailer object,
#minisite-content #minisite-view .trailer embed {
  position: absolute;
  top: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
}
#minisite-content #minisite-view #minisite-news {
  margin: 20px auto;
  background-color: #ffffff;
  padding: 10px 3% 30px;
  width: 100%;
  max-width: 850px;
  box-sizing: border-box;
  border: 5px solid #000000;
  border-left: none;
  border-right: none;
  border-radius: 0;
  font-size: 16px;
  padding-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  border: 1px solid #151e00;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
#minisite-content #minisite-view #minisite-news h3 {
  background: transparent;
  color: #1c8ccc;
  color: #ffffff;
  text-shadow: none;
  text-shadow: none, none;
  float: none;
  font-family: "Chaos Subhead", "Cinzel", serif;
  width: 100%;
  padding-bottom: 0.2em;
  font-size: 2.1em;
  margin-top: 1em;
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
}
#minisite-content #minisite-view #minisite-news ul {
  padding: 0;
}
#minisite-content #minisite-view #minisite-news li {
  padding-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  border: 1px solid #151e00;
  margin: 2em 2%;
  width: 95%;
  transition: background 0.2s linear;
  display: inline-block;
}
@media screen and (min-width: 950px) {
  #minisite-content #minisite-view #minisite-news li {
    width: 45%;
  }
  #minisite-content #minisite-view #minisite-news li:nth-of-type(odd):first-of-type:last-of-type {
    width: 61%;
  }
  #minisite-content #minisite-view #minisite-news li:nth-of-type(odd):last-of-type {
    width: 95%;
  }
}
#minisite-content #minisite-view #minisite-news li article {
  position: relative;
}
#minisite-content #minisite-view #minisite-news li article time {
  font-family: "Knockout", "Oswald", sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  float: none;
  position: relative;
  margin: 0 auto 0;
  font-size: 0.5em;
  background: #000000;
  color: white;
  top: -1.2em;
  padding: 0.2em 0.8em 0;
}
.es #minisite-content #minisite-view #minisite-news li article time, .pt_br #minisite-content #minisite-view #minisite-news li article time {
  font-family: "Oswald", sans-serif;
}
#minisite-content #minisite-view #minisite-news li article h4 {
  font-size: 1.2em;
  color: #000000;
  margin: 0.2em auto;
  padding: 0 5%;
  font-weight: normal;
  font-family: "Chaos Subhead", "Cinzel", serif;
  color: #ffffff;
}
#minisite-content #minisite-view #minisite-news li article p {
  font-size: 1.2rem;
  line-height: 1.3em;
  color: #f0fcff;
  padding: 0 5%;
}
#minisite-content #minisite-view #minisite-news li article p:last-of-type {
  margin-bottom: 0.5em;
}
#minisite-content #minisite-view #minisite-news li article .stretched-link {
  background: #ffffff;
  padding: 0.5em 1em;
  display: inline-block;
  margin: 0.5em auto 0em;
  font-family: "Chaos Subhead", "Cinzel", serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.7em;
  color: #000000;
  border: 1px solid #000000;
  transition: border 0.2s linear;
}
#minisite-content #minisite-view #minisite-news li article .stretched-link:hover {
  border: 1px solid #ffffff;
  color: white;
  background-color: black;
  text-decoration: none;
}
#minisite-content #minisite-view #minisite-news li#article-875 h4 {
  width: 412px;
}
#minisite-content #minisite-view #minisite-news li#article-875 h4 em {
  white-space: nowrap;
}
.fr #minisite-content #minisite-view #minisite-news li#article-875 h4 {
  width: 371px;
}
.ru #minisite-content #minisite-view #minisite-news li#article-875 h4, .zh_cn #minisite-content #minisite-view #minisite-news li#article-875 h4 {
  width: 434px;
}
#minisite-content #minisite-view #minisite-news li#article-875 p:last-of-type {
  width: 412px;
  margin-left: auto;
  margin-right: auto;
}
#minisite-content #minisite-view #minisite-news li#article-908 {
  top: 14px;
  position: relative;
  padding-bottom: 26px;
}
#minisite-content #minisite-view #minisite-news li#article-908 .stretched-link {
  display: none;
}

/*
footer {
	clear: both;
	padding-top: 10em;
	#legal-text p {
		font-size: .7em;
		line-height: 1.2em;
		color: $white;
		text-shadow: $black-text-shadow;

	}
}
*/
footer #minisite-legal p {
  font-size: 0.7rem;
  text-shadow: none;
  padding: 0;
}
#screenshotsModal .modal-dialog .modal-content p {
  font-weight: 500;
  font-family: "Chaos Subhead", "Cinzel", serif;
  letter-spacing: 0.12em;
  font-size: 1.65em;
  -webkit-font-smoothing: antialiased;
}
#screenshotsModal .modal-dialog .modal-content p span {
  display: block;
  margin-top: 0.5em;
  font-weight: normal;
  font-size: 0.95em;
  font-family: "Knockout", "Oswald", sans-serif;
  letter-spacing: normal;
}
.es #screenshotsModal .modal-dialog .modal-content p span, .pt_br #screenshotsModal .modal-dialog .modal-content p span {
  font-family: "Oswald", sans-serif;
}
#screenshotsModal .modal-dialog .modal-content p:empty {
  display: none;
}

[lang=es] .home .text-box p {
  padding: 0 50px;
}
[lang=pt_br] .home .text-box p {
  padding: 0 60px;
}

#minisite-content.features #minisite-view {
  max-width: 950px;
  margin: 0 auto;
}
#minisite-content.features #minisite-view > h3 {
  text-indent: -9999em;
}
#minisite-content.features #minisite-view nav {
  padding: 0;
}
#minisite-content.features #minisite-view nav a {
  list-style: none;
  display: block;
  margin: 0 0 0px;
  vertical-align: middle;
  width: 100%;
  clear: both;
  position: relative;
  min-height: 280px;
  text-decoration: none;
  font-size: 1.4em;
  pointer-events: none;
  /*
  				[lang=pt_br] & {
  					margin-bottom: 60px;
  				}*/
  /*
  				[lang=ru] & {
  					min-height: 340px;
  				}

  				[lang=es] & {
  					min-height: 340px;
  				}

  				[lang=it] & {
  					min-height: 370px;
  				}

  				[lang=fr] & {
  					min-height: 340px;
  				}

  				[lang=de] & {
  					min-height: 370px;
  				}


  				&:nth-child(5) {
  					min-height: 400px;
  				}

  */
  /*
  				&:nth-child(2) {
  					min-height: 465px;

  					[lang=fr] & {
  						min-height: 615px;
  					}
  					[lang=de] & {
  						margin-bottom: 47px;
  					}
  					p {
  						[lang=es] & {
  							margin: .5em 10px 1em;
  						}
  					}
  				}
  				&:nth-child(3) {

  					[lang=fr] & {
  						min-height: 415px;
  					}
  					[lang=pt_br] & {
  						margin-bottom: 60px;
  					}
  					[lang=ru] & {
  						margin-bottom: 100px;
  					}
  					[lang=es] & {
  						margin-bottom: 62px;
  					}
  					[lang=de] & {
  						margin-bottom: 74px;
  					}
  				}
  				&:nth-child(4) {

  					[lang=fr] & {
  						min-height: 435px;
  					}
  					[lang=de] & {
  						margin-bottom: 34px;
  					}
  				}
  */
}
[lang=ru] #minisite-content.features #minisite-view nav a {
  margin-bottom: 50px;
}
[lang=de] #minisite-content.features #minisite-view nav a {
  min-height: 370px;
}
[lang=fr] #minisite-content.features #minisite-view nav a {
  min-height: 310px;
}
[lang=de] #minisite-content.features #minisite-view nav a:nth-child(1) {
  min-height: 280px;
}
[lang=de] #minisite-content.features #minisite-view nav a:nth-child(2) .text-box {
  padding: 20px 20px 15px;
}
[lang=de] #minisite-content.features #minisite-view nav a:nth-child(3) {
  margin-bottom: 30px;
}
[lang=fr] #minisite-content.features #minisite-view nav a:nth-child(3) {
  margin-bottom: 30px;
}
[lang=it] #minisite-content.features #minisite-view nav a:nth-child(4) {
  margin-bottom: 20px;
}
[lang=es] #minisite-content.features #minisite-view nav a:nth-child(4) {
  min-height: 340px;
  margin-bottom: 10px;
}
#minisite-content.features #minisite-view nav a:nth-child(3) {
  min-height: 315px;
}
#minisite-content.features #minisite-view nav a:nth-child(4) {
  min-height: 315px;
}
[lang=en] #minisite-content.features #minisite-view nav a:nth-child(4) div.text-box p {
  padding: 0 45px;
}
#minisite-content.features #minisite-view nav a div.text-box {
  margin: 2em auto 1em;
  vertical-align: middle;
  text-align: center;
  padding: 20px 0 15px;
  pointer-events: none;
}
@media screen and (min-width: 950px) {
  #minisite-content.features #minisite-view nav a div.text-box {
    margin: 0;
    width: 500px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-51.5%);
  }
}
#minisite-content.features #minisite-view nav a div.text-box h3 {
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
  background: none;
  margin: 0;
  padding: 10px 35px 13px;
  z-index: 2;
  position: relative;
  color: white;
}
#minisite-content.features #minisite-view nav a div.text-box p {
  padding: 0 35px;
  margin: 0.5em 0 1em;
  font-size: 0.95em;
}
#minisite-content.features #minisite-view nav a img {
  max-width: 100%;
  position: relative;
  top: -5px;
  margin: 1em auto;
  transform: none;
  pointer-events: auto;
  text-decoration: none;
  padding: 8px;
  margin: 0px 0;
  width: 420px;
  max-width: 100%;
  transition: none;
  transition: background 0.2s linear, transform 0.2s linear;
  background: rgba(0, 0, 0, 0.75);
  outline: 1px solid #000000;
}
@media screen and (min-width: 950px) {
  #minisite-content.features #minisite-view nav a img {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 0.2em)) scale(0.98);
    right: 0;
    margin: 0;
  }
}
#minisite-content.features #minisite-view nav a:hover img {
  background: #1c8ccc;
  outline: 1px solid #000000;
}
@media screen and (min-width: 950px) {
  #minisite-content.features #minisite-view nav a:hover img {
    transform: translateY(calc(-50% - 0.2em)) scale(1);
  }
}
#minisite-content.features #minisite-view nav a:nth-of-type(odd) div.text-box {
  left: auto;
  right: 0;
}
#minisite-content.features #minisite-view nav a:nth-of-type(odd) img {
  right: auto;
  left: 0;
}

#minisite-content.realm-of-chaos #minisite-view {
  max-width: 950px;
  margin: 0 auto;
  clear: both;
}
#minisite-content.realm-of-chaos #minisite-view > h3 {
  text-indent: -9999em;
  margin: 0;
  font-size: 10px;
}
@media screen and (min-width: 950px) {
  #minisite-content.realm-of-chaos #minisite-view > h3 {
    margin-bottom: -30px;
  }
}
#minisite-content.realm-of-chaos #minisite-view .text-box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: 95%;
  width: 95%;
  padding-bottom: 0;
  /*			&:first-of-type {
  				p:first-child {
  					[lang=de] & {
  						padding: 0 50px;
  					}
  				}
  			}
  */
  /*
  			&:nth-of-type(2) {
  				width: 100%;
  				padding: 0 0 0%;
  				position: relative;

  				@media screen and (max-width: 949px) {
  					overflow: hidden;
  				}

  				[lang=zh_cn] & {
  					font-size: 1.05em;
  				}
  */
  /*
  				p {
  					background: $black;
  					box-sizing: border-box;
  					padding: 1em;
  					margin: 0 2% 1em;
  					width: 46.5%;

  					&:nth-of-type(even) {
  						float: right;
  						margin-left: 1%;
  					}
  					&:nth-of-type(odd) {
  						float: left;
  						margin-right: 1%;
  					}

  					&:last-of-type {
  						margin: 0 auto;
  						clear: both;
  						float: none;
  						width: 58%;
  					}
  				}
  */
}
#minisite-content.realm-of-chaos #minisite-view .text-box p {
  display: flex;
  flex: 100%;
  width: 100%;
  flex-wrap: wrap;
  background-color: transparent;
  color: #ffffff;
  text-shadow: none, none, none;
  box-sizing: border-box;
  padding: 0.5em 1em 1em;
  margin: 0;
  line-height: 1.2em;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=1 );
}
#minisite-content.realm-of-chaos #minisite-view .text-box p:first-of-type {
  padding: 1.2em 1em 0.8em;
}
@media screen and (min-width: 750px) {
  #minisite-content.realm-of-chaos #minisite-view .text-box p {
    flex: 50%;
    padding: 1.5em 2em 1em 1em;
    align-self: flex-start;
    justify-content: center;
  }
  #minisite-content.realm-of-chaos #minisite-view .text-box p:first-of-type {
    padding: 1.5em 1em 1em 2em;
  }
}
#minisite-content.realm-of-chaos #minisite-view .text-box p strong {
  font-family: "Chaos Subhead", "Cinzel", serif;
  padding-right: 2px;
  display: block;
  padding-bottom: 0.9em;
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  min-width: 100%;
  font-family: "Chaos Subhead", "Cinzel", serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.12em;
  font-weight: normal;
  color: #11d495;
  color: #ffffff;
}
#minisite-content.realm-of-chaos #minisite-view .text-box img {
  /*
  						position: absolute;
  						left: -10px;
  // 						transform: translateX(50%);
  						z-index: 0;
  						top: 0;
  						bottom: 5px;
  						min-width: 100%;
  						min-height: calc(100% - 20px);
  */
  width: calc(100% - 14px);
  margin: 7px;
  /*

  						height: auto;
  						opacity: .5;
  */
  /*
  					@media screen and (min-width: 950px) {
  						width: 930px;
  						margin: 10px 10px 10px 10px;
  					}
  */
}

#minisite-content.races #minisite-view {
  min-height: 70vh;
}
#minisite-content.races #minisite-view > h3 {
  text-indent: -9999em;
  margin: 0;
  font-size: 10px;
}
@media screen and (min-width: 950px) {
  #minisite-content.races #minisite-view > h3 {
    margin-bottom: -30px;
  }
}
#minisite-content.races #minisite-view h2 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 2.1em;
  text-transform: uppercase;
  text-align: center;
  width: 950px;
  margin: 15px auto 0;
  padding: 15px 0 20px;
  letter-spacing: 0.12em;
  color: #ffffff;
  text-shadow: none;
  position: relative;
  z-index: 8;
}
#minisite-content.races #minisite-view nav {
  position: relative;
  z-index: 1;
  margin-top: -5px;
  padding: 0;
  border: none;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  z-index: 2;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  width: 95%;
  max-width: 860px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  /*
  			@media screen and (max-width: 949px) {
  				height: auto;
  				padding: 0 0 10px;
  			}
  */
}
#minisite-content.races #minisite-view nav a {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  line-height: 1em;
  flex-grow: 1;
  margin: 3px;
  box-sizing: border-box;
  text-decoration: none;
  color: #11d495;
  background-repeat: no-repeat;
  background-position: center top;
  border-bottom: 3px solid #ffffff;
  box-shadow: none;
  font-family: "Knockout", "Oswald", sans-serif;
  width: 24%;
  background-size: auto 70%;
  padding-top: 30%;
  padding-bottom: 10px;
  background-position: center 10px;
  left: auto !important;
  right: auto !important;
  position: relative;
  font-size: 0.8em;
  line-height: 1em;
  width: 110px;
  height: 155px;
  padding-top: 124px;
}
.es #minisite-content.races #minisite-view nav a, .pt_br #minisite-content.races #minisite-view nav a {
  font-family: "Oswald", sans-serif;
}
#minisite-content.races #minisite-view nav a.grand-cathay {
  background-image: url("/minisite/warhammer3tw/images/races/grand-cathay.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.grand-cathay {
    background-image: url("/minisite/warhammer3tw/images/races/grand-cathay@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.kislev {
  background-image: url("/minisite/warhammer3tw/images/races/kislev.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.kislev {
    background-image: url("/minisite/warhammer3tw/images/races/kislev@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.khorne {
  background-image: url("/minisite/warhammer3tw/images/races/khorne.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.khorne {
    background-image: url("/minisite/warhammer3tw/images/races/khorne@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.nurgle {
  background-image: url("/minisite/warhammer3tw/images/races/nurgle.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.nurgle {
    background-image: url("/minisite/warhammer3tw/images/races/nurgle@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.slaanesh {
  background-image: url("/minisite/warhammer3tw/images/races/slaanesh.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.slaanesh {
    background-image: url("/minisite/warhammer3tw/images/races/slaanesh@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.tzeentch {
  background-image: url("/minisite/warhammer3tw/images/races/tzeentch.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.tzeentch {
    background-image: url("/minisite/warhammer3tw/images/races/tzeentch@2x.png");
  }
}
#minisite-content.races #minisite-view nav a.daemons-of-chaos {
  background-image: url("/minisite/warhammer3tw/images/races/daemons-of-chaos.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.races #minisite-view nav a.daemons-of-chaos {
    background-image: url("/minisite/warhammer3tw/images/races/daemons-of-chaos@2x.png");
  }
}
#minisite-content.races #minisite-view nav a:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.46);
}
#minisite-content.races #minisite-view nav a.active {
  color: white;
  border-bottom: 3px solid #1c8ccc;
}
#minisite-content.races #minisite-view ul {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
#minisite-content.races #minisite-view ul li {
  margin-top: 30px;
  background: none;
  border: none;
  display: block;
  box-shadow: none;
  opacity: 0;
  transition: 0.4s opacity linear, 0.4s height linear;
  transition-delay: 0.1s;
  position: relative;
  z-index: 0;
  max-width: 100%;
  margin: 0 auto;
  font-size: 0.7em;
  height: 0;
  overflow: visible;
  overflow-y: hidden;
  text-align: center;
  pointer-events: none;
  /*
  				&::before {
  					content: " ";
  					position: fixed;
  					z-index: -2;
  					top: 0;
  					bottom: 0;
  					left: 0;
  					right: 0;
  					width: 100%;
  					height: 100%;
  					background-position: center top;
  					background-repeat: no-repeat;
  					background-size: cover;
  				}
  */
}
#minisite-content.races #minisite-view ul li.active {
  opacity: 1;
  z-index: 1;
  height: auto;
  pointer-events: auto;
}
#minisite-content.races #minisite-view ul li .text-box {
  width: 640px;
  max-width: 100%;
}
#minisite-content.races #minisite-view ul li .text-box h4 {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1em 0 0em;
  max-width: 100%;
  color: #ffffff;
}
#minisite-content.races #minisite-view ul li .text-box:last-child {
  margin: 0 auto 5px;
  position: relative;
  z-index: 2;
  padding: 10px 10px 10px 10px;
  max-width: 750px;
  width: 100%;
}
#minisite-content.races #minisite-view ul li .text-box:last-child img {
  width: 100%;
}
#minisite-content.races #minisite-view ul li p {
  padding: 0.7em 1em 0;
  position: relative;
  z-index: 1;
  max-width: 100%;
  font-size: 1.35714em;
}

#minisite-content.dlc #minisite-view::after {
  content: " ";
  display: block;
  clear: both;
}
#minisite-content.dlc #minisite-view > h3 {
  text-indent: -9999em;
  margin: 0;
  font-size: 10px;
}
@media screen and (min-width: 950px) {
  #minisite-content.dlc #minisite-view > h3 {
    margin-bottom: -30px;
  }
}
#minisite-content.dlc #minisite-view .text-box {
  margin-top: 30px;
  padding-bottom: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#minisite-content.dlc #minisite-view .text-box section.dlc {
  width: 93%;
  box-sizing: border-box;
  margin: 15px auto;
  padding-bottom: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  text-align: center;
  border: 1px solid #151e00;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  border: 1px solid #151e00;
}
@media screen and (min-width: 1110px) {
  #minisite-content.dlc #minisite-view .text-box section.dlc:nth-of-type(odd) {
    float: left;
    margin-left: -45%;
    clear: left;
  }
  #minisite-content.dlc #minisite-view .text-box section.dlc:nth-of-type(even) {
    float: right;
    margin-right: -45%;
    clear: right;
  }
}
#minisite-content.dlc #minisite-view .text-box section.dlc:nth-of-type(odd):last-child {
  clear: both;
  float: none;
  margin: 15px auto;
}
#minisite-content.dlc #minisite-view .text-box section.dlc#warhammer3twdlclordsoftheendtimes p:last-of-type {
  padding: 0 20px;
}
#minisite-content.dlc #minisite-view .text-box h4 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.12em;
  color: #ffffff;
  border-right: none;
  border-left: none;
  text-shadow: none;
  padding: 0;
  margin: 1em 0 0.5em;
}
#minisite-content.dlc #minisite-view .text-box ul {
  margin: 0;
  padding: 0 40px;
}
#minisite-content.dlc #minisite-view .text-box ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#minisite-content.dlc #minisite-view .text-box ul li p {
  margin: 0;
  padding: 0.2em 20px 0.4em;
  font-size: 0.95em;
  line-height: 1.1em;
}
#minisite-content.dlc #minisite-view .text-box ul li:first-of-type::before, #minisite-content.dlc #minisite-view .text-box ul li::after {
  content: " ";
  display: block;
  height: 3px;
  margin: 0em 20px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+49,752201+51,bf6e4e+100&0+0,1+30,1+70,0+100 */
  background: -moz-linear-gradient(left, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f0b7a1", endColorstr="#00bf6e4e",GradientType=1 );
  /* IE6-9 */
}
[lang=en] #minisite-content.dlc #minisite-view .text-box ul li:first-of-type {
  padding: 0 50px;
}
#minisite-content.dlc #minisite-view .text-box .trailer {
  width: calc(98% + 0px);
  max-width: 100vw;
  box-sizing: border-box;
  margin: 0 0 5px;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  transition: margin 0.2s linear, width 0.2s linear;
  background-color: rgba(0, 0, 0, 0.75);
  border: 1px solid #151e00;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  height: 0;
}
@media screen and (min-width: 750px) {
  #minisite-content.dlc #minisite-view .text-box .trailer {
    width: calc(98% + 0px);
    margin: 0 auto 5px;
    padding-bottom: 56.25%;
    /* 16:9 */
  }
}
#minisite-content.dlc #minisite-view .text-box .trailer iframe,
#minisite-content.dlc #minisite-view .text-box .trailer object,
#minisite-content.dlc #minisite-view .text-box .trailer embed {
  position: absolute;
  top: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
}
#minisite-content.dlc #minisite-view .text-box .dlcpic {
  width: 100%;
  height: 184px;
}

#minisite-content.visuals #minisite-view h3 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 2.1em;
  text-transform: uppercase;
  text-align: center;
  text-indent: none;
  margin: 0.6em auto;
  padding: 20px 0;
  letter-spacing: 0.12em;
  color: #ffffff;
  text-shadow: none, none;
}
#minisite-content.visuals #minisite-view > h3 {
  text-indent: -9999em;
  margin: 0 0 -3em;
  padding: 0;
  font-size: 10px;
}
@media screen and (min-width: 950px) {
  #minisite-content.visuals #minisite-view > h3 {
    margin-bottom: -30px;
  }
}
#minisite-content.visuals #minisite-view .minisite-screenshots {
  position: relative;
  width: auto;
  top: 0;
  left: 0px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
#minisite-content.visuals #minisite-view .minisite-screenshots a {
  text-decoration: none;
  display: inline-block;
  margin: 0.2em 0.15em;
}
#minisite-content.visuals #minisite-view .minisite-screenshots a img {
  padding: 8px;
  margin: 0px 0;
  width: 420px;
  max-width: 45vw;
  transition: none;
  transform: scale(0.98);
  transition: background 0.2s linear, transform 0.2s linear;
  outline: 1px solid #000000;
  background: rgba(0, 0, 0, 0.75);
}
#minisite-content.visuals #minisite-view .minisite-screenshots a img:hover {
  transform: scale(1);
  background: #1c8ccc;
}
#minisite-content.visuals #minisite-view .minisite-screenshots a p {
  margin: -0.2em 7% 0.5em;
  display: none;
}
#minisite-content.visuals #minisite-view .minisite-screenshots a:hover img {
  transform: scale(1);
  outline: 1px solid #000000;
}
#minisite-content.visuals #minisite-view #minisite-trailers {
  position: relative;
  width: auto;
  top: 0;
  left: 0px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
#minisite-content.visuals #minisite-view #minisite-trailers ul {
  padding: 0;
}
#minisite-content.visuals #minisite-view #minisite-trailers li {
  margin: 0.5em 0;
  max-width: 100%;
  width: 870px;
  height: auto;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  padding: 0 10px 10px;
  /*
  			&.notreleased {
  				display: none;
  			}
  */
  /*

  			&:nth-of-type(odd) {
  				margin-left: -5em;
  			}
  			&:nth-of-type(even) {
  				margin-right: -5em;
  			}
  			&:nth-of-type(1), &:nth-of-type(2) {
  				margin-top: -3em;
  			}
  			&:nth-last-of-type(1), &:nth-last-of-type(2){

  					margin-bottom: -2.5em;

  			}

  			&:nth-of-type(odd):last-child {
  				margin: .5em auto -2.5em;
  			}
  */
}
#minisite-content.visuals #minisite-view #minisite-trailers li h5 {
  margin: 0.6em auto 0.5em;
  color: #ffffff;
  font-weight: normal;
  font-family: "Knockout", "Oswald", sans-serif;
  font-size: 1em;
}
#minisite-content.visuals #minisite-view #minisite-trailers li div {
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
}
@media screen and (min-width: 860px) {
  #minisite-content.visuals #minisite-view #minisite-trailers li div {
    width: 850px;
    padding-bottom: 478px;
  }
}
#minisite-content.visuals #minisite-view #minisite-trailers li div iframe,
#minisite-content.visuals #minisite-view #minisite-trailers li div object,
#minisite-content.visuals #minisite-view #minisite-trailers li div embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}
#minisite-content.visuals #minisite-view #minisite-trailers li .inner {
  padding: 7px;
}
[lang=en] #minisite-content.visuals #minisite-view #screen6 figcaption p {
  padding: 0.3em 10em 0.4em !important;
}

#minisite-content.reviews #minisite-view > h3 {
  text-indent: -9999em;
  margin: 0;
  font-size: 10px;
}
@media screen and (min-width: 950px) {
  #minisite-content.reviews #minisite-view > h3 {
    margin-bottom: -30px;
  }
}
#minisite-content.reviews #minisite-view h2 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 1.8em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.12em;
  text-indent: -99999em;
  margin-bottom: -0.8em;
}
#minisite-content.reviews #minisite-view #reviews_intro {
  padding: 0;
}
#minisite-content.reviews #minisite-view ul {
  padding: 0;
  margin: 2em auto;
  max-width: 950px;
  list-style: none;
}
#minisite-content.reviews #minisite-view ul::after {
  content: " ";
  display: block;
  clear: both;
}
#minisite-content.reviews #minisite-view .text-box {
  max-width: 95%;
  box-sizing: border-box;
  margin: 10px auto;
  padding-bottom: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.65);
  text-align: center;
  border: 1px solid #151e00;
  position: relative;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
}
@media screen and (min-width: 950px) {
  #minisite-content.reviews #minisite-view .text-box {
    width: 488px;
  }
  #minisite-content.reviews #minisite-view .text-box:nth-of-type(odd) {
    float: left;
    margin-left: -20px;
    clear: left;
  }
  #minisite-content.reviews #minisite-view .text-box:nth-of-type(even) {
    float: right;
    margin-right: -20px;
    clear: right;
  }
}
#minisite-content.reviews #minisite-view .text-box p {
  padding: 10px 1em 0;
  font-size: 1em;
}
#minisite-content.reviews #minisite-view .text-box h5 {
  font-family: "Chaos Subhead", "Cinzel", serif;
  font-size: 3em;
  color: #1c8ccc;
  text-shadow: none;
  margin-bottom: 0.2em;
}
#minisite-content.reviews #minisite-view .text-box h6 {
  font-family: "Knockout", "Oswald", sans-serif;
  color: #11d495;
  font-size: 1em;
  margin-bottom: 1em;
}

/*
#minisite-content {
	background-image: url("/minisite/warhammer3tw/images/background.jpg");
}
*/
/*

@import '/var/www/sass-includes/website/bourbon/bourbon';
@import '/var/www/sass-includes/website/_mixins';


@import 'audio';


@import '/var/www/sass-includes/website/minisite/_volume';
@import '/var/www/sass-includes/website/minisite/_media';
@import '/var/www/sass-includes/website/minisite/_screenshots';
@import '/var/www/sass-includes/website/minisite/_privacypolicy';


*/