.mainTitle { display:none; }
#choose-your-path.upgrade #formerSubActivation { display:none; }
#choose-your-path #rejoinNowButton { margin-bottom:50px; }

#offerForm .offerAcceptText { margin:10px 0; text-align:right;  }
#offerSubmit { text-align:right; }
#swtorOptin { margin:20px;  }
#contentContainer { min-height:75px; }
#close-offer {  padding:40px 0 0; text-align:right; }

#mainContent .background-image {
  width: 1440px;
  height: 949px;
  display: block;
  position: absolute;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/background.png) no-repeat top;
  left: -223px;
  z-index: -100;
}

#mainContent .jedi {
  width: 549px;
  height: 626px;
  display: block;
  position: absolute;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/jedi.png) no-repeat top;
  left: -323px;
  z-index: -90;
}

#mainContent .sith {
  width: 650px;
  height: 713px;
  display: block;
  position: absolute;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/sith.png) no-repeat top;
  right: -356px;
  z-index: -80;
}

/* normally 880px but needs to be overridden for lander to fit within 960px */
#page #mainContent {
  margin: 0 0px;
  width: 960px;
}

#choose-your-path {
  margin-top: -36px;
}

#choose-your-path p {
  margin:10px 5px;
}

#choose-your-path em {
  font-style: normal;
  color: #b2931a;
}

#choose-your-path h1,
#choose-your-path h2,
#choose-your-path h3,
#choose-your-path h4 {
  color: #c8a621;
}

#choose-your-path h1,
#choose-your-path h2 {
  font-family: Berling;
  font-variant: small-caps;
  font-weight: 700;
}

#choose-your-path h1 {
  background: none;
  padding: 100px 0 0 0;
  margin: 0;
  font-size: 70px;
  text-align: center;
  letter-spacing: 3px;
}

#choose-your-path h2 {
  font-size:26px;
}

#choose-your-path h3.subtitle {
  font-size: 26px;
  text-align: center;
  padding-top: 20px;
}

#choose-your-path #rejoinNowButton {
  text-align: center;
  margin-top: 62px;
}

#choose-your-path #formerSubActivation {
  position: relative;
  display:table;
  box-sizing:border-box;
  width:960px;
  height: 125px;
  margin-top: 75px;
  padding: 20px;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/7days-background.jpg) no-repeat;
  border:none;
}

#formerSubActivation .offerSplash,
#formerSubActivation .offerText,
#formerSubActivation .offerActivateContainer {
  display: table-cell;
  vertical-align: middle;
}

#formerSubActivation .offerSplash {
  text-align:center;
  color:#c8a621;
  width:210px;
  font-size:16px;
}

#formerSubActivation .offerSplash em {
  display:block;
  font-weight: 700;
  font-variant: small-caps;
  font-family: Berling;
  font-size:40px;
  line-height:40px;
}

#formerSubActivation .offerText {
  color: #fff;
  width: 470px;
}


#formerSubActivation .offerText .text {
  display:block;
  font-weight: 700;
  font-variant: small-caps;
  font-family: Berling;
  font-size: 32px;
  line-height: 32px;
}

#formerSubActivation .offerActivateContainer {
  text-align:right;
}

#offerActivate {
  position:relative;
  font-size:14px;
  font-weight: 600;
}
#offerActivate .helpText{
  position:absolute;
  text-align:center;
  width:100%;
  top:100%;
  left:0;
  font-size: 14px;
}

#choose-your-path #buyNow {
  position: relative;
  border: 1px solid #3c3c3c;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/storypack.png) no-repeat #2c2d31;
  margin-top: 6px;
  margin-bottom:0;
  padding-bottom: 100px;
}

#choose-your-path #buyNow .newTag {
  position: absolute;
  height: 140px;
  width: 140px;
  background:url(/sites/all/files/en/coruscant/main/landers/choose-your-path/tag_new_black.png) no-repeat;
  background-position: -10px -10px;
  z-index: 10;
}

