@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
#primary-buttons a:last-child {
  opacity: 0;
  width: 0em !important;
  min-width: 0em !important;
  pointer-events: none;
  margin-right: -1em !important;
}

body.minisite_complex-page #minisite-content {
  text-align: center;
  font-family: "Noto Sans", sans-serif;
  /*
  	[lang=ru] & {
  		font-family: $ru-font-family-body;
  		font-weight: 300;
  	}
  */
  /*
  	.appstorelink, .playstorelink, .ias-button, .gpy-button {
  		display: inline-block;
  		margin: 0 .5em 0;
  		min-height: 40px; 
  		padding-bottom: 1vh;
  			position: relative;
  			z-index: 2;
  		img {

  			height: 13vw;
  			max-height: 60px; 


  		}

  	}

  	.playstorelink, .gpy-button { // remove when pre-reg available or when out
  // 		display: none;
  			img {max-height: 60px; margin-top: -1px;}
  	}
  */
  /* above iPhone 4, 5, and SE size */
  /* above iPad split screen width */
  /* Anything above main header width */
}
body.minisite_complex-page #minisite-content::before {
  content: " ";
  position: fixed;
  display: block !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100vh;
  z-index: -1;
  background-image: url("/minisite/ageofempires2/images/keyart.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  background-color: #3b4249;
  opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content::before {
    background-image: url("/minisite/ageofempires2/images/keyart@2x.jpg");
  }
}
body.minisite_complex-page #minisite-content::after {
  content: " ";
  position: absolute;
  display: block !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100vh;
  z-index: -1;
  background-image: url("/minisite/ageofempires2/images/art.png");
  background-size: auto 330px;
  background-repeat: repeat-x;
  background-position: center 130px;
  background-attachment: scroll;
  background-color: transparent;
  opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content::after {
    background-image: url("/minisite/ageofempires2/images/art@2x.png");
  }
}
body.minisite_complex-page #minisite-content * {
  -webkit-font-smoothing: subpixel-antialiased;
}
body.minisite_complex-page #minisite-content .sharpen {
  -webkit-font-smoothing: antialiased !important;
}
body.minisite_complex-page #minisite-content .lowercase {
  text-transform: lowercase;
}
body.minisite_complex-page #minisite-content h1, body.minisite_complex-page #minisite-content h2, body.minisite_complex-page #minisite-content h3, body.minisite_complex-page #minisite-content h4, body.minisite_complex-page #minisite-content h5, body.minisite_complex-page #minisite-content nav a {
  font-family: "Cinzel", "Times New Roman", serif;
  /*
  		[lang=ru] & {
  			font-family: $ru-font-family-headers;
  			font-weight: 300;
  		}
  */
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
  color: white;
}
body.minisite_complex-page #minisite-content .buy-button {
  color: #d8d9d2;
  display: inline-block;
  padding: 0.4em 1.2em;
  background-color: #7c1b20;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.8em;
  margin: 0.5em 0.5em 0.4em;
  font-family: "Cinzel", "Times New Roman", serif;
  text-decoration: none;
  border: 3px solid #ae945b;
  border-width: 3px 0;
  transition: 0.2s all ease-in-out;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.9));
  padding: 0.6em 1.7em 0.6em;
  box-sizing: border-box;
  display: inline-block;
  min-height: 24px;
  background: transparent;
  text-decoration: none;
  color: #ffdf91;
  text-shadow: none;
  font-weight: 500;
  transition: color 0.2s linear, text-shadow 0.2s linear;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
body.minisite_complex-page #minisite-content .buy-button:hover {
  color: white;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content .buy-button {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content .buy-button:hover {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content .buy-button:hover {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content .buy-button:active {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
  transform: scale(0.98);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content .buy-button:active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content #minisite-header {
  margin: 75px auto 0;
  padding: 0 0 0;
  position: relative;
}
body.minisite_complex-page #minisite-content #minisite-header nav {
  width: 100%;
  padding: 10px 0 0em;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
}
body.minisite_complex-page #minisite-content #minisite-header nav ul {
  padding: 0;
}
body.minisite_complex-page #minisite-content #minisite-header nav li {
  padding: 0;
  display: inline-block;
  margin: 0 0.5% 5px;
  width: auto;
  position: relative;
  /*
  				&:nth-last-child(1), &:nth-last-child(2) {
  					[lang="fr"] &, [lang="de"] &, [lang="it"] &, [lang="es"] &, [lang="ru"] &, [lang="pt_BR"] &, [lang="zh_CN"] & {
  						display: none;
  					}
  				}
  */
}
body.minisite_complex-page #minisite-content #minisite-header nav li.active a {
  color: white;
  background: transparent;
  position: relative;
  pointer-events: none;
  text-shadow: 0px 0px 8px black, 0px 0px 2px black, 0px 0px 5px black;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li.active a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li.active a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content #minisite-header nav li.active a:hover {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li.active a:hover {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content #minisite-header nav li a {
  padding: 0.8em 1.7em 0.8em;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  min-height: 24px;
  background: transparent;
  text-decoration: none;
  color: #ffdf91;
  text-shadow: none;
  font-weight: 500;
  transition: color 0.2s linear, text-shadow 0.2s linear;
  font-size: 0.8em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content #minisite-header nav li a:hover {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li a:hover {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content #minisite-header nav li a:active {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
  transform: scale(0.98);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-header nav li a:active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content #minisite-header h1 {
  position: relative;
  z-index: 0;
  max-width: 100%;
  margin: 250px auto 25px;
  text-align: center;
  filter: drop-shadow(0 0px 50px black);
  text-shadow: 0px 0px 10px black;
}
body.minisite_complex-page #minisite-content #minisite-header h1 img {
  width: 670px;
  max-width: 90%;
  filter: drop-shadow(0 3px 5px black);
}
body.minisite_complex-page #minisite-content #minisite-header h2 {
  position: relative;
  text-transform: uppercase;
  z-index: 2;
  color: white;
  margin: 1.1em auto 1.2em;
  max-width: 90%;
  text-shadow: -2px 4px 4px black, -5px 8px 10px black, 0px 0px 7px black, 0px 0px 20px black, 0px 0px 30px black, 0px 0px 40px black;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.4em;
  /*
  			[lang=fr] & {
  				font-size: 1.33em;
  				padding-top: .4em;
  			}
  */
}
body.minisite_complex-page #minisite-content #minisite-header h2 strong {
  font-weight: 400;
  white-space: nowrap;
  text-transform: none;
}
body.minisite_complex-page #minisite-content #minisite-header h2 span {
  display: inline-block;
  width: auto;
  margin: 0.5em auto;
  padding-top: 0.5em;
  border-top: 2px solid #96342e;
}
body.minisite_complex-page #minisite-content #minisite-view {
  max-width: 100%;
  width: 950px;
  margin: 0 auto;
}
body.minisite_complex-page #minisite-content #minisite-view #heroes, body.minisite_complex-page #minisite-content #minisite-view #small-soldiers {
  max-width: 100%;
}
body.minisite_complex-page #minisite-content #minisite-view #small-soldiers {
  margin: -2em auto;
}
body.minisite_complex-page #minisite-content #minisite-view #trailer {
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  max-width: 776px;
  margin: 2em auto -2em;
  position: relative;
  padding-bottom: calc(53.7% + 5px);
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  height: 0;
  overflow: hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-view #trailer {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
