.game-top-graphic {
  height: 500px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url('gamebuy-graphic.jpg');
  
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: cover;         /* Generic*/
  
  box-shadow: inset 0px 1px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,0.5);
  
  position: relative;
}
body.acunity .content-row {
  max-width: none;
}
body.acunity .content-block>.richtext {
  background-color: transparent;
  padding-top: 0;
}
body.acunity .span-12 .textarea {
  background-color: white;
  padding-bottom: 20px;
  padding-top: 20px;
}
body.acunity .span-12.last .textarea {
  padding-bottom: 0;
  margin-bottom: 40px;
}
body.acunity .span-12.last {
}
body.acunity .span-12 .textarea p {
  padding-top: 0;
}
body.acunity .span-12 .textarea p a {
  font-weight: 700;
}
body.acunity .span-12.grey-area .textarea {
    background-color: #3d4256;
}
body.acunity .span-12.grey-area .textarea p{
    color: #ffffff;
}
body.acunity .span-12.grey-area .textarea .share_cta, body.acunity .span-12.buy-now .textarea .buy_cta{
    text-align: center;
    padding-bottom: 30px;
    margin-top: 20px;
}
body.acunity .span-12.buy-now .textarea h3{
    color: #ffffff;
    margin-top: 0;
    padding-bottom: 20px;
    font-size: 20px;
}
body.acunity .span-12.grey-area .textarea .share_cta a, body.acunity .span-12.buy-now .textarea .buy_cta a{
    margin-left: 4%;
    margin-right: 4%;
}