#choose-your-path #buyNow .newTag p {
  font: 700 26px/30px Arial, sans-serif;
  color: #f8df16;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 36px;
  margin-left: -50px;
  text-align: center;
}

#choose-your-path #buyNow .header {
  position:absolute;
  top: 20px;
  left: 118px;
}

#choose-your-path #buyNow .header h2 {
  width: 570px;
  display: inline-block;
  vertical-align: middle;
  font-size:36px;

}

#choose-your-path .saveBox {
  position:relative;
  padding:15px 20px;
  border-radius: 5px;
  background-color:#000;
  display: inline-block;
  vertical-align: middle;
  text-align:center;
  margin-bottom:40px;
}

#buyNow .saveBox .discount {
  vertical-align:middle;
  color:  #c8a620;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

.saveBox .help-text {
  position:absolute;
  width:200px;
  top:100%;
  left:50%;
  margin-left:-100px;
}

#choose-your-path #buyNow .product {
  margin-top: 450px;
  padding:0 70px;
}

#buyNow .product .product-img {
  position:absolute;
  top:0;
  left:0;
}

#buyNow .product .info {
  display: block;
}

#buyNow .product .info ul li {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}

#buyNow .product .info ul li:before {
  color: #e0bd49;
  content: "\2022";
  font-size: 1.5em;
  padding-right: .25em;
  position: relative;
  top: .1em;
}

#buyNow .product-details, #buyNow .buyButton {
  display:inline-block;
  vertical-align:middle;
}

#buyNow .product-details {
  width:500px;
}

#buyNow .buyButton {
  width:290px;
  text-align:center;
}

#buyNow .buyButton .discount {
  display:block;
  width:100%;
  font-size:16px;
  font-weight:bold;
  margin-bottom: 10px;
}

#buyNow .buyButton .discount span {
  display:inline-block;
  vertical-align:top;
  margin-left:10px;
  color:#a78e24;
}

#buyNow .buyButton .discount .slashed {
  text-decoration: line-through;
  color:#7b8081;
}

#buyNow .bonus {
  position:absolute;
  top:100%;
  left:50%;
  margin-top: -65px;
  margin-left:-440px;
  width: 880px;
  height: 100px;
  background-color: #1d1d1d;
  border: 1px solid #3c3c3c;
  z-index: 100;
}

#buyNow .bonus .product-img {
  position:absolute;
  left:0;
  top:0;
  margin: 0;
  padding: 0;
  border-right: 1px solid #3c3c3c;
  vertical-align: middle;
}

#buyNow  .bonus .info {
  display: block;
  vertical-align: top;
  width: 100%;
  padding:10px;
  padding-left:260px;
  vertical-align: middle;
  box-sizing:border-box;
}

#buyNow  .bonus .info strong {
  color:#c8a621;
}

#choose-your-path #trailer {
  position: relative;
  width:960px;
  height:540px;
}

#choose-your-path #trailer .yt-video {
  width:100%;
  height:100%;
}

#choose-your-path #trailerPreview {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height:100%;
  z-index: -100;
}

.fadeSides:before, .fadeSides:after {
  content: '';
  position:absolute;
  top:0;
  height:100%;
  width:300px;
}

.fadeSides:after {
  right:0;
}

