#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.8); /* change if the mask should have another color then white */
    z-index:699; /* makes sure it stays on top */
}

.chronicles-game-block-1 #main-video,
.chronicles-game-block-1 .component-order-china,
.chronicles-game-block-1 .component-tagline-text p,
.chronicles-game-block-2 .component-title-links,
.chronicles-game-block-2 .component-info-body,
.chronicles-game-block-2 .component-info-features,
.chronicles-game-block-2 .component-order-bundle,
.chronicles-game-block-3>div,
.chronicles-game-block-4 .component-title-links,
.chronicles-game-block-4 .component-boxshots,
.chronicles-game-block-4 .component-order-china,
.chronicles-game-block-4 .component-order-bundle {
  visibility: hidden;
}

.span-12.chronicles-game-block-1,
.span-12.chronicles-game-block-2,
.span-12.chronicles-game-block-3,
.span-12.chronicles-game-block-4 {
  background-size: cover;
  width: 100%;
  max-width: none;
  width: auto;
  float: none;
}




.component-title-links a {
  position: relative;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  padding: 0 0 10px;
}

.component-title-links a:hover {
  text-decoration: none;
}

.component-title-links a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

.component-title-links a:hover::after,
.component-title-links a:focus::after {
  height: 5px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}





.span-12.chronicles-game-block-2,
.span-12.chronicles-game-block-4 {
  min-height: 745px;
}
.component-title-links {
  color: white;
  text-shadow: 1px 1px 0px #000000;
  font-size: 22px;
}
.chronicles-game-block h2 {
  color: white;
  font-size: 36px;
  font-weight: 400;
  margin: 0;
  line-height: 40px;
}
.chronicles-game-block-3 h2 {
  padding-top: 44px;
  padding-bottom: 44px;
  text-shadow: 1px 1px 0px #000000;
}
.chronicles-game-block-3 {
  padding-bottom: 130px;
}
.row-fluid .component-info-body.offset1 {
  margin-left: 8.547008547008547%;
  *margin-left: 8.440625568285142%;
}
.component-title-links {
  padding-top: 48px;
  padding-bottom: 102px;
}
.chronicles-game-block-4 .component-title-links {
  padding-bottom: 42px;
}
.component-title-links h2 {
  margin-bottom: 6px;
}
.component-info-body p {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.component-info-body {
  margin-bottom: 100px;
}

.component-info-features {
  background-color: rgba(255, 255, 255, 0.6);
}
.component-info-features h4 {
  color: #c11d1f;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  font-weight: 700;
}
.component-info-features ul {
  margin-left: 40px;
  list-style: disc;
  margin-top: 12px;
  padding-bottom: 14px;
  margin-right: 20px;
}
.component-info-features li {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.component-info-features li p:first-child {
  margin-bottom: 0;
}

.component-title-text {
  
  width: 82.90598290598291%;
  *width: 82.8527914166212%;
  margin-left: 8.547008547008547%;
  *margin-left: 8.440625568285142%;
}
div.assetoverview {
  width: 100%;
}
.chronicles-game-block-2 .component-order {
  margin-top: 20px;
  margin-bottom: 50px;
}

.component-screen-assets {
  display: none;
}
.carousel-item a {
  display: block;
  margin: 10px;
  border: 1px solid #939292;
  background-color: white;
}
.carousel-item a:hover {
  border: 1px solid white;
}
.carousel-item img {
  display: block;
  width: 100%;
  height: auto;
}
.carousel-item img:hover {
  opacity: 0.8;
}

#carousel-items {
  float: left;
}

#carousel-prev-btn,
#carousel-next-btn {
  float: left;
  width: 60px;
  height: 60px;
  display: block;
  cursor: pointer;
  background-image: url('acc-prev-next-btn.png');
}
#carousel-prev-btn {
  background-position: left top;
}
#carousel-next-btn {
  background-position: right top;
}
#carousel-prev-btn:hover {
  background-position: left bottom;
}
#carousel-next-btn:hover {
  background-position: right bottom;
}

.chronicles-game-block-4 .component-boxshots {
  margin-left: 8.547008547008547%;
  *margin-left: 8.440625568285142%;
}