@media (min-width: 768px) {
  body.minisite_complex-page #minisite-content #minisite-view #trailer {
    padding-bottom: 45.6%;
  }
}
body.minisite_complex-page #minisite-content #minisite-view #trailer iframe,
body.minisite_complex-page #minisite-content #minisite-view #trailer object,
body.minisite_complex-page #minisite-content #minisite-view #trailer embed {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  filter: drop-shadow(0 0 10px black);
}
body.minisite_complex-page #minisite-content #minisite-view .text-box {
  margin: 1em auto;
  padding: 3em 5% 1.5em;
  /*

  			[lang='zh_cn'] & {
  				padding: 1em 4% 1em;
  			}
  */
  max-width: 670px;
  box-sizing: border-box;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content #minisite-view .text-box {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content #minisite-view .text-box h3 {
  color: white;
  padding-bottom: 0.2em;
  font-size: 1.35em;
  font-weight: bold;
  filter: drop-shadow(0px 1px 6px #000000);
}
body.minisite_complex-page #minisite-content #minisite-view .text-box h4 {
  font-size: 1.15em;
  border-bottom: 2px solid #96342e;
  border-top: 2px solid #96342e;
  margin: 1.8em 0 1em;
  text-shadow: 0px 0px 4px black, 0px 0px 3px black, 0px 0px 1px black;
}
body.minisite_complex-page #minisite-content #minisite-view .text-box p {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 1em auto 1em;
  color: white;
  filter: drop-shadow(0px 1px 6px #000000);
}
body.minisite_complex-page #minisite-content #minisite-view .text-box p em {
  padding-right: 0.1em;
}
@media (min-width: 670px) {
  [lang=en] body.minisite_complex-page #minisite-content.home #minisite-view .text-box p:last-of-type {
    width: 90%;
  }
}
body.minisite_complex-page #minisite-content footer {
  font-size: 1em;
  margin-top: 9em;
  padding: 0 20px;
  background: none;
}
@media (min-width: 768px) {
  body.minisite_complex-page #minisite-content footer {
    padding-top: 4em;
  }
}
body.minisite_complex-page #minisite-content footer #minisite-legal {
  color: white;
}
@media only screen and (min-width: 321px) {
  body.minisite_complex-page #minisite-content {
    /*
    		&::before {
    			background-image: url('/minisite/ageofempires2/images/keyart.jpg');
    			@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    				background-image: url('/minisite/ageofempires2/images/keyart@2x.jpg');
    			}
    		}
    */
  }
  body.minisite_complex-page #minisite-content #minisite-header nav {
    margin: 10px 0 -10px;
  }
}
@media only screen and (min-width: 508px) {
  body.minisite_complex-page #minisite-content {
    /*

    		&::before {
    			background-image: url('/minisite/ageofempires2/images/keyart.jpg');
    			@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    				background-image: url('/minisite/ageofempires2/images/keyart@2x.jpg');
    			}
    		}	
    */
  }
  body.minisite_complex-page #minisite-content::after {
    background-size: auto 400px;
    background-position: center 130px;
  }
  body.minisite_complex-page #minisite-content #minisite-header h1 {
    margin: 345px auto 25px;
  }
  body.minisite_complex-page #minisite-content #minisite-header h2 {
    font-size: 1.9em;
  }
  body.minisite_complex-page #minisite-content #minisite-header nav li a {
    font-size: 1em;
  }
}
@media only screen and (min-width: 949px) {
  body.minisite_complex-page #minisite-content {
    /*

    		&::before {
    			background-image: url('/minisite/ageofempires2/images/keyart.jpg');
    			@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    				background-image: url('/minisite/ageofempires2/images/keyart@2x.jpg');
    			}
    		}

    */
  }
  body.minisite_complex-page #minisite-content #minisite-header nav {
    margin-top: -0.8em;
  }
  body.minisite_complex-page #minisite-content #minisite-header h2 {
    font-size: 2.2em;
    margin-top: 0;
  }
  body.minisite_complex-page #minisite-content #minisite-view {
    clear: both;
    padding-bottom: 100px;
  }
  body.minisite_complex-page #minisite-content #minisite-view .text-box {
    /*

    				[lang=ru] & {
    					h3 {
    						margin: 1em -2em;
    						+ p + p + p {
    							margin: 1em 2em;
    						}
    					}
    				}

    				[lang=fr] & {
    					h3 + p {
    						margin: 1em -1em;
    					}
    				}

    				[lang=zh_cn] & {
    					h3 + p {
    						margin: 1em -1.5em;
    					}
    				}
    */
  }
}

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart640x1138.jpg');
		  }
	  }

}