body.acunity .textarea {
  font-size: 16px;
  line-height: 22px;
}
body.acunity .textarea p.intro {
  font-size: 20px;
  line-height: 28px;
}
body.acunity .textarea h2 {
  font-size: 22px;
  line-height: 28px;
  padding-top: 0;
  margin-top: 10px;
}
body.acunity .content-block .span-12 {
  max-width: 1180px;
  margin: 0 auto;
  float: none;
}
.full-width-img img {
  width: 100%;
  height: auto;
  max-width: none;
}
.content-row .full-width-img {
  position: relative;
  clear: both;
}
.content-row .full-width-img .title-overlay {
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
  bottom: 0px;
}
.content-row .full-width-img .title-overlay>div {
  max-width: 1180px;
  margin: 0 auto;
}
.content-row .full-width-img h2 {
  color: white;
  font-size: 32px;
  line-height: 30px;
  font-weight: 300;
  margin-left: 0;
  margin-right: 0;
  margin-left: 25.3%;
  margin-right: 25.2%;
}
p.center {
  text-align: center;
}
a.shard-btn {
  display: inline-block;
  height: 44px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
a.shard-btn span {
  background: transparent url('shard-button.png') center top no-repeat;
  display: block;
  height: 44px;
  float: left;
  line-height: 44px;
  color: white;
}
a.shard-btn .before {
  width: 40px;
  background: transparent url('shard-button.png') left top no-repeat;
}
a.shard-btn .after {
  background: transparent url('shard-button.png') right top no-repeat;
  width: 40px;
}
a.shard-btn:hover span {
  background-position: center -44px;
}
a.shard-btn:hover .before {
  background-position: left -44px;
}
a.shard-btn:hover .after {
  background-position: right -44px;
}

/*CSS for header for each game*/
body.ac .game-top-graphic{
    background-image: url('ac_header.jpg');
}

body.ac2 .game-top-graphic{
    background-image: url('ac2_header.jpg');
}

body.ac3 .game-top-graphic{
    background-image: url('ac3_header.jpg');
}

body.ac4bf .game-top-graphic{
    background-image: url('ac4bf_header.jpg');
}
body.acunity .game-top-graphic{
    background-image: url('acu-top-header.jpg');
}

body.acunity.deadkings .game-top-graphic{
  background-image: url('acu-dead-kings-header_bg.jpg');
}

body.acunity.acrogue .game-top-graphic{
    background-image: url('acrogue-top-header.jpg');
}

body.acunity.acidentity .game-top-graphic{
    background-image: url('acidentity-top-header.jpg');
}
body.acunity.acac .game-top-graphic{
  background-image: url('acac_header.jpg');
}

body.acunity>form {
  background: none;
}
body.acunity {
  background: #ebe4d0 url('emea-gameinfo-main-bg.jpg') top center repeat;
  background-size:auto;
}
body.acunity.acrogue {
  background: #d5e9f4 url('gameinfo-acrogue-main-bg.jpg') top center repeat;
  background-size:auto;
}
body.acunity.acidentity {
  background: #d5e9f4 url('gameinfo-acidentity-main-bg.jpg') top center repeat;
  background-size:auto;
}
body.acunity.acac {
  background: #d5e9f4 url('main-bg.jpg') top center repeat;
  background-size:auto;
}


body.acunity .offer {
  margin-top: 30px;
}

body.acb .game-top-graphic{
    background-image: url('acb_header.jpg');
}

body.acr .game-top-graphic{
    background-image: url('acr_header.jpg');
}

body.aclhd .game-top-graphic{
    background-image: url('aclhd_header.jpg');
}

body.acp .game-top-graphic{
    background-image: url('acpirates_header.jpg');
}

body.acfc .game-top-graphic{
    background-image: url('acfc_header.jpg');
}

body.acl .game-top-graphic{
    background-image: url('acl_header.jpg');
}

/*END CSS for header for each game*/

.row-fluid.game-top-graphic-row {
  max-width: none;
}
.game-title-block {
  background: white url('ac-badge.png') left top no-repeat;
  position: relative;
  left: 0;
  top: -70px;
  display: block;
  min-height: 90px;
  margin-bottom: -70px;
}
body.acunity .game-title-block {
  background: white url('acu-crest.png') left top no-repeat;
}
body.acunity.acrogue .game-title-block {
  background: white url('acrogue-crest.png') left top no-repeat;
}
body.acunity.acidentity .game-title-block {
  background: white url('acidentity-crest.png') left top no-repeat;
}
body.acunity.acac .game-title-block {
  background: white url('AC_crest_generic.png') left top no-repeat;
}

.game-title-component {
  padding-left: 100px;
  position: relative;
}
.game-title-component h1 {
  text-transform: none;
  color: #26292e;
  font-size: 30px;
  margin-top: 30px;
  float: left;
  font-weight: 300;
  width: 64%;
}
.game_cta {
  float: right;
  margin-top: 30px;
}
.game_cta a,
p.content-add-to-cart a {
  float: right;
  display: block;
  line-height: 40px;
  color: white;
  padding-left: 15px;
  padding-right: 60px;
  min-width: 120px;
  background: #8d2226 url('add-to-cart-bg.png') right top no-repeat;
  font-weight: 300;
}
.site-ac .game_cta a {
  background-image: url('buy-now-bg.gif');
}

body.acunity .game_cta a {
  background-image: url('add-to-cart-alt-bg.png');
}
.game_cta_desktop {
  display: block;
}
.game_cta_mobile {
  display: none;
}

.game_cta a:hover,
p.content-add-to-cart a:hover {
  background-position: right -40px;
  text-decoration: none;
}
.game-title-wrapper {
  position: relative;
  top: 0px;
  left: 0;
  display: block;
}
.content-block {
  padding-top: 0px;
  margin-top: 0;
  color: #3d4255;
  line-height: 1.4em;
}
.content-block>.richtext {
  background-color: white;
  padding-top: 1px;
  padding-bottom: 1px;
}
.game-title-wrapper .right-spacer {
  position: absolute;
  left: 0;
  top: -70px;
  display: none;
}
.content-block p {
  line-height: 1.5em;
  margin-top: 0.9em;
  margin-bottom: 1em;
}
.content-block ul {
  margin: 1em 140px;
}
.content-block ul li {
  list-style: circle;
  margin: 0.6em 0;
  font-weight: 400;
}

.content-block h2 {
  color: #8d2226;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0.8em;
  margin-top: 1.3em;
}
.content-block h2,
.content-block div.intro,
.content-block p {
  margin-right: 100px;
  margin-left: 100px;
  padding-top: 10px;
}
.content-block h3 {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  margin-top: 1.0em;
  margin-bottom: 1.0em;
}
.content-block div.intro {
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 300;
}
.content-block div.intro strong {
  font-weight: 700;
}

.content-block blockquote {
  margin: 0em 1em 1em 100px;
  float: left;
  width: 32%;
  display: block;
  font-size: 30px;
  line-height: 1.4em;
  font-weight: 300;
  font-style: italic;
  border: none;
  border-width: 0;
  padding: 0;
  color: #b01a0d;
}
.right-packart {
  margin-top: 20px;
  margin-bottom: 20px;
}

p.content-add-to-cart {
  margin-top: 30px;
  padding-bottom: 20px;
}
p.content-add-to-cart a {
  float: left;
}
p.content-add-to-cart:after {
  content: " "; /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.retailers-block {
  background-color: #3d4256;
  margin-bottom: 30px;
}
.site-ac .retailers-block {
  background-color: #d0d4d9;
}
.retailers-component {
  padding-bottom: 10px;
}
.retailers-component h3 {
  color: white;
  font-weight: 400;
  font-size: 24px;
  padding-top: 20px;
}
.site-ac .retailers-component h3 {
  font-size: 30px;
  font-weight: 300;
}
.site-ac .retailers-component h3 {
  color: black;
}
.retailers-component .game-buy-packart {
  float: left;
  margin: 20px 28px;
}
.retailers-component ul {
  display: block;
  margin-right: 40px;
  height: auto;
  margin-left: 0;
  float: left;
}
.retailers-component .game-buy-retail-right {
  margin-left: 210px;
}
.retailers-component .game-buy-esrb {
  padding-top: 0px;
  padding-bottom: 30px;
  float: left;
}
.retailers-component ul:after,
.retailers-component .game-buy-esrb:after,
.retailers-component .game-buy-retail-right:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: left;
}
.retailers-component .game-buy-esrb:after {
}
.retailers-component li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  background-color: white;
}
.site-ac .retailers-component li {
  margin: 0 16px 16px 0;
}