.chronicles-game-block-4 .component-order h4 {
  text-align: left;
  text-shadow: 1px 1px 0px #000000;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.chronicles-game-block-4 .component-order p {
  text-align: left;
  text-shadow: 1px 1px 0px #000000;
  font-size: 16px;
  line-height: 28px;
}
.chronicles-game-block-4 .component-order .order .top {
  padding: 20px 18px;
}
.chronicles-game-block-4 .order-buttons ul {
  left: auto;
  float: none;
  text-align: center;
}
.chronicles-game-block-4 .order-buttons ul li {
  right: auto;
}
.chronicles-game-block-4 .order-buttons ul li {
  margin-left: 0;
  margin-right: 0;
  width: 24%;
  display: inline-block;
  float: none;
}

.component-order-bundle h2 {
  text-align: center;
  line-height: 30px;
  text-shadow: 1px 1px 0px #000000;
  font-size: 24px;
  font-weight: 400;
}
.component-order-bundle .order-top-cta {
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  line-height: 18px;
  margin-top: 10px;
}
.component-order-bundle .order-top-cta a {
  display: inline-block;
  padding: 10px 20px;
  color: white;
  background-color: rgba(255,255,255,0.2);
}
.component-order-bundle .order-top-cta a:hover {
  background-color: white;
  color: black;
  text-shadow: none;
  text-decoration: none;
}

/* START: Pagination */
.onepage-pagination {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  /*width: 4px;*/
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 15px;
  height: 15px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 6px;
}
/* END: Pagination */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  
}

@media (max-width: 1199px) {
  
  .row-fluid.chronicles-game-block-1>div.span12,
  .row-fluid.chronicles-game-block-2>div.span12,
  .row-fluid.chronicles-game-block-3>div.span12,
  .row-fluid.chronicles-game-block-4>div.span12 {
    max-width: none;
    width: auto;
    margin: 0 20px;
    float: none;
  }
  .component-order-china.component-order.span-3.offset1 {
    margin-left: 8%;
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .row-fluid.chronicles-game-block-1>div.span12,
  .row-fluid.chronicles-game-block-2>div.span12,
  .row-fluid.chronicles-game-block-3>div.span12,
  .row-fluid.chronicles-game-block-4>div.span12 {
    max-width: 1180px;
    margin: 0 auto;
    float: none;
  }
}

.chronicles-product .chronicles-game-block-1 .component-tagline-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: transparent url('acc-red-bg-bottom.png') center top no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 48px;
}
.chronicles-product .chronicles-game-block-1 .component-tagline-text p {
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  text-shadow: 1px 1px 0px #000000;
  color: white;
  max-width: 780px;
  margin: 0 auto;
}

.chronicles-game-block-1 .component-trailer-video {
  margin-left: 0;
}
.chronicles-game-block-1 .component-trailer-video video {
  border: 1px solid rgba(143, 142, 140, 0.6);
}
.component-order .order {
  border: 1px solid rgba(143, 142, 140, 0.6);
}
.component-order .order .top {
  background-color: rgba(193, 29, 31, 0.8);
  margin: 0;
  padding: 10px;
}
.component-order h4 {
  font-size: 20px;
  margin: 0;
  color: white;
  font-weight: 400;
  text-align: center;
}
.component-order p {
  margin: 0;
  font-weight: 400;
  color: white;
  padding-top: 8px;
}
.component-order .order .bottom {
  background-color: rgba(60, 10, 11, 0.6);
  margin: 0;
}


.chronicles-game-block-1 .component-product-logo {
  margin-top: 36px;
  margin-bottom: 40px;
  margin-left: 2%
}

.chronicles-game-block-1 .component-tagline-text {
  clear: left;
}