/* Landscape * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart1138x640.jpg');
		  }
	  }

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart640x1138.jpg');
		  }
	  }

}

/* Landscape * /
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart1138x640.jpg');
		  }
	  }

}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape * /
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait * /
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart750x1334.jpg');
		  }
	  }


}

/* Landscape * /
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart1334x750.jpg');
		  }
	  }


}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape * /
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait * /
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart1080x1920.jpg');
		  }
	  }


}

/* Landscape * /
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

	  body.minisite_complex-page #minisite-content {
		  &::before {
			background-image: url('/minisite/ageofempires2/images/keyart1920x1080.jpg');
		  }
	  }
}*/
.c_gb #minisite-agerating {
  flex: 0 0 calc(130px + 2em) !important;
  width: 130px !important;
}
@media (min-width: 768px) {
  .c_gb #minisite-agerating + p {
    flex: 0 0 calc(100% - 130px - 2em) !important;
  }
}

#minisite-content.features h3 {
  text-indent: -9999em;
  height: 1em;
  margin: -0.9em 0;
  font-size: 1em !important;
}
#minisite-content.features #minisite-header {
  margin-bottom: 1em;
  padding-bottom: 0;
}
#minisite-content.features #minisite-view {
  /* above iPhone 4, 5, and SE size */
  /* above iPad split screen width */
  /* above feature list item width */
  /* Anything above main header width */
}
#minisite-content.features #minisite-view nav {
  margin: 0;
  padding: 0 0 100px;
  position: relative;
}
#minisite-content.features #minisite-view nav a.text-box {
  max-width: 750px;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
  position: relative;
  list-style: none;
  margin: 1em auto;
  padding: 1.8em 1.5em 1.8em;
  font-size: 1.1em;
  line-height: 1.4em;
  clear: both;
  color: #d8d9d2;
}
#minisite-content.features #minisite-view nav a.text-box h5 {
  font-size: 1em;
  margin-bottom: 0.2em;
  margin-top: 0em;
  line-height: 1.4em;
}
#minisite-content.features #minisite-view nav a.text-box h5 strong {
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  color: #ffdf91;
  margin-bottom: 0.8em;
  text-shadow: 0px 0px 5px black;
  font-size: 1.2em;
}
#minisite-content.features #minisite-view nav a.text-box h5 span {
  font-family: "Noto Sans", sans-serif;
  text-transform: none;
  letter-spacing: normal;
  text-shadow: 0px 0px 5px black;
}
#minisite-content.features #minisite-view nav a.text-box img {
  width: 100%;
  display: inline-block;
  width: calc(100% + 2.75em);
  margin: 1.5em -1.45em -1.8em;
  border: 4px solid rgba(0, 0, 0, 0.3);
  transition: 0.2s all ease-in-out;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.9));
}
#minisite-content.features #minisite-view nav a.text-box:hover img {
  border-color: rgba(255, 224, 145, 0.8);
}
@media only screen and (min-width: 770px) {
  #minisite-content.features #minisite-view nav {
    /*
    				a {


    					strong {

    					}

    					img {
    						width: calc(100% + 10%);
    						margin: 1em -5% -0.5em;



    					}
    				}
    */
  }
}
@media only screen and (min-width: 950px) {
  #minisite-content.features #minisite-view {
    margin-top: 0em;
  }
  #minisite-content.features #minisite-view nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #minisite-content.features #minisite-view nav a.text-box {
    margin: 1.5em 2%;
    width: 44%;
    clear: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    /*
    					&.features_point_1 span {
    						[lang='en'] & {
    // 							padding: 0 2em 0;
    						}
    						[lang='pt_br'] & {

    // 							padding: 0 2em 0;
    						}
    					}

    					&.features_point_2 span {
    						[lang='de'] & {

    // 							padding: 0 .5em 0;
    						}
    						[lang='fr'] & {

    // 							padding: 0 2em 0;
    						}
    					}
    					*/
    /*
    					&.features_point_5 span {
    						[lang='en'] & {							
    // 							margin: 0 -4% 0;
    						}
    						[lang='es'] & {

    // 							padding: 0 1.5em 0;
    						}
    						[lang='pt_br'] & {

    // 							padding: 0 1.5em 0;
    						}
    					}

    					&.features_point_6 span {
    						[lang='en'] & {							
    							padding: 0 1em 0;
    						}
    						[lang='es'] & {

    // 							padding: 0 1.5em 0;
    						}
    					}
    */
  }
  #minisite-content.features #minisite-view nav a.text-box:nth-child(odd) {
    margin-left: -2em;
  }
  #minisite-content.features #minisite-view nav a.text-box:nth-child(even) {
    margin-right: -2em;
  }
  #minisite-content.features #minisite-view nav a.text-box:last-of-type:nth-child(odd) {
    margin: 1em 2%;
  }
  #minisite-content.features #minisite-view nav a.text-box h5 span {
    display: inline-block;
  }
  #minisite-content.features #minisite-view nav a.text-box img {
    pointer-events: auto;
  }
  [lang=en] #minisite-content.features #minisite-view nav a.text-box.features_point_3 strong {
    margin: 0 -0.2em 0.8em;
  }
  [lang=en] #minisite-content.features #minisite-view nav a.text-box.features_point_4 span {
    margin: 0 0.9em 0;
  }
  [lang=en] #minisite-content.features #minisite-view nav a.text-box.features_point_5 span {
    margin: 0 1.5em 0;
  }
  [lang=en] #minisite-content.features #minisite-view nav a.text-box.features_point_6 strong {
    margin: 0 -0.5em 0.8em;
    transform: scaleX(0.95);
  }
}

/* Anything above main header width */
#minisite-content.features + #screenshotsModal .modal-dialog {
  border-color: #ffdf91;
  border-style: groove;
  border-radius: 0;
}
#minisite-content.features + #screenshotsModal .icon-close {
  background-color: #ffdf91;
}
#minisite-content.features + #screenshotsModal .icon-close:hover {
  background-color: white;
}
#minisite-content.features + #screenshotsModal img {
  border: 2px solid black;
}
#minisite-content.features + #screenshotsModal p {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  justify-content: center;
  border: 2px solid black;
  margin: 0;
  padding: 1em;
  border-top-width: 5px;
  border-top-color: #ffdf91;
  border-top-style: groove;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.features + #screenshotsModal p {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