.retailers-component li a:hover {
  opacity: 0.75;
  zoom: 1;
}


/* Breakout Videos */
.video-breakout {
  background-color: #3d4256;
  height: auto;
  margin-left: -12%;
  margin-right: -12%;
  width: 124%;
  display: table;
  margin-top: 10px;
  margin-bottom: 20px;
}
.site-ac .video-breakout {
  background-color: #d0d4d9;
}
.video-breakout:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.video-breakout .video-player {
  width: 60%;
  display: table-cell;
}
.video-breakout .video-desc {
  width: 40%;
  color: white;
  display: table-cell;
  vertical-align: middle;
}
.site-ac .video-breakout .video-desc {
  color: #313030;
}
.video-breakout .gamebuy-video {
  margin-top: 0;
  margin-bottom: 0;
}
.video-breakout .video-desc h3 {
  font-weight: 300;
  font-size: 26px;
  line-height: 1.1em;
  margin-right: 100px;
  margin-left: 20px;
  text-align: left;
  text-transform: none;
  margin-bottom: 0.5em;
}
.video-breakout .video-desc p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3em;
  margin-right: 100px;
  margin-left: 20px;
  padding-top: 0;
}

/* Stand alone videos */
.gamebuy-video {
  margin-top: 30px;
  margin-bottom: 30px;
}
.gamebuy-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
}
.gamebuy-video object,
.gamebuy-video embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.agegate-active div.verify {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.agegate-active div.verify p.legal-msg {
  padding-top: 60px;
}
.content-row img {
  height: auto !important;
}


@media (max-width: 767px) {
  
  .content-row .full-width-img h2 {
    margin-left: 5.3%;
    margin-right: 5.2%;
  }
  .retailers-component .game-buy-retail-right {
    margin-left: 0px;
    clear: left;
  }
  .retailers-component .game-buy-esrb {
    float: none;
    text-align: center;
  }
  .retailers-component .game-buy-packart {
    float: none;
    margin: 20px 28px 0px 28px;
    padding-top: 20px;
    text-align: center;
  }
  

  .agegate-active div.verify p.legal-msg {
    padding-top: 30px;
  }
  .game_cta_desktop {
    display: none;
  }
  .game_cta_mobile {
    display: block;
  }
  
  .content-block ul {
    margin: 1em 20px 1em 35px;
  }
  .retailers-component {
    padding-bottom: 10px;
    background-color: #3d4256;
    margin-left: 10px;
    margin-right: 10px;
  }
  .site-ac .retailers-component {
    background-color: #d0d4d9;
  }
  .retailers-block {
    background-color: transparent;
  }
  .news-article-content blockquote {
    margin-left: 10px;
    float: none;
    width: auto;
    text-align: center;
  }
  .content-block h2,
  .content-block div.intro,
  .content-block p {
    margin-right: 10px;
    margin-left: 10px;
  }
  .content-block {
    padding-top: 0;
  }
  .video-breakout {
    display: block;
    width: 100%;
    margin: 0;
  }
  .video-breakout .video-player {
    display: block;
    width: 100%;
  }
  .video-breakout .video-desc {
    display: block;
    width: 100%;
    padding-bottom: 20px;
  }
  .video-breakout .video-desc h3 {
    margin-bottom: 0.6em;
    font-size: 20px;
  }
  .video-breakout .video-desc p {
    margin-right: 20px;
    font-size: 14px;
  }
  .content-block>.richtext {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .game-top-graphic {
    height: 250px;
  }
  
  .game-title-block {
    background-image: none;
    background-color: transparent;
    position: relative;
    left: 0;
    top: 0px;
    display: block;
    height: auto;
    min-height: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .game-title-component {
    padding-left: 10px;
    padding-right: 0px;
    background-color: white;
    height: auto;
  }
  .game-title-component:after {
     content: " "; /* Older browser do not support empty content */
     visibility: hidden;
     display: block;
     height: 0;
     clear: both;
  }
  .game-title-component h1 {
    text-transform: none;
    font-size: 20px;
    margin-top: 10px;
    line-height: 1.2em;
    float: left;
    width: 60%;
  }
  .game_cta {
    margin-top: 14px;
    width: 40%;
  }
  p.content-add-to-cart {
    margin-right: 0;
  }
  .game_cta a,
  p.content-add-to-cart a {
    min-width: 60px;
    float: right;
    font-size: 12px;
    padding-right: 40px;
  }
  .content-block div.intro {
    font-size: 14px;
  }
  .game_cta a:hover,
  p.content-add-to-cart a:hover {
    background-position: right -40px;
    text-decoration: none;
  }
  .game-title-wrapper {
    position: relative;
    top: 0px;
    left: 0;
    display: block;
  }
  .content-block blockquote {
    margin-left: 10px;
    float: none;
    width: auto;
    text-align: center;
  }
  .game-title-wrapper .right-spacer  {
    display: none;
  }
  .content-block p {
    margin-top: 0.6em;
    margin-bottom: 0.9em;
    padding-top: 0;
  }
  .content-block h2 {
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    padding-top: 0;
  }
  .retailers-component ul {
    margin-left: 10px;
    display: block;
    margin-right: 10px;
    height: auto;
    text-align: center;
  }
  .retailers-component li {
    display: inline-block;
    float: none;
  }
  .retailers-component h3 {
    padding-top: 10px;
    margin-top: 0;
    text-align: center;
    margin-left: 0px;
  }
  .row-fluid.content-row .span-3.right-content {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .agegate-active div.verify p.legal-msg {
    padding-top: 30px;
  }
  .game-title-component h1 {
    font-size: 22px;
    width: 60%
  }
  .game_cta a {
    min-width: 60px;
  }
}

@media (max-width: 639px) {
  .content-row .full-width-img h2 {
    font-size: 18px;
    line-height: 16px;
    margin-left: 3.3%;
    margin-right: 3.2%;
  }
}


@media (max-width: 767px){
    .deadkings .visible--desktop {
        display:none;
    }

    .deadkings .retailers-component p {
        text-align: center
    }

    .deadkings .game-title-component h1 {
        height: 50px;
        background: white url('acu-crest.png') no-repeat;
        padding: 15px 0 20px 90px;
    }
}

.videowrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}

.videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media and(min-width:1177px){
  .acidentity .content-row .full-width-img h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
.acidentity .content-row .full-width-img h2 {
  margin-left: 20.3%;
  margin-right: 20.2%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 20px 15px 20px;
  text-align: center;
}
body.acidentity .span-12.buy-now .textarea .buy_cta {
    padding-bottom: 0px !important; 
}
.YTI {
    margin-bottom: -6px !important;
    padding-bottom: 0px !important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}