.order-buttons {
  height: auto;
  overflow: hidden;
  width: 100%
}
.order-buttons ul {
  list-style: none;
  position: relative;
  float: left;
  display: block;
  left: 50%;
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}
.order-buttons ul li {
  position: relative;
  float: left;
  display: block;
  right: 50%;
}
.order-buttons a {
  display: block;
  text-align: center;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.order-buttons li.inactive a {
  cursor: default;
  pointer-events: none;
}
.order-buttons a:hover {
  text-decoration: none;
}
.order-buttons li:not(.inactive) a:hover {
  background-color: white;
  color: black;
}
.order-buttons li {
  width: 45%;
  text-align: center;
}
.order-buttons li:nth-child(2n+0) {
  margin-right: 5%
}
.order-buttons li:nth-child(2n+1) {
  margin-left: 5%
}
.order-buttons li.inactive {
  position: relative;
}
.order-buttons li.inactive span {
  position: absolute;
  left: 0;
  top: 26px;
  text-align: center;
  width: 100%;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
}
.row-fluid .component-order-bundle {
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 17.094017094017094%;
  *margin-left: 16.98763411529369%;
}


@media (max-width: 999px) {
  .component-order-china.component-order.span-3.offset1 {
    margin-left: 5%;
    width: 37%;
  }
}

@media (min-width: 768px) {
  .chronicles-china .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #d0bf9c url('acc-china-block1-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-china .chronicles-game-block2-wrapper {
    background: #e6e1d7 url('acc-china-block-top-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-china .chronicles-game-block3-wrapper {
    background: #e6e1d7 url('acc-china-block-top-bg3.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-china .chronicles-game-block4-wrapper {
    background: #e6e1d7 url('acc-china-block-top-bg4.jpg') center top no-repeat;
    background-size: cover;
  }
  /* Trilogy */
  .chronicles-trilogy .chronicles-game-block-4 .component-order .order .top.retailer {
  padding: 1px 18px;
}
  .chronicles-trilogy .chronicles-game-block-4 .component-order .order .top.retailer h3{
  font-size: 20px;
    color: #ffffff;
    text-align: left;
    text-shadow: 1px 1px 0px #000000;
    line-height: 30px;
    font-weight: 400;
  }
  .chronicles-trilogy .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #d0bf9c url('acc-trilogy-block1-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .component-order .order .bottom.order-retailer {
    padding: 10px;
}
  .chronicles-trilogy .chronicles-game-block2-wrapper {
    background: #e6e1d7 url('acc-trilogy-block-top-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-trilogy .chronicles-game-block3-wrapper {
    background: #e6e1d7 url('acc-trilogy-block-top-bg3.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-trilogy .chronicles-game-block4-wrapper {
    background: #e6e1d7 url('acc-trilogy-block-top-bg4.jpg') center top no-repeat;
    background-size: cover;
  }
  /* India */
  .chronicles-india .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #d0bf9c url('acc-india-block1-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-india .chronicles-game-block2-wrapper {
    background: #e6e1d7 url('acc-india-block-top-bg.jpg') center top no-repeat;
     background-size: cover; 
  }
  .chronicles-india .chronicles-game-block3-wrapper {
    background: #e6e1d7 url('acc-india-block-top-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-india .chronicles-game-block4-wrapper {
    background: #e6e1d7 url('acc-india-block-top-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  /* Russia */
  .chronicles-russia .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #d0bf9c url('acc-russia-block1-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-russia .chronicles-game-block2-wrapper {
    background: #e6e1d7 url('acc-russia-block-top-bg.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-russia .chronicles-game-block3-wrapper {
    background: #e6e1d7 url('acc-russia-block-top-bg3.jpg') center top no-repeat;
    background-size: cover;
  }
  .chronicles-russia .chronicles-game-block4-wrapper {
    background: #e6e1d7 url('acc-russia-block-top-bg4.jpg') center top no-repeat;
    background-size: cover;
  }
  
  
  .chronicles-product .chronicles-game-block-2 {
    background: transparent url('acc-china-block-bottom-bg.png') center bottom no-repeat;
    background-size: contain;
    height: 100%;
    position:relative;
    /* padding-top: 250px; */
  }

  .chronicles-product.chronicles-india .chronicles-game-block-2{
    background: transparent url('acc-india-red-bg-bottom-extended.png') center bottom no-repeat;
    background-size: contain;
    height: 100%;
    position:relative;
    padding-top: 250px;
  }

  .chronicles-product .chronicles-game-block-3,
  .chronicles-product .chronicles-game-block-4 {
    background: transparent url('acc-china-block-bottom-bg.png') center bottom no-repeat;
    background-size: contain;
    height: 100%;
    position:relative;
  }

  .chronicles-product.chronicles-india .chronicles-game-block-3,
  .chronicles-product.chronicles-india .chronicles-game-block-4 {
    background: transparent url('acc-india-red-bg-bottom-extended.png') center bottom no-repeat;
    background-size: contain;
    height: 100%;
    position:relative;
  }
}