#minisite-content.features + #screenshotsModal p strong {
  display: flex;
  justify-content: center;
  min-width: 100%;
  margin-bottom: 0.3em;
  color: #ffdf91;
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.15em;
}

body.minisite_complex-page #minisite-content.visuals #minisite-view {
  /* above iPhone 4, 5, and SE size */
  /* above iPad split screen width */
  /* above feature list item width */
  /* Anything above main header width */
}
@media screen and (min-width: 1200px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view {
    width: 100%;
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > h3 {
  text-indent: -99999em;
  height: 2px;
  margin: -2px auto 0;
  font-size: 1em !important;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box {
  border: none;
}
@media screen and (min-width: 1200px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box {
    padding: 1em 46px;
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box a {
  padding: 0 0.5em;
  margin: 0.2em auto;
  width: 95%;
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
  color: #1c1b1a;
  display: inline-block;
  padding: 0.8em 1.7em;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  min-height: 24px;
  background: transparent;
  font-size: 0.7em;
  line-height: none;
  text-decoration: none;
  color: #1c1b1a;
  text-shadow: none;
  font-weight: 700;
  transition: color 0.2s linear, text-shadow 0.2s linear;
  font-size: 0.8em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box a:hover {
  color: #96342e;
  background: transparent;
  text-shadow: 0px 0px 8px white, 0px 0px 2px white, 0px 0px 5px white;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs {
  width: auto;
  max-width: 100%;
  display: inline-block;
  padding: 0.5em 2em 1.1em;
  margin: 1em auto 2em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs a {
  text-shadow: 0px 1px 6px #000000;
  font-size: 0.8em;
  line-height: 2.2em;
  text-decoration: none;
  color: inline-black;
  position: relative;
  color: white;
  font-weight: 600;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs a:first-child::after {
  content: " ";
  display: inline-block;
  border: 1px solid black;
  width: 50px;
  height: 28px;
  margin: 0 10px 0;
  border-radius: 25px;
  position: relative;
  top: 0.75em;
  background-color: black;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs a:first-child + a::before {
  content: " ";
  display: inline-block;
  background: white;
  width: 20px;
  height: 20px;
  margin: 0 37px 0 -60px;
  border-radius: 25px;
  position: relative;
  top: calc(0.75em - 4px);
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs a:first-child + a:not(.active)::after {
  content: " ";
  display: inline-block;
  background: transparent;
  width: 50px;
  height: 28px;
  margin: 0;
  border-radius: 25px;
  position: absolute;
  top: calc(0.75em - 16px);
  left: -65px;
  right: auto;
  z-index: 99;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view .tabs-tabs a:first-child + a.active::before {
  pointer-events: none;
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div {
  background: transparent;
  border-left: none;
  border-right: none;
  max-width: 750px;
  margin: 50px auto 30px;
  padding: 0;
  /*
  		&#gifs {
  			h3 {
  				margin-bottom: 1em;
  			}
  			.minisite-screenshots {
  				max-width: 1380px;
  				margin: 0 auto;
  			}
  			p {
  				font-size: .7em;
  				margin-top: 1.5em;
  				margin-bottom: -.5em;
  			}
  		}
  */
}
@media screen and (min-width: 1200px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div {
    max-width: 95%;
    margin-top: 4.6em;
  }
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers ul {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers ul li {
    flex: 0 0 620px;
    display: flex;
    flex-direction: column;
  }
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers ul li h5 {
    /*
    							display: flex;
    							justify-content: center;
    							padding: 0 1em;
    							align-items: center;
    							margin: 1.33em 10px 0;
    							height: 5.2em;
    							line-height: 1.35em;
    */
  }
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers ul li div {
    display: flex;
    width: 600px;
    flex: 0 0 350px;
    margin-bottom: 0;
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div ul {
  padding: 0;
  list-style: none;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div h3 {
  color: white;
  padding: 0em 2em;
  margin-bottom: -3em;
  box-sizing: border-box;
  width: auto;
  opacity: 0;
  /*

  			&::after {
  				content: ' ';
  				display: block;
  				height: 1px;
  				width: 100%;
  			}
  */
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div h3 {
    font-size: 1.17em;
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div p {
  padding: 0 5%;
  box-sizing: border-box;
  font-size: 1.1em;
  line-height: 1.4em;
  color: white;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  margin: 0 auto;
  transition: opacity 0.2s linear, visibility 0.2s linear;
  opacity: 1;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a {
  max-width: 47%;
  display: inline-block;
  margin: 0.7% 0.5%;
  transition: 0.2s all ease-in-out;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  border-image-outset: 2px;
  transform: scale(0.99);
}
@media screen and (min-width: 508px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a {
    border-image-outset: 5px;
    padding: 0em;
  }
}
@media screen and (min-width: 1200px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a {
    border-image-outset: 13px;
    padding: 0em;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a img {
  width: calc(100% - 0em);
  transition: transform 0.2s linear;
  transition: 0.2s all ease-in-out;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0em;
  border: 4px solid rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 508px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a img {
    border-width: 6px;
  }
}
@media screen and (min-width: 1200px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a img {
    padding: 0em;
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a:hover {
  transform: scale(1);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a:hover img {
  border-color: rgba(255, 224, 145, 0.7);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a:active {
  transform: scale(0.995);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .minisite-screenshots a:active img {
  border-color: white;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div .inner {
  border-top: 1px solid #b2b2b2;
  box-sizing: border-box;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers {
  padding-bottom: 5%;
  /*
  			.screencast, .community-video, .trailer {
  				width: 340px;
  				max-width: 45%;
  				display: inline-block;
  				margin: 1em 2% 0;
  				border:5px solid $border;
  				border-left: none;
  				border-right: none;
  				transition: .2s width linear;

  				h4 {
  					font-size: 0.7em;
  				}

  				&.fullwidth {
  					width: 100%;
  					max-width: 100%;
  				}
  			}
  */
  /*
  			.trailer {
  				padding-bottom: 0;
  				height: auto;
  			}

  			.trailer:first-of-type:last-of-type {
  				width: 90%;
  				max-width: 90%;
  			}
  */
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts h5, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community h5, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers h5 {
  position: relative;
  top: 0em;
  border-top: 5px solid #96342e;
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 1em 2em 2.5em;
  margin: 1.33em auto -2.8em;
  max-width: 600px;
  font-size: 1.1em;
  box-sizing: border-box;
  color: white;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts h5, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community h5, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers h5 {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts h5#date-title.notreleased, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community h5#date-title.notreleased, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers h5#date-title.notreleased {
  display: none;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div {
  overflow: visible;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  max-width: 600px;
  margin: 1em auto 1em;
  position: relative;
  padding-bottom: calc(46.2% + 10px);
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 40px;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 949px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div {
    padding-bottom: 41.3%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div iframe,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div object,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div embed, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div iframe,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div object,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div embed, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div iframe,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div object,
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div embed {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: 10px;
  filter: drop-shadow(0 0 2px black);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screencasts div#date.notreleased, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#community div#date.notreleased, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers div#date.notreleased {
  display: none;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#screenshots, body.minisite_complex-page #minisite-content.visuals #minisite-view > div#trailers {
  border-bottom: none;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view > div#gifs {
  padding-bottom: 3em;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full {
  display: block;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full .phone-full .imgbox {
  width: 95%;
  max-width: 1344px;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full .phone-full .imgbox a + img {
  width: 100%;
  max-width: 1344px;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full .image_popup:target .close_button {
  width: calc(100% + 13px);
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full img {
  border: 5px solid black;
  box-sizing: border-box;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full .close_button img {
  border: none;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full figcaption p {
  box-sizing: border-box;
  padding: 15px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: white;
}
body.minisite_complex-page #minisite-content.visuals #minisite-view #screenshots_full figcaption p strong {
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  color: #1c1b1a;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 949px) {
  body.minisite_complex-page #minisite-content.visuals #minisite-view nav.text-box {
    /*
    			&::after {
    				content: ' ';
    				display: block;
    				clear: both
    			}
    */
  }
  body.minisite_complex-page #minisite-content.visuals #minisite-view section#screenshots #screenshots_full figcaption {
    display: block;
  }
}

/* Anything above main header width */
#minisite-content.visuals + #screenshotsModal .modal-dialog {
  border-color: #ffdf91;
  border-style: groove;
  border-radius: 0;
}
#minisite-content.visuals + #screenshotsModal .icon-close {
  background-color: #ffdf91;
}
#minisite-content.visuals + #screenshotsModal .icon-close:hover {
  background-color: white;
}
#minisite-content.visuals + #screenshotsModal img {
  border: 2px solid black;
}
#minisite-content.visuals + #screenshotsModal p {
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
  justify-content: center;
  border: 2px solid black;
  margin: 0;
  padding: 1em;
  border-top-width: 5px;
  border-top-color: #ffdf91;
  border-top-style: groove;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #minisite-content.visuals + #screenshotsModal p {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
#minisite-content.visuals + #screenshotsModal p strong {
  display: flex;
  justify-content: center;
  min-width: 100%;
  margin-bottom: 0.3em;
  color: #ffdf91;
  font-family: "Cinzel", "Times New Roman", serif;
  letter-spacing: 0.15em;
}
#minisite-content.visuals + #screenshotsModal p:empty {
  display: none;
}

body.minisite_complex-page #minisite-content.blog #minisite-header {
  /*
  		h1 {
  			background: url('/minisite/ageofempires2/images/blog/etw-anw-logo.png') no-repeat transparent;
  			background-position: 50% center;
  			background-size: contain;
  			padding-bottom: 1.05em;
  // 			margin-bottom: .5em;
  			img {
  				opacity: 0;
  			}
  		}
  */
}
body.minisite_complex-page #minisite-content.blog #minisite-view {
  /* above iPhone 4, 5, and SE size */
  /* above iPad split screen width */
  /* random width */
  /* Anything above main header width */
}
body.minisite_complex-page #minisite-content.blog #minisite-view #en-only-note {
  display: inline-block;
  margin: 1em auto 1em;
  max-width: 750px;
  font-size: 1.4em;
  line-height: 1.5em;
  padding: 0.6em 1em 0.7em;
  background: black;
  color: white;
  border: 1px solid #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view strong {
  font-weight: 600;
  -webkit-font-smoothing: subpixel-antialiased;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box {
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  position: relative;
  z-index: 2;
  padding: 1.5em 4% 1.5em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box h3.page-name {
  margin: 0.7em auto 0;
  filter: drop-shadow(0px 1px 6px #000000);
  text-shadow: none;
  color: #efc631;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box h3.page-name::after {
  content: " ";
  display: block;
  width: 100%;
  height: 0.15em;
  margin-top: 1.2em;
  background: url("/minisite/ageofempires2/images/divider.png") center top/100% 100% repeat transparent;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box p a {
  text-decoration: underline;
  color: #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box p a:visited {
  color: inherit;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-intro.text-box p a:hover {
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul {
  padding: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view #blog-toc a span {
  display: inline-block;
  background: black;
  text-align: center;
  padding: 0.1em 0 0 0.2em;
  width: 1.75em;
  position: absolute;
  left: 0.68em;
  top: 0.69em;
  transform: translateY(-0.1em);
  border: 2px groove rgba(255, 224, 145, 0.62);
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box {
  width: 100%;
  padding: 10px 0 0em;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
  border: none;
  background: none;
  font-family: "Cinzel", "Times New Roman", serif;
  text-transform: uppercase;
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a {
  position: relative;
  padding: 0;
  display: inline-block;
  margin: 0 0.5% 5px;
  width: 95%;
  position: relative;
  /*
  				&:nth-last-child(1), &:nth-last-child(2) {
  					[lang="fr"] &, [lang="de"] &, [lang="it"] &, [lang="es"] &, [lang="ru"] &, [lang="pt_BR"] &, [lang="zh_CN"] & {
  						display: none;
  					}
  				}
  */
  padding: 0.85em 1.2em 0.85em 3.2em;
  box-sizing: border-box;
  display: inline-block;
  min-height: 24px;
  background: transparent;
  text-decoration: none;
  color: #ffdf91;
  text-shadow: none;
  font-weight: 500;
  transition: color 0.2s linear, text-shadow 0.2s linear;
  font-size: 1.2em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (min-width: 750px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a {
    width: auto;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a.active {
  color: white;
  background: transparent;
  position: relative;
  pointer-events: none;
  text-shadow: 0px 0px 8px black, 0px 0px 2px black, 0px 0px 5px black;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a.active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a.active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a.active:hover {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a.active:hover {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a:hover {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a:hover {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a:active {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
  transform: scale(0.98);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view nav#blog-toc.text-box a:active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box {
  padding: 0;
  margin: 3em auto;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  position: relative;
  max-width: 950px;
  /*
  		&::before {
  			content: ' ';
  			font-weight: 700;
  			text-indent: .15em;
  			display: block;
  			width: 9em;
  			height: 4em;
  			position: absolute;
  			z-index: 1;
  			left: calc(50% - 4.7em);
  			top: -1.3em;
  			line-height: 2.1em;
  			text-align: center;
  			@include border-box;
  		}
  */
  /*
  				em {
  					color: white;
  					font-weight: 600;
  					+ em {
  						color: #efdcc0;
  						font-weight: 400;
  					}
  				}
  */
  /*

  		&:nth-of-type(1) {
  			h4::after {
  				content: '1';
  			}
  		}

  		&:nth-of-type(2) {
  			h4::after {
  				content: '2';
  			}
  		}

  		&:nth-of-type(3) {
  			h4::after {
  				content: '3';
  			}
  		}

  		&:nth-of-type(4) {
  			h4::after {
  				content: '4';
  			}
  		}

  		&:nth-of-type(5) {
  			h4::after {
  				content: '5';
  			}
  		}

  		&:nth-of-type(6) {
  			h4::after {
  				content: '6';
  			}

  			.intro {
  // 				display: none;
  			}

  			img.content.notfullwidth {
  				width: auto;

  				max-width: calc(100% + .3em);
  			}
  		}

  		&:nth-of-type(7) {
  			h4::after {
  				content: '7';
  			}
  			img.content {
  				border: none;
  				padding: 0;
  				margin: 0 auto;
  				width: auto;
  				max-width: 100%;
  				background: transparent;
  			}
  			p.quotes-end {

  				&::before {
  					content: ' ';
  					display: block;
  					width: 90%;
  					margin: 1em auto 2em;
  					height: 6px;
  					background: url('/minisite/ageofempires2/images/divider.jpg') center center / 100% 100% repeat transparent;
  	// 				background-size: 100% 100%;
  				}
  			}
  		}
  */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box.full {
  opacity: 0;
  clear: both;
  z-index: 1;
  position: relative;
  display: none;
  height: 1px;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box.full.active {
  opacity: 1;
  z-index: 2;
  display: block;
  height: auto;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h4 {
  margin: 0.28em auto 2em;
  color: #2d2e45;
  text-shadow: none;
  font-weight: 700;
  padding: 1em 1em 0.9em;
  width: 98.8%;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-gold.png") 320 repeat;
  border-image-slice: 320 fill;
  border-image-width: 160px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  background: linear-gradient(to bottom, #ffdf91 0%, #ffc02d 100%);
  filter: hue-rotate(-10deg) brightness(87%) contrast(140%) saturate(60%) drop-shadow(0px 1px 3px #000000);
  text-shadow: 0px 2px 3px #ffdf91, 0px 1px 3px #ffdf91;
  opacity: 0.9;
  /*
  			&::after {
  				content: '1';
  				color: #efdcc0;
  				text-shadow: -1px 1px 6px black;
  				font-weight: 700;
  				text-indent: .15em;
  				display: block;
  				width: 2.2em;
  				height: 2.2em;
  				position: absolute;
  				z-index: 10;
  				left: 50%;
  				transform: translateX(-1.1em);
  				top: -1.5em;
  				line-height: 2.1em;
  				text-align: center;
  				background: url('/minisite/ageofempires2/images/blog/circle.png') center top / 2.2em 2.2em repeat transparent;
  			}
  */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h4 {
    background: linear-gradient(to bottom, #ffdf91 0%, #ffc02d 100%);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3 {
  padding: 1em 0.5em 0.9em 2.8em;
  position: relative;
}
@media only screen and (min-width: 460px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3 {
    padding: 1em 2.8em 0.9em 2.8em;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3 span {
  display: inline-block;
  text-shadow: none;
  color: white;
  width: 1.85em;
  position: absolute;
  left: 0.65em;
  top: 0.64em;
  padding: 0.3em 0 0.1em 0.2em;
  text-align: center;
  border: 3px groove rgba(255, 224, 145, 0.62);
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h3 span {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h4 {
  margin: 2em auto;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box h6 {
  color: white;
  font-size: 1.3em;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 2.33em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box blockquote {
  margin: 5%;
  padding: 1em 1.5em 0;
  text-align: left;
  text-indent: -0.5em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box blockquote {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box blockquote p {
  margin: 0;
  color: white;
  font-style: italic;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box blockquote cite {
  display: block;
  margin: 0.5em;
  text-align: right;
  font-size: 1em;
  line-height: 1.5em;
  color: #efdcc0;
  font-style: normal;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .changelognote {
  width: 92%;
  background: black;
  padding: 0.5em;
  margin: 1.5em auto 0;
  border: 1px solid #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .changelognote p {
  padding: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .changelognote p a {
  text-decoration: underline;
  color: #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .changelognote p a:visited {
  color: inherit;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .changelognote p a:hover {
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro {
  padding: 1em 4%;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro p {
  padding: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro p a {
  text-decoration: underline;
  color: #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro p a:visited {
  color: inherit;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro p a:hover {
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .intro::after {
  content: " ";
  display: block;
  width: 100%;
  margin: 3.5em auto 0;
  height: 6px;
  background: url("/minisite/ageofempires2/images/divider.jpg") center center/100% 100% repeat transparent;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p {
  padding: 0 5%;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p.endp {
  margin-top: 2em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p.endp::after {
  content: " ";
  display: block;
  width: 100%;
  margin: 2.5em auto 2em;
  height: 6px;
  background: url("/minisite/ageofempires2/images/divider.jpg") center center/100% 100% repeat transparent;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p a {
  text-decoration: underline;
  color: #efdcc0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p a:visited {
  color: inherit;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p a:hover {
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box p:last-child {
  margin-bottom: 2em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video], body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content {
  display: inline-block;
  width: 100%;
  border: 3px solid;
  margin: 0 auto 1.5em;
  padding: 0.5em;
  box-sizing: border-box;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background: black;
  background-size: 100%;
  color: black;
  line-height: 1.2em;
  color: white;
  padding: 0;
  border: none;
  width: 96%;
  /*					border-style: solid;
  					border-image: url('/minisite/ageofempires2/images/border-box.png') 32 repeat;
  					border-image-slice: 32 32 32 32 fill;
  					border-image-width: 0 0 16px 0;
  					border-image-outset: 0px 0px 0px 0px;
  					border-image-repeat: repeat repeat;		
  */
  padding: 0em 0em;
  margin: 1.5em auto;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 320 320 320 320 fill;
  border-image-width: 160px 160px 160px 160px;
  border-image-outset: 20px 20px 20px 20px;
  border-image-repeat: round round;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video], body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content {
    background: black;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video].short, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content.short, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content.short {
  max-width: 906px;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border.png") 32 repeat;
  border-image-slice: 60 fill;
  border-image-width: 30px;
  border-image-outset: 20px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background: black;
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video].short, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content.short, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content.short {
    background: black;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video], body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] figcaption, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content figcaption, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content figcaption {
  margin: 0 0 0.5em;
  margin: 0 -0.2em -0.1em -0.1em;
  padding: 0.7em 0.5em 0.3em;
  width: calc(100% + 0.2em);
  color: #96342e;
  font-size: 1.2em;
  line-height: 1.5em;
  border: none;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-box.png") 32 repeat;
  border-image-slice: 32 32 32 32 fill;
  border-image-width: 16px 0 0 0;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: repeat repeat;
  box-sizing: border-box;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] figcaption:empty, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content figcaption:empty, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content figcaption:empty {
  display: none;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content p {
  margin: 0 1em 0.6em;
  color: #96342e;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] p:empty, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content p:empty, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content p:empty {
  display: none;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] video, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content video, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content video {
  max-width: 100%;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=blog-video] .video-js.vjs-feral-scalable:before, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box img.content .video-js.vjs-feral-scalable:before, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box figure.content .video-js.vjs-feral-scalable:before {
  padding-top: 46%;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources {
  margin-bottom: 1em;
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 47%;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource:nth-of-type(odd) {
    margin-right: 1%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource:nth-of-type(even) {
    margin-left: 1%;
  }
  [lang=en] body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource:nth-of-type(3) p {
    width: 95%;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 {
  color: #ffdf91;
  font-size: 1.3em;
  text-shadow: none;
  font-weight: 600;
  padding: 0.6em 2em 0.2em;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  margin: 1em auto -4px;
  border: 4px double #ffdf91;
  border-bottom: none;
  border-radius: 50px 50px 0px 0px;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#181c29, #181c29);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#181c29, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 img {
  display: block;
  margin: 0 auto 0.4em;
  padding-right: 0.1em;
  border-radius: 5px;
  width: 64px;
  height: auto;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 + section {
  border: 4px double #ffdf91;
  width: 90%;
  margin: 0 auto;
  border-radius: 15px 15px 0 0;
  padding: 1em;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#181c29, #242e42);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 + section {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#181c29, #242e42);
  }
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 + section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: flex-start;
    padding: 1em 0.5em;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 + section p {
  margin-bottom: 0.5em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 + section p:last-of-type {
  margin-bottom: 1em;
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #resources .resource h5 {
    z-index: 10;
  }
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units {
    display: flex;
    max-width: 99%;
    margin: 0 auto;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit {
  border: 4px groove #ffdf91;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#181c29, #242e42);
  width: 95%;
  margin: 0.5em auto;
  padding-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#181c29, #242e42);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit img {
  float: left;
  margin: 10px;
  border-radius: 10px;
  border: 2px outset #ffdf91;
  background: radial-gradient(ellipse at center, #ffdf91 0%, rgba(255, 216, 124, 0.5) 21%, rgba(255, 202, 78, 0) 67%, rgba(255, 192, 45, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 192, 45, 0) 0%, rgba(255, 202, 78, 0) 33%, rgba(255, 216, 124, 0.5) 79%, #ffdf91 100%);
  background: linear-gradient(to bottom, rgba(255, 192, 45, 0) 0%, rgba(255, 208, 95, 0.5) 50%, #ffdf91 100%);
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit h5 {
  color: #ffdf91;
  font-size: 1.3em;
  text-shadow: none;
  font-weight: 600;
  padding: 0;
  box-sizing: border-box;
  display: block;
  width: auto;
  margin: 0.8em 0.5em 0 152px;
  text-align: left;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit p {
  margin: 0.5em 0.5em 0 152px;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit p::after {
  content: " ";
  display: block;
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit p span {
  display: none;
}
@media only screen and (min-width: 730px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit {
    width: 97%;
    display: inline-block;
    display: flex;
    flex-direction: column;
    justify-content: top;
    margin: 0.8em 1% 1em;
    padding: 1em;
    border: 4px double #ffdf91;
    border-radius: 50px 50px 0px 0px;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit img {
    max-width: 128px;
    margin: 0 auto 0.3em;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit h5, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit h5 span, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .units .unit p span {
    display: inline;
  }
}
@media only screen and (min-width: 950px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .civilizations + p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #putting-the-age-in-age-of-empires + p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #ancient-times + p + img + p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #a-new-age + img + p + p + p + p {
    width: 95%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #a-new-age + img + p + p + p + p + p {
    width: 90%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .town-centre + p {
    width: 90%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #beyond-the-first-victory + p + p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #beyond-the-first-victory + p + p + p + p {
    width: 95%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box#tab-history h3 + p {
    width: 90%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box#tab-history h3 + p + p {
    width: 70%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #a-feast-for-the-eyes + img + p + p + p + p {
    width: 90%;
  }
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #the-modern-day + img + p, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box #the-modern-day + img + p + p {
    width: 90%;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box ul {
  margin: 1em auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 98%;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box ul li {
  display: flex;
  font-size: 1.2em;
  background: black;
  padding: 0.7em 1.2em;
  margin: 1% 0;
  border: 4px groove #ffdf91;
  justify-content: center;
  align-items: center;
  max-width: 98%;
  width: 98%;
}
@media only screen and (min-width: 950px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box ul li {
    max-width: 48%;
    width: 48%;
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box ul li p {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box ul li p em {
  display: inline;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=trailer] {
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box section[class*=trailer] {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin: 1em 0.5em 0;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
  filter: none;
  text-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink img {
  width: 39px;
  height: auto;
  margin: 0.2em auto 0;
  padding: 0.44em 0.4em 0.4em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink img:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
  background: radial-gradient(ellipse at center, black 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink.instagram img {
  transform: scale(1.1, 1.1);
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink:active {
  background-blend-mode: overlay;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#19192a, #000000);
  transform: scale(0.98);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .sociallink:active {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#19192a, #000000);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .table-box {
  padding: 0.4em 0.4em;
  border-style: solid;
  border-image: url("/minisite/ageofempires2/images/border-small.png") 32 repeat;
  border-image-slice: 70 74 70 74;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 5px;
  border-image-repeat: round stretch;
  background-blend-mode: multiply;
  background-image: url("/minisite/ageofempires2/images/textile.webp"), linear-gradient(#394766, #181c29);
  background-size: 256px, 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box .table-box {
    background-image: url("/minisite/ageofempires2/images/textile@2x.webp"), linear-gradient(#394766, #181c29);
  }
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  table-layout: fixed;
  border-spacing: -1px;
  border-collapse: auto;
  vertical-align: top;
  border-collapse: separate;
  text-align: center;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table th {
  background-color: rgba(97, 62, 22, 0.77);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d4229+0,713827+40,532719+100 */
  background: radial-gradient(ellipse at center, #8d4229 0%, #713827 40%, #532719 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e3b24+0,653223+40,4a2316+100 */
  background: radial-gradient(ellipse at center, #7e3b24 0%, #653223 40%, #4a2316 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 0.6em 0.2em;
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table td {
  min-width: 30%;
  background-color: rgba(229, 213, 196, 0.77);
  padding: 0.4em 0.2em;
  vertical-align: top;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table td.thead {
  background-color: rgba(97, 62, 22, 0.77);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8d4229+0,713827+40,532719+100 */
  background: radial-gradient(ellipse at center, #8d4229 0%, #713827 40%, #532719 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e3b24+0,653223+40,4a2316+100 */
  background: radial-gradient(ellipse at center, #7e3b24 0%, #653223 40%, #4a2316 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-weight: bold;
  padding: 0.6em 0.2em;
  color: white;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table td ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box table td ul li {
  padding: 0.2em 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl {
  font-size: 1em;
  padding: 0.1em;
  margin: 0.3em auto;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl:last-of-type {
  border-bottom: 1px solid #efdcc0;
  margin-bottom: 3em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl dt {
  font-size: 1.2em;
  background: #efdcc0;
  color: #4a2316;
  padding: 0.5em 1.5em;
  font-weight: 700;
  text-transform: uppercase;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl dd {
  color: #ffffff;
  padding: 0.9em 1.5em 1em;
  margin: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl dd + dd {
  padding-top: 0;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box dl dd strong {
  background: black;
  display: block;
  margin: -0.5em -1em 0.5em;
  padding: 0.5em 1em;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop {
  background: url("/minisite/ageofempires2/images/blog/button-mid.png") center top/auto 37px repeat transparent;
  color: #ffdf91;
  padding: 1.5em 1em 1.5em;
  height: auto;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 0.7em auto 2em;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  border: 6px double transparent;
  transition: border 0.2s linear, color 0.2s linear, transform 0.2s linear;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop:hover {
  color: white;
  border-top-color: #ffdf91;
  border-bottom-color: #ffdf91;
  transform: scale(1.05);
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop:active {
  border-top-color: #fff;
  border-bottom-color: #fff;
  transform: scale(0.98);
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop::before, body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop::after {
  content: " ";
  display: block;
  width: 38px;
  height: 100%;
  position: absolute;
  left: -38px;
  top: 0;
  background: url("/minisite/ageofempires2/images/blog/button-left.png") center top/100% 100% repeat transparent;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box a.backtotop::after {
  left: auto;
  right: -38px;
  background: url("/minisite/ageofempires2/images/blog/button-right.png") center top/100% 100% repeat transparent;
}
body.minisite_complex-page #minisite-content.blog #minisite-view ul#blog-tabs li.text-box#tab-new-campaigns .content h5 {
  margin: 0em auto 1em;
}
@media only screen and (min-width: 950px) {
  body.minisite_complex-page #minisite-content.blog #minisite-view {
    /*
    			h4#a-new-age + img + p {
    				width: 100%;
    			} 
    */
  }
}

/* Anything above main header width */
/* image slider */
.cd-image-container {
  position: relative;
  width: 90%;
  max-width: 1920px;
  margin: 0em auto;
}

.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.cd-image-label.is-hidden {
  visibility: hidden;
}

.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-right: 2px solid orange;
}

.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}

.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}

.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: orange url("/minisite/ageofempires2/images/blog/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}

.cd-handle.draggable {
  /* change background color when element is active */
  background-color: white;
}

.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}