.fadeSides:before {
  background: -moz-linear-gradient(left,  rgba(19,19,19,1) 0%, rgba(19,19,19,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(19,19,19,1)), color-stop(100%,rgba(19,19,19,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(19,19,19,1) 0%,rgba(19,19,19,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(19,19,19,1) 0%,rgba(19,19,19,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(19,19,19,1) 0%,rgba(19,19,19,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(19,19,19,1) 0%,rgba(19,19,19,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.fadeSides:after {
  background: -moz-linear-gradient(left,  rgba(19,19,19,0) 1%, rgba(19,19,19,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(19,19,19,0)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(19,19,19,0) 1%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(19,19,19,0) 1%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(19,19,19,0) 1%,rgba(19,19,19,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(19,19,19,0) 1%,rgba(19,19,19,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#131313',GradientType=1 ); /* IE6-9 */
}

#trailerPreview #previewVideo {
  width:100%;
  max-width:100%;
  height:auto;
  background-size:cover;
}

#trailerPreview, #previewControls {
  -webkit-transition: 300ms ease;
  -moz-transition:300ms ease;
  transition:300ms ease;
  display:none;
}

#trailer.show-preview #trailerPreview,
#trailer.show-preview #previewControls{
  display:block;
}

#trailer #previewControls {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:0;
}

.playButton { position:relative; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:1; }
.playButton .off, .playButton .on { content:""; display:block; position:absolute; top:50%; left:50%; width:200px; height:200px; margin:-100px 0 0 -100px; background:url(/sites/all/files/en/coruscant/main/big_play_button.png) no-repeat top; -webkit-transition:opacity 300ms ease; -moz-transition:opacity 300ms ease; -ms-transition:opacity 300ms ease; -o-transition:opacity 300ms ease;  transition:opacity 300ms ease; }
.playButton .on { background-position:bottom; opacity:0; filter:alpha(opacity:0); }

#trailer.show-preview #cypLaunchTrailer {
  -webkit-transition: 300ms ease;
  -moz-transition:300ms ease;
  transition:300ms ease;
  opacity:0;
}

#trailer #cypLaunchTrailer {
  z-index:10;
}

#trailer.show-preview.has-played #trailerPreview {
  opacity:0.2;
}

#trailer.show-preview.has-played #cypLaunchTrailer {
  opacity:1;
}

#choose-your-path #trailer .mediaFrame {
  border-style: none;
  border-image: none;
}

#choose-your-path #trailer .video.overlay {
  position: absolute;
  left: -223px;
  width: 1440px;
  height: 575px;
}

#choose-your-path #gameStats {
  position: relative;
}

#choose-your-path #gameStats .background {
  position: absolute;
  left: 50%;
  margin-left:-1000px;
  width: 2000px;
  min-height:600px;
  height: 100%;
  background:url(/sites/all/files/en/coruscant/main/landers/choose-your-path/stats_bg.png) no-repeat #000;
  z-index: -100;
}

#choose-your-path #gameStats h2 {
  font: small-caps normal 36px/42px Berling;
  color:  #f8df16;
  letter-spacing: 1px;
  text-align: center;
  padding-top: 30px;
}

#gameStats .subheader {
  text-align:center;
  color:#fff;
}

#gameStats.carousel .stat {
  position:absolute;
  transition:300ms ease;
  top:0;
  left:20%;
  opacity:0;
  z-index:0;
}

#gameStats.carousel .stat.active {
  left:0;
  opacity:1;
  z-index:100;
}


#gameStats .labels {
  position:absolute;
  width:1095px;
  height:280px;
  top:136px;
  left:50%;
  margin-left:-540px;
}

#gameStats .label:before {
  content:'';
  position:absolute;
  display:block;
  top:-7px;
  left:-5px;
  height:287px;
  width:288px;
  background: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/statbubble.png) no-repeat;
}

#gameStats .label {
  position:absolute;
  height:274px;
  width:275px;
  border-radius: 137px;
  cursor:pointer;
}

#gameStats .label .text {
  position: relative;
  display:block;
  color: #fff;
  opacity:0.6;
  font-size:20px;
  text-align:center;
  margin:0 50px;
  top:90px;
  line-height:24px;
}

#gameStats .label .text em {
  display: block;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
}
#gameStats .active.label .text,
#gameStats .active.label .text em {
  color:#c8a621;
}


#gameStats .label:nth-child(1) {
  left:0;
}

#gameStats .label:nth-child(2) {
  left:25%;
}

#gameStats .label:nth-child(3) {
  left:50%;
}

#gameStats .label:nth-child(4) {
  left:75%;
}