@media (max-width: 959px) {
  
  .chronicles-game-block-4 .component-order-china .order-buttons li {
    width: 40%;
    text-align: center;
  }
  .chronicles-game-block-4 .component-order-china .order-buttons li:nth-child(2n+0) {
    margin-right: 5%
  }
  .chronicles-game-block-4 .component-order-china .order-buttons li:nth-child(2n+1) {
    margin-left: 5%
  }
}

@media (max-width: 767px) {
  .chronicles-game-block2-wrapper .component-title-links,
  .chronicles-china .component-box-info .component-title-links,
  .chronicles-india .component-box-info .component-title-links,
  .chronicles-russia .component-box-info .component-title-links {
    position:relative !important;
  }
  .onepage-pagination {
    display: none;
  }
  .chronicles-china .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #efece5 url('acc-china-block1-mobile-bg.jpg') center top no-repeat;
    background-size: contain;
  }
  .chronicles-india .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #e3b06e url('acc-india-block1-mobile-bg.jpg') center top no-repeat;
    background-size: contain;
  }
  .chronicles-russia .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #daa685 url('acc-russia-block1-mobile-bg.jpg') center top no-repeat;
    background-size: contain;
  }
  .chronicles-trilogy .chronicles-game-block-1 {
    position: relative;
    padding-bottom: 250px;
    background: #efece5 url('acc-trilogy-block1-mobile-bg.jpg') center top no-repeat;
    background-size: contain;
  }
  .chronicles-china .chronicles-game-block-wrapper {
    background: #efece5 url('acc-china-blocktop-mobile-bg.jpg') left top no-repeat;
    background-size: auto;
  }
  .chronicles-india .chronicles-game-block-wrapper {
    background: #e3b06e url('acc-india-blocktop-mobile-bg.jpg') left top no-repeat;
    background-size: auto;
  }
  .chronicles-russia .chronicles-game-block-wrapper {
    background: #daa685 url('acc-russia-blocktop-mobile-bg.jpg') left top no-repeat;
    background-size: auto;
  }
  .chronicles-china .chronicles-game-block-2,
  .chronicles-china .chronicles-game-block-3,
  .chronicles-china .chronicles-game-block-4 {
    background: transparent url('acc-china-blockbottom-mobile-bg.jpg') right bottom no-repeat;
    background-size: auto;
    height: 100%;
  }
  .chronicles-india .chronicles-game-block-2,
  .chronicles-india .chronicles-game-block-3,
  .chronicles-india .chronicles-game-block-4 {
    background: transparent url('acc-india-blockbottom-mobile-bg.jpg') right bottom no-repeat;
    background-size: auto;
    height: 100%;
  }
  .chronicles-russia .chronicles-game-block-2,
  .chronicles-russia .chronicles-game-block-3,
  .chronicles-russia .chronicles-game-block-4 {
    background: transparent url('acc-russia-blockbottom-mobile-bg.jpg') right bottom no-repeat;
    background-size: auto;
    height: 100%;
  }
  .chronicles-game-block-inner:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid .component-order-bundle {
    margin-left: 0;
  }
  .chronicles-game-block h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .chronicles-game-block-3 h2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .component-title-links {
    padding-top: 20px;
    padding-bottom: 42px;
  }
  .chronicles-game-block-4 .component-title-links {
    padding-top: 0px;
  }
  .component-info-body {
    margin-bottom: 20px;
  }
  .component-title-text {
    width: auto;
    margin-left: 0;
  }
  .chronicles-game-block-1 .component-product-logo {
    margin-left: 0;
    text-align: left;
    width: 40%;
  }
  .component-order-china.component-order.span-3.offset1 {
    margin: 30px 0 40px 0;
    width: auto;
    float: none;
    padding-top: 0 !important;
  }
  .chronicles-game-block-1 .component-tagline-text p {
    margin: 0 20px;
    font-size: 22px;
    line-height: 28px;
  }
  .row-fluid .component-info-body.offset1 {
    margin-left: 0;
  }
  .chronicles-game-block-4 .component-boxshots {
    margin-left: 16%;
    margin-right: 16%;
    width: auto;
    margin-top: 0px;
  }
  .chronicles-game-block-4 .order-buttons ul li {
    width: 24%;
  }
  .chronicles-game-block-4 .component-order-china {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .chronicles-game-block-3 {
    padding-bottom: 20px;
  }
  .chronicles-product .chronicles-game-block-1 .component-tagline-text {
    padding-top: 60px;
    background: transparent url('acc-red-bg-bottom-mobile.png') center top no-repeat;
  }
  .chronicles-product.chronicles-india .chronicles-game-block-1 .component-tagline-text {
    background: #e3b06e  url('acc-red-india-bg-bottom-mobile.png') center top !important;
}
}

#preloader {
  text-align: center;
}


#preloader-position-top {
  position: absolute;
  display: block;
  top: 30%;
  left: 0;
  text-align: center;
  width: 100%;
}
#preloader-position-left {
  display: inline-block;
  
}

@-webkit-keyframes xxxx {
  0% {
    background-color: #721615; }

  1% {
    background-color: #e80000; }

  11% {
    background-color: #e80000; }

  21% {
    background-color: #721615; }

  100% {
    background-color: #721615; } }

@-moz-keyframes xxxx {
  0% {
    background-color: #721615; }

  1% {
    background-color: #e80000; }

  11% {
    background-color: #e80000; }

  21% {
    background-color: #721615; }

  100% {
    background-color: #721615; } }

@-ms-keyframes xxxx {
  0% {
    background-color: #721615; }

  1% {
    background-color: #e80000; }

  11% {
    background-color: #e80000; }

  21% {
    background-color: #721615; }

  100% {
    background-color: #721615; } }

@keyframes xxxx {
  0% {
    background-color: #721615; }

  1% {
    background-color: #e80000; }

  11% {
    background-color: #e80000; }

  21% {
    background-color: #721615; }

  100% {
    background-color: #721615; } }

#preloader-status {
  background: none;
  position: relative;
  width: 200px;
  height: 200px; }
  #preloader-status div {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #721615; }
    #preloader-status div > div {
      position: absolute;
      top: 0;
      left: 0;
      -ms-animation: xxxx 1s linear infinite;
      -moz-animation: xxxx 1s linear infinite;
      -webkit-animation: xxxx 1s linear infinite;
      -o-animation: xxxx 1s linear infinite;
      animation: xxxx 1s linear infinite;
      width: 40px;
      height: 40px; }
  #preloader-status > div:nth-of-type(1) {
    top: 30px;
    left: 30px; }
    #preloader-status > div:nth-of-type(1) > div {
      -ms-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -webkit-animation-delay: 0s;
      -o-animation-delay: 0s;
      animation-delay: 0s; }
  #preloader-status > div:nth-of-type(2) {
    top: 30px;
    left: 80px; }
    #preloader-status > div:nth-of-type(2) > div {
      -ms-animation-delay: 0.125s;
      -moz-animation-delay: 0.125s;
      -webkit-animation-delay: 0.125s;
      -o-animation-delay: 0.125s;
      animation-delay: 0.125s; }
  #preloader-status > div:nth-of-type(3) {
    top: 30px;
    left: 130px; }
    #preloader-status > div:nth-of-type(3) > div {
      -ms-animation-delay: 0.25s;
      -moz-animation-delay: 0.25s;
      -webkit-animation-delay: 0.25s;
      -o-animation-delay: 0.25s;
      animation-delay: 0.25s; }
  #preloader-status > div:nth-of-type(4) {
    top: 80px;
    left: 130px; }
    #preloader-status > div:nth-of-type(4) > div {
      -ms-animation-delay: 0.375s;
      -moz-animation-delay: 0.375s;
      -webkit-animation-delay: 0.375s;
      -o-animation-delay: 0.375s;
      animation-delay: 0.375s; }
  #preloader-status > div:nth-of-type(5) {
    top: 130px;
    left: 130px; }
    #preloader-status > div:nth-of-type(5) > div {
      -ms-animation-delay: 0.5s;
      -moz-animation-delay: 0.5s;
      -webkit-animation-delay: 0.5s;
      -o-animation-delay: 0.5s;
      animation-delay: 0.5s; }
  #preloader-status > div:nth-of-type(6) {
    top: 130px;
    left: 80px; }
    #preloader-status > div:nth-of-type(6) > div {
      -ms-animation-delay: 0.625s;
      -moz-animation-delay: 0.625s;
      -webkit-animation-delay: 0.625s;
      -o-animation-delay: 0.625s;
      animation-delay: 0.625s; }
  #preloader-status > div:nth-of-type(7) {
    top: 130px;
    left: 30px; }
    #preloader-status > div:nth-of-type(7) > div {
      -ms-animation-delay: 0.75s;
      -moz-animation-delay: 0.75s;
      -webkit-animation-delay: 0.75s;
      -o-animation-delay: 0.75s;
      animation-delay: 0.75s; }
  #preloader-status > div:nth-of-type(8) {
    top: 80px;
    left: 30px; }
    #preloader-status > div:nth-of-type(8) > div {
      -ms-animation-delay: 0.875s;
      -moz-animation-delay: 0.875s;
      -webkit-animation-delay: 0.875s;
      -o-animation-delay: 0.875s;
      animation-delay: 0.875s; }
      
      
.embed-container { position: relative; padding-bottom: 56.25%; height: 100%; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*.chronicles-trilogy .chronicles-game-block-1 .component-trailer-video {
  margin-right: auto;
  margin-left: auto;
  float: none;
}*/

.chronicles-india .component-box-info .component-title-links, .chronicles-china .component-box-info .component-title-links {
    position: absolute;
    visibility: visible;
    clear: left;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-size: cover;
    margin-left: 0;
}

.chronicles-product.chronicles-india .chronicles-game-block-1 .component-tagline-text {
    background: transparent url('acc-india-red-bg-bottom-extended.png') center top;
}

.chronicles-product.chronicles-india .chronicles-game-block-2 .component-tagline-text {
    background: #e3b06e url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}

.chronicles-product.chronicles-india .chronicles-game-block-3 .component-tagline-text {
    background: #e3b06e  url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}

.chronicles-product.chronicles-india .chronicles-game-block-4 .component-tagline-text {
    background: #e3b06e  url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}

.chronicles-china .component-box-info .span-5{
  margin-top:200px !important;
}



.chronicles-product.chronicles-russia .chronicles-game-block-1 .component-tagline-text {
    background: transparent url('acc-red-bg-bottom.png') center top no-repeat;
    background-size: cover;
}

.chronicles-product.chronicles-russia .chronicles-game-block-2 .component-tagline-text {
    background: #daa685 url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}

.chronicles-product.chronicles-russia .chronicles-game-block-3 .component-tagline-text {
    background: #daa685  url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}

.chronicles-product.chronicles-russia .chronicles-game-block-4 .component-tagline-text {
    background: #daa685  url('acc-india-red-bg-bottom-extended.png') center top no-repeat;
}


.indent {
    padding-left: 25px;
}
@media screen and (min-width: 768px){
  .chronicles-russia .component-box-intro .component-order {
      margin-left:62px !important;
      margin-top:25px !important;
      margin-bottom:200px !important;
  }
}

@media screen and (max-width: 767px){
  .chronicles-russia .component-box-intro .component-order {
      margin: 11em 0 0 0 !important;
   } 
}
.page-chronicles.chronicles-product.chronicles-trilogy .bottom.order-buttons li{
	/*width: 24%;*/
}
.page-chronicles.chronicles-product.chronicles-trilogy .component-box-intro .order-buttons li{
	/*width: 100%;*/
}