#gameStats .label .hover {
  position:absolute;
  width:266px;
  height:266px;
  top:50%;
  left:50%;
  margin-top:-136px;
  margin-left:-132px;
  background:url(/sites/all/files/en/coruscant/main/landers/choose-your-path/statbubble-highlight.png) no-repeat;
  transition:200ms ease;
  opacity:0;
  pointer-events: none;
}

#gameStats .label:hover .hover {
  opacity:0.8;
}

#gameStats .label.active .hover {
  opacity:1;
}

#gameStats #details {
  position:relative;
  margin-top:400px;
  height:400px;
}

#details .stat {
  position:relative;
  width:100%;
  height:400px;
}

#details .info, #details .vid {
  display:inline-block;
  vertical-align: top;
  box-sizing:border-box;
}

#details .info {
  width:50%;
  padding-right: 20px;
}

#details .vid {
  width:460px;
  height:300px;
  background:#131313;
}

#details .yt-video {
  width:100%;
  height:100%;
}

#details .info h3 {
  color: #f8df16;
  font-size:24px;
  font: small-caps lighter 28px/32px Berling;
}

#details .info p {
  font-size: 16px;
  line-height:20px;
  color:#b3a885;
}

/* FAQ */
.question-f .answer {
  display: none;
}

#faq h2 {
  font-family: Berling;
}

.faq-carousel {
  margin:40px 0;
}

.faq-carousel h3 {
  height: 40px;
  margin-left:0;
}

.question-f {
  margin-bottom: 10px;
  padding-bottom:10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #292929;
  background: transparent url(/sites/all/files/en/coruscant/main/strongholds/btn_down_arrow_normal.png) no-repeat right top;
}

.question-f:hover {
  cursor:pointer;
}

.question-f h3 {
  cursor: pointer;
  text-transform: uppercase;
}

/* social links */
#social-media {
  position:relative;
  padding:40px 0;
  margin-bottom:40px;
}

#social-media .bg {
  position: absolute;
  width:1920px;
  height:100%;
  top:0;
  left:50%;
  margin-left:-960px;
  background-color:#2a2a2a;
  z-index:0;
}

#social-media .social-links {
  position:relative;
}

#social-media .social-header {
  display:inline-block;
  vertical-align:middle;
  font: small-caps lighter 28px/32px Berling;
  color: #f8df16;
  opacity:0.8;
  transition:500ms ease;
  margin-right:20px;
}

#social-media:hover .social-header {
  opacity:1;
}

#social-media .social-icon-btn {
  position:relative;
  display:inline-block;
  vertical-align: middle;
  height:40px;
  width:40px;
  margin:0 10px;
}

#social-media .social-icon-btn .icon {
  display:block;
  position:absolute;
  height:100%;
  width:100%;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0.8;
  transition:500ms ease;
}

#social-media .social-icon-btn:hover .icon {
  opacity:1;
}

#social-media .social-icon-btn.facebook .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/facebook.png);
}
#social-media .social-icon-btn.twitter .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/twitter.png);
}

#social-media .social-icon-btn.instagram .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/instagram.png);
}

#social-media .social-icon-btn.youtube .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/youtube.png);
}

#social-media .social-icon-btn.twitch .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/twitch.png);
}

#social-media .social-icon-btn.mail .icon {
  background-image: url(/sites/all/files/en/coruscant/main/landers/choose-your-path/mail.png);
}


/* German */
body.lang_de #formerSubActivation .offerText .text { font-size:24px; }
body.lang_de #offerActivate .center {  font-size:20px; line-height:38px; }
body.lang_de #gameStats .label .text { font-size: 18px; }
body.lang_de #gameStats .label .text em { font-size:24px; }

body.lang_fr #formerSubActivation .offerText .text { font-size:24px; }
body.lang_fr #offerActivate .center {  font-size:20px; line-height:20px; }
body.lang_fr #buyBundleBtn .center {  font-size:20px; line-height:40px; }
body.lang_fr #choose-your-path #buyNow .newTag p { font-size:18px; }