body {
    margin: auto;
    background-color: #000000;
    max-width: 2560px;
    position: relative;
}

h2 {
    color: #FFFFFF;
    font-family: 'Trajan Pro';
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 57px;
    text-transform: uppercase;
    margin: 10px 0;
    z-index: 10;
}

h3 {
    color: #FFFFFF;
    font-family: 'Trajan Pro';
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 57px;
    text-transform: uppercase;
    margin: 0 0 50px 0;
    text-align: center;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.45);
}

h3.long-header {
    font-size: 35px;
}

h3.extra-long-header {
    font-size: 30px;
}

.container-fluid {

}

#top-bar-wrapper {
    z-index: 50;
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#top-bar {
    display: flex;
    height: 85px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 34px;
    padding-left: 130px;
}

#top-bar #top-icons {
    display: flex;
    align-items: center;
    gap: 30px;
}

#top-bar .main-icon {
    height: 48px;
}

#top-bar #top-buttons {
    display: flex;
    gap: 30px;
    align-items: center;
}

#top-bar .download-now {
    background-image: url(/sites/all/files/webassets/theme/general/icons/download.png);
    padding-left: 25px;
    background-position: 0px center;
    background-repeat: no-repeat;
    min-height: 14px;
}

#top-bar #top-subscribe a, .content-button a, #top-bar .download-now a {
    color: #FFFFFF;
    font-family: 'Eurostile-Bold';
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: .95;
}

#top-bar #top-subscribe a, .content-button a {
    background-image: url(/sites/all/files/en/legacyofthesith/sub-button.png);
    height: 48px;
    width: 264px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}

.lang_de #top-bar #top-subscribe a, .lang_de .content-button a, .lang_de #top-bar .download-now a {
    font-size: 17px;
}

.lang_fr #top-bar #top-subscribe a, .lang_fr .content-button a, .lang_fr #top-bar .download-now a {
    font-size: 10px;
}

.button-ellipse {
    margin: 0 5px;
}


#user-data {
    display: none;
}

#fe-header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}

#fe-header #logo img {
    margin: 95px auto 0 auto;
    display: block;
}

.lander-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 1200px;
}

section#trailer {
    background: url(/sites/all/files/en/legacyofthesith/section-keyart.jpg) top/cover no-repeat;
    justify-content: center;
}

section#story {
    background: url(/sites/all/files/en/legacyofthesith/section-story.jpg) top/cover no-repeat;
}

section#combat {
    background: url(/sites/all/files/en/legacyofthesith/section-combat2.jpg) top/cover no-repeat;
    background-position-x: calc(50% + 350px);
    background-position-y: 80px;
}

section#manaan {
    background: url(/sites/all/files/en/legacyofthesith/section-manaan.jpg) top/cover no-repeat;
}

section#elom {
    background: url(/sites/all/files/en/legacyofthesith/section-story.jpg) top/cover no-repeat;
}

section#availablenow {
    background: url(/sites/all/files/webassets/landers/legacyofthesith/section-available.jpg) top/cover no-repeat;
}

section#footer {
    height: auto;
}

.trailer-box {
    z-index: 10;
}

.trailer-box a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.trailer-box a .trailer-text {
    font-family: 'Eurostile-Bold';
    font-size: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: .95;
    letter-spacing: 2px;
    text-shadow:
        0px 0px 10px rgba(255, 255, 255, 0.5),
        0.07em 0 rgba(0, 0, 0, 0.5),
        0 0.07em rgba(0, 0, 0, 0.5),
        -0.07em 0 rgba(0, 0, 0, 0.5),
        0 -0.07em rgba(0, 0, 0, 0.5);
    text-align: center;
}

.section-header {
    width: 100%;
}

.section-header-bar {
    height: 104px;
    background: linear-gradient(180deg, #383838 0%, #0E0E0E 100%);
    /* border-image: radial-gradient(circle at 35%, #e4b243, #b55329 50%, transparent 90%); */
    border-image: radial-gradient(#E4B242 70%, #b55329 95%) 1;
    border-width: 2px 0 2px 0;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-header-bar h2 {
    background-color: #e4b243; /* fallback color */
    background-image: linear-gradient(#FFF68D, #C1672E);
    background-size: 100%;
    background-repeat: repeat;
    text-wrap: nowrap;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

.section-header-flair {
    width: 100%;
    height: 63px;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-image: url(/sites/all/files/en/legacyofthesith/section-header-flair.png);
}


.lots-section-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-top: 100px;
    gap: 60px;
    margin-bottom: 100px;
}

.lots-section-text-box-outer {
    /* 1020x427 */
    width: 984px;
    background: rgb(19, 19, 22, .75);
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.6);
    border-image: url(/sites/all/files/en/legacyofthesith/text-box-border-outer.png);
    border-image-slice: 18;
    border-style: inset;
    border-radius: 30px 0px;
    border-width: 18px;
    position: relative;
    z-index: 5;
}

.lots-section-text-box-inner {
    /*983x393 */
    min-height: 343px;
    background: rgba(19, 19, 22, .75);
    border-image: url(/sites/all/files/en/legacyofthesith/text-box-border-inner.png);
    border-image-slice: 25;
    border-style: inset;
    border-radius: 20px 0px;
    border-width: 25px;
    position: initial;
    background-image: url(/sites/all/files/en/legacyofthesith/text-box-flair.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -10px;
}

.lots-section-text-box-inner p {
    font-family: Roboto;
    font-size: 28px;
    text-align: center;
    letter-spacing: 2px;
    color: #F2F2F5;
    line-height: 43px;
}
/* 
//FIXME causing all child elements to be transparent
.lots-section-text-box-inner::before {
    background: radial-gradient(circle at bottom left, transparent, transparent 30px, rgb(19, 19, 22, .75) 30px, rgb(19, 19, 22, .75) 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px 0px;
    top: 0;
    left: 0;
    z-index: -1;
}
*/ 

.lots-section-text-box-ellipse {
    position: absolute;
    bottom: -15px;
    left: -15px;
}
/*
.lots-section-text-box-inner::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left:0;
    height:20px;
    width: 20px;
    border-top-right-radius: 50%;
    background:#000;
}
*/

.lots-section-content-images {
    display: flex;
    gap: 10px;
    z-index: 5;

}

.lots-section-content-images div {
    width: 154px;
    height: 154px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.lots-section-content-images div a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.lots-section-content-buttons {
    display: none;
    gap: 20px;
    z-index: 5;
}


#navbar {
    position: fixed;
    top: 260px;
    display: flex;
    gap: 50px;
    flex-direction: column;
    margin-left: 88px;
    z-index: 100
}

#navbar ol {
    list-style-type: none;
}

#navbar li:not(:last-child) {
    margin-bottom: 45px;
}

#navbar a {
    font-family: 'Trajan Pro'; /* TODO add font support */
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
}

#navbar a:active,
#navbar a:hover,
#navbar a:target,
#navbar a.current {
    color: #00C2FF;
}

#navbar .nav-spacer {
    display: inline-block;
    width: 30px;
    text-align: center;
}

#navbar .nav-circle {
    width: 45px;
    height: 45px;
    background-image: url(/sites/all/files/en/legacyofthesith/nav-circle.png);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

#navbar a:hover .nav-circle {
    background-image: url(/sites/all/files/en/legacyofthesith/nav-circle-hover.png);
}

#navbar a.current .nav-circle {
    background-image: url(/sites/all/files/en/legacyofthesith/nav-circle-selected.png);
}

#navline {
    position: fixed;
    top: -150px;
    height: 1126px;
    width: 2px;
    content: "";
    background: radial-gradient(circle at 35%, #e4b243, #b55329 50%, transparent 90%);
    margin-left: 185px;
    z-index: 100;
}

#left-gradient {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.95));
    height: 100%;
    z-index: 1;
    width: 615px;
}

#right-gradient {
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.95));
    height: 100%;
    z-index: 1;
    width: 300px;
}


#footer {
    padding: 30px 20px 10px 20px;
    background-color: #13131E;
}

#footer .fe-content {
    max-width: 1250px;
    margin: auto;
    overflow: auto;
}


#fe-language-selector .btn {
    padding: 10px;
    border-color: rgba(200,163,78,0.1);
    background-color: rgba(0,0,0,0.5);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    z-index: 105;
}

#fe-language-selector .btn:hover, #fe-language-selector .btn.active {
    border-color: rgba(200,163,78,1);
    background-color: rgba(0,0,0,1);
}

.btn-info:hover, .btn-info:focus, .btn-info:visited {
    border-color: rgba(200, 163, 78, 1);
    background-color: rgba(0,0,0, 0.8);
}

#footer .left {
    float: left;
    width: 75%;
}

#footer .logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
    margin-bottom: 10px;
}

#footer .legalLinks {
    margin: 10px 0;
}
#footer .legalLinks a {
    color: #ffffff;
    font-family: arial,sans-serif;
    font-size: 12px;
    z-index: 105;
    position: relative;
    text-decoration: underline;
}

#footer .legal {
    font: bold 10px/20px Arial,sans-serif;
    color: #767676;
    text-transform: uppercase;
    z-index: 105;
    position: relative;
}

#footer .sep {
    color: #ffffff;
}

#footer .truste_caIcon_display {
    display: inline-block !important;
}

#footer .right {
    float: right;
    width: 25%;      
    text-align: right;
}

#footer .right a, #footer .right div {
    z-index: 105;
    position: relative;
}

#footer .logoRatingPending, #footer .logoRatingPending {
    display: none;
}

#footer .footerLogo {
    display: inline-block;
    margin: 0 20px;
    z-index: 105;
}

.logoRatingPending .footerLogo {
    display: block;
    height: 76px;
    width: 181px;
    z-index: 105;
}



#externalLinkWrapper {
 display: none;
}




















.contentOverlay .fancybox-inner { overflow:hidden !important; height:auto !important; }
.fancybox-wrap.overlayMedia, .fancybox-wrap.overlayContent { background:none; display:block;  margin:0 auto; }
.fancybox-close { width:20px; height:20px; background-image:url(/sites/all/files/en/coruscant/main/fancybox/fancyboxClose.png); }
.fancybox-prev span, .fancybox-next span { background-image:url(/sites/all/files/en/coruscant/main/fancybox/fancyboxClose.png); }
.fancybox-inner .tinySubmitBtn { font-size:18px; }
.fancybox-inner .tinySubmitBtn + .tinySubmitBtn { margin-left:10px; }
.fancybox-title-float-wrap { margin-bottom:0px; right:0; max-width:100%; min-width:100%; }
.fancybox-title-float-wrap .child { margin:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; white-space:initial; width:100%; box-sizing:border-box; font-family:Roboto; font-weight:normal; font-size:14px;}
/*media overlay */
.fancybox-wrap.overlayMedia .fancybox-outer { background:none; padding:0; border:none;  overflow:hidden }
.overlayMedia .fancybox-close { position:absolute; top:10px; right:10px; cursor:pointer; z-index:1004; background-position:0 0; }

/*content overlay */
#contentContainer { width:790px; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; background:#252525;}
.overlayContent.fancybox-wrap { width:auto !important; }
.overlayContent .fancybox-close { background-position:0 -20px; }
.overlayContent .fancybox-outer { background:none; padding:0 !important; min-width:790px; }
.overlayContent .fancybox-inner { height:auto !important; min-width:790px;}
.borderimage .overlayContent .fancybox-inner { border-width:20px 20px 20px 20px; -moz-border-image:url(/sites/all/files/en/coruscant/main/contentOverlayContainer.png) 20 20 20 20 stretch; -webkit-border-image:url(/sites/all/files/en/coruscant/main/contentOverlayContainer.png) 20 20 20 20 stretch; border-image:url(/sites/all/files/en/coruscant/main/contentOverlayContainer.png) 20 20 20 20 stretch; background-clip:padding-box;}
.no-borderimage .overlayContent .fancybox-inner { padding:20px; border:solid 2px #4a4a4a; background:#252525; }
.overlayContent .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(/sites/all/files/en/coruscant/main/fancybox/fancyboxClose.png); height:20px; width:20px; top:20px; right:20px;}
.no-borderimage .fancybox-close { right:0; top:0;}

/* firefox fix */
.borderimage .mediaFrame, .borderimage .overlayContent .fancybox-inner { border-style:solid; }
.dropDownBox { border-image: url(/sites/all/files/en/coruscant/main/loggedInDropDownBox.png) 2 10 10 10 fill; }

/* swtor audio */
.swtor-media.audio { display:inline-block; position:relative; overflow:hidden; width:854px; height:42px; background:#131313; }
.swtor-mediaControlbar { height:36px; position:relative; top:47px; left:0; -moz-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; -webkit-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1 fill; border-width:0 1px; }
.swtor-mediaInactive .swtor-mediaMask { z-index:1000; }
.swtor-mediaActive .swtor-mediaMask { z-index:auto; }
.swtor-mediaInactive:hover .swtor-mediaPlayButton .on { opacity:1; }
.swtor-mediaMuteButton, .swtor-mediaUnmuteButton { top:0; right:84px; }
.swtor-mediaVolume { position:absolute; right:20px; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); border-width:4px 4px 4px 25px; }
.swtor-mediaTime { position:absolute; top:21px; right:160px; color:#FFF; font:bold 12px Arial; opacity:0.3; z-index:1; }
.swtor-mediaButton .off, .swtor-mediaButton.hover .on { opacity:1; }
.swtor-mediaButton .on, .swtor-mediaButton.hover .off { opacity:.6; }

/* swtor-media */
.swtor-mediaSeeking * { cursor:e-resize!important; }
.swtor-mediaPlayer { position:relative; width:100%; height:100%; }
.swtor-mediaPoster { width:100%; }
.swtor-mediaControls { display:none; position:absolute; bottom:0; left:0; width:100%; height:96px; background:url(/sites/all/files/en/coruscant/main/video/controlbar_shadow.png) repeat-x; }
.no-borderimage .swtor-mediaControlbar { border:none; }
.swtor-media.controls .swtor-mediaControls, .swtor-media.hover .swtor-mediaControls, .swtor-media.hoverControlbar .swtor-mediaControls { display:block; }
.swtor-mediaMask { position:absolute; top:0; left:0; width:100%; height:100%; }
.swtor-mediaHide { position:absolute; top:0; right:0; width:1px; height:100%; z-index:2; }
.swtor-mediaInactive { cursor:pointer; }
.swtor-mediaBigPlay { display:none; }
.mediaFrame .swtor-mediaMask, .fancybox-wrap.overlayMedia .swtor-mediaMask { -webkit-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; }
body.fullscreen .mediaFrame .swtor-mediaMask, body.fullscreen .fancybox-wrap.overlayMedia .swtor-mediaMask, .mediaFrame  .swtor-mediaMask, .fancybox-wrap.overlayMedia  .swtor-mediaMask { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.swtor-mediaProgress { margin:0 268px 0 52px; position:relative; left:0; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); }
.swtor-mediaProgressBar { border:1px solid #978343; border-color:rgba(247,233,130,0.45); }
.swtor-mediaSeekBar { background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.swtor-mediaPlayBar { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.swtor-mediaPlayPip .off, .swtor-mediaPlayPip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.swtor-mediaPlayPip .on { background-position:-160px -40px; }
.swtor-mediaPlayPip .off, .swtor-mediaSeekBar:hover .swtor-mediaPlayPip .on { opacity:1;  }
.swtor-mediaPlayPip .on, .swtor-mediaSeekBar:hover .swtor-mediaPlayPip .off { opacity:0; }

.swtor-mediaVolumeBar { width:70px; border:1px solid #978343; border-color:rgba(247,233,130,0.45); background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.swtor-mediaVolumeSeek { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.swtor-mediaVolumePip .off, .swtor-mediaVolumePip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.swtor-mediaVolumePip .on { background-position:-160px -40px; }
.swtor-mediaVolumePip .off, .swtor-mediaVolumeSeek:hover .swtor-mediaVolumePip .on { opacity:1; }
.swtor-mediaVolumePip .on, .swtor-mediaVolumeSeek:hover .swtor-mediaVolumePip .off { opacity:0; }
.swtor-media.muted .swtor-mediaVolumePip { display:none; }

.swtor-mediaTimeSeperator { margin:0 2px; }

.swtor-mediaButtons { position:absolute; top:8px; left:0; width:100%; height:40px; }
.swtor-mediaButton { width:40px; height:40px; position:absolute; top:-1px; z-index:2; }
.swtor-mediaButton .off, .swtor-mediaButton .on { position:absolute; top:0; left:0; width:40px; height:40px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat 0 40px; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }

.swtor-mediaButton .hitbox { position:absolute; z-index:100; cursor:pointer; display:block!important; }
.swtor-mediaButton.slanted, .swtor-mediaButton.slanted .off, .swtor-mediaButton.slanted .on { width:80px; }
.swtor-mediaButton.slanted .hitbox { -moz-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); -ms-transform:skewX(-45deg); transform:skewX(-45deg); }

.swtor-mediaStopButton { display:none; }
.swtor-mediaPlayButton, .swtor-mediaPauseButton { left:6px; }
.swtor-mediaPlayButton .hitbox, .swtor-mediaPauseButton .hitbox { top:3px; left:3px; width:34px; height:34px; }
.swtor-mediaPlayButton .off { background-position:0 0; }
.swtor-mediaPlayButton .on { background-position:0 -40px; }
.swtor-mediaPauseButton .off { background-position:-40px 0; }
.swtor-mediaPauseButton .on { background-position:-40px -40px; }

.swtor-mediaMuteButton .hitbox, .swtor-mediaUnmuteButton .hitbox { top:11px; left:8px; width:22px; height:18px; }
.swtor-mediaMuteButton .off { background-position:-80px 0; }
.swtor-mediaMuteButton .on { background-position:-80px -40px; }
.swtor-mediaUnmuteButton .off { background-position:-120px 0; }
.swtor-mediaUnmuteButton .on { background-position:-120px -40px; }

.swtor-media .swtor-mediaPlayButton,
.swtor-media.playing .swtor-mediaPauseButton,
.swtor-media .swtor-mediaMuteButton,
.swtor-media.muted .swtor-mediaUnmuteButton,
.swtor-mediaStandard .swtor-mediaFullScreenButton,
.swtor-mediaFull .swtor-mediaRestoreScreenButton
{ display:block; }

.swtor-media .swtor-mediaPauseButton,
.swtor-media.playing .swtor-mediaPlayButton,
.swtor-media .swtor-mediaUnmuteButton,
.swtor-media.muted .swtor-mediaMuteButton,
.swtor-mediaStandard .swtor-mediaRestoreScreenButton,
.swtor-mediaFull .swtor-mediaFullScreenButton
{ display:none; }


/* Animation */
html.no-opacity .swtor-mediaControls { display:none; }
.swtor-mediaControls,
.swtor-mediaFull.hover.inactive .swtor-mediaControls,
.swtor-mediaFull.hover.active.hide .swtor-mediaControls { display:block; opacity:0;  bottom:-10px; -webkit-transition:all 200ms ease;  }

.swtor-media.controls .swtor-mediaControls,
.swtor-media.hover .swtor-mediaControls,
.swtor-media.hoverControlbar .swtor-mediaControls,
.swtor-mediaFull.hoverControlbar.inactive .swtor-mediaControls,
.swtor-mediaFull.hover.active.stopped .swtor-mediaControls,
.swtor-mediaFull.inactive.stopped .swtor-mediaControls { opacity:1; bottom:0; }
.swtor-mediaFull.hover.inactive { cursor:url(/sites/all/files/blank.cur), url(/sites/all/files/blankCursor.png), default; }
.swtor-mediaFull.hoverControlbar.inactive,
.swtor-mediaFull.hover.inactive.stopped { cursor:default; }

/* Hide Controls */
.swtor-media.nocontrols .swtor-mediaControls,
.swtor-media.notime .swtor-mediaTime,
.swtor-media.noseek .swtor-mediaProgress,
.swtor-media.novolume .swtor-mediaVolume,
.swtor-media.novolume .swtor-mediaMuteButton,
.swtor-media.novolume .swtor-mediaUnmuteButton,
.swtor-media.nofullscreen .swtor-mediaFullScreenButton,
.swtor-media.nofullscreen .swtor-mediaRestoreScreenButton,
.swtor-media.nostop .swtor-mediaStopButton,
.swtor-media.noplay .swtor-mediaPlayButton,
.swtor-media.noplay .swtor-mediaPauseButton,
.swtor-media.noplaybutton .swtor-mediaBigPlay { display:none!important; }

/* swtor video */
.swtor-video {display:inline-block; position:relative; overflow:hidden; width:854px; height:480px; background:#000; }

/* full screen */
body.fullscreen .swtor-videoFull { position:fixed; top:0; left:0; width:100%; height:100%; visibility:visible!important; }
body.fullscreen .swtor-videoFull * { visibility:visible!important; }
body.fullscreen .mediaFrame .swtor-videoMask, body.fullscreen .fancybox-wrap.overlayMedia .swtor-videoMask, .mediaFrame .swtor-videoActive .swtor-videoMask, .fancybox-wrap.overlayMedia .swtor-videoActive .swtor-videoMask { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.swtor-videoFull { z-index:100000; position:fixed; top:0; left:0; width:100%; height:100%; border:0; background:#000; margin:0; }

.swtor-videoSeeking, .swtor-mediaSeeking * { cursor:e-resize!important; }
.swtor-videoPlayer, .swtor-mediaPlayer { position:relative; width:100%; height:100%; }
.swtor-videoPoster, .swtor-mediaPoster { width:100%; }

/* swtor video controls */
.swtor-videoControls, .swtor-mediaControls { display:none; position:absolute; bottom:0; left:0; width:100%; height:96px; background:url(/sites/all/files/en/coruscant/main/video/controlbar_shadow.png) repeat-x; }
.swtor-videoControlbar, .swtor-mediaControlbar { height:39px; position:relative; top:47px; left:0; -moz-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; -webkit-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1 fill; border-width:0 1px; }
.swtor-videoControlbar { margin:0 5px; }
.no-borderimage .swtor-videoControlbar, .no-borderimage .swtor-mediaControlbar { border:none; }
.swtor-video.controls .swtor-videoControls, .swtor-video.swtor-videoActive.hover .swtor-videoControls, .swtor-video.swtor-videoActive.hoverControlbar .swtor-videoControls { display:block; }
.swtor-videoMask, .swtor-mediaMask { position:absolute; top:0; left:0; width:100%; height:100%; }
.swtor-videoHide, .swtor-mediaHide { position:absolute; top:0; right:0; width:1px; height:100%; z-index:2; }
.swtor-videoInactive, .swtor-mediaInactive { cursor:pointer; }
.swtor-videoActive .swtor-videoBigPlay, .swtor-mediaActive .swtor-mediaBigPlay { display:none; }
.mediaFrame .swtor-videoMask, .fancybox-wrap.overlayMedia .swtor-videoMask, .mediaFrame .swtor-mediaMask, .fancybox-wrap.overlayMedia .swtor-mediaMask { -webkit-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; }

.swtor-videoProgress { margin:0 268px 0 52px; position:relative; left:0; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); }
.swtor-videoProgressBar { border:1px solid #978343; border-color:rgba(247,233,130,0.45); }
.swtor-videoSeekBar { background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.swtor-videoPlayBar { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.swtor-videoPlayPip .off, .swtor-videoPlayPip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.swtor-videoPlayPip .on { background-position:-160px -40px; }
.swtor-videoPlayPip .off, .swtor-videoSeekBar:hover .swtor-videoPlayPip .on { opacity:1;  }
.swtor-videoPlayPip .on, .swtor-videoSeekBar:hover .swtor-videoPlayPip .off { opacity:0; }

.swtor-videoVolume { position:absolute; right:80px; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); border-width:4px 4px 4px 25px; }
.swtor-videoVolumeBar { width:70px; border:1px solid #978343; border-color:rgba(247,233,130,0.45); background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.swtor-videoVolumeSeek { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.swtor-videoVolumePip .off, .swtor-videoVolumePip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.swtor-videoVolumePip .on { background-position:-160px -40px; }
.swtor-videoVolumePip .off, .swtor-videoVolumeSeek:hover .swtor-videoVolumePip .on { opacity:1; }
.swtor-videoVolumePip .on, .swtor-videoVolumeSeek:hover .swtor-videoVolumePip .off { opacity:0; }
.swtor-video.muted .swtor-videoVolumePip { display:none; }

.swtor-videoTime { position:absolute; top:21px; right:190px; color:#FFF; font:bold 12px Arial; opacity:0.3; z-index:1; }
.swtor-videoTimeSeperator { margin:0 2px; }

.swtor-videoButtons { position:absolute; top:8px; left:0; width:100%; height:40px; }
.swtor-videoButton { width:40px; height:40px; position:absolute; top:-1px; z-index:2; }
.swtor-videoButton .off, .swtor-videoButton .on { position:absolute; top:0; left:0; width:40px; height:40px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat 0 40px; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.swtor-videoButton .off, .swtor-videoButton.hover .on, .swtor-videoButton:hover .on { opacity:1; }
.swtor-videoButton .on, .swtor-videoButton.hover .off, .swtor-videoButton:hover .off { opacity:0; }
.swtor-videoButton .hitbox { position:absolute; z-index:100; cursor:pointer; display:block!important; }
.swtor-videoButton.slanted, .swtor-videoButton.slanted .off, .swtor-videoButton.slanted .on { width:80px; }
.swtor-videoButton.slanted .hitbox { -moz-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); -ms-transform:skewX(-45deg); transform:skewX(-45deg); }

.swtor-videoStopButton { display:none; }
.swtor-videoPlayButton, .swtor-videoPauseButton { left:6px; }
.swtor-videoPlayButton .hitbox, .swtor-videoPauseButton .hitbox { top:3px; left:3px; width:34px; height:34px; }
.swtor-videoPlayButton .off { background-position:0 0; }
.swtor-videoPlayButton .on { background-position:0 -40px; }
.swtor-videoPauseButton .off { background-position:-40px 0; }
.swtor-videoPauseButton .on { background-position:-40px -40px; }

.swtor-videoMuteButton, .swtor-videoUnmuteButton { top:0; right:147px; }
.swtor-videoMuteButton .hitbox, .swtor-videoUnmuteButton .hitbox { top:11px; left:8px; width:22px; height:18px; }
.swtor-videoMuteButton .off { background-position:-80px 0; }
.swtor-videoMuteButton .on { background-position:-80px -40px; }
.swtor-videoUnmuteButton .off { background-position:-120px 0; }
.swtor-videoUnmuteButton .on { background-position:-120px -40px; }

.swtor-videoFullScreenButton, .swtor-videoRestoreScreenButton { right:3px; }
.swtor-videoFullScreenButton .hitbox, .swtor-videoRestoreScreenButton .hitbox { top:3px; left:17px; width:48px; height:33px; }
.swtor-videoFullScreenButton .off { background-position:-200px 0; }
.swtor-videoFullScreenButton .on { background-position:-200px -40px; }
.swtor-videoRestoreScreenButton .off { background-position:-280px 0; }
.swtor-videoRestoreScreenButton .on { background-position:-280px -40px; }

.swtor-video .swtor-videoPlayButton,
.swtor-video.playing .swtor-videoPauseButton,
.swtor-video .swtor-videoMuteButton,
.swtor-video.muted .swtor-videoUnmuteButton,
.swtor-videoStandard .swtor-videoFullScreenButton,
.swtor-videoFull .swtor-videoRestoreScreenButton
{ display:block; }

.swtor-video .swtor-videoPauseButton,
.swtor-video.playing .swtor-videoPlayButton,
.swtor-video .swtor-videoUnmuteButton,
.swtor-video.muted .swtor-videoMuteButton,
.swtor-videoStandard .swtor-videoRestoreScreenButton,
.swtor-videoFull .swtor-videoFullScreenButton
{ display:none; }

/* Animation */
.swtor-videoControls,
.swtor-videoFull.swtor-videoActive.hover.inactive .swtor-videoControls,
.swtor-videoFull.swtor-videoActive.hover.active.hide .swtor-videoControls { display:block; opacity:0;  bottom:-10px; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; transition:all 200ms ease;  }
html.no-opacity .swtor-videoControls { display:none; }
.swtor-video.controls .swtor-videoControls,
.swtor-video.swtor-videoActive.hover .swtor-videoControls,
.swtor-video.swtor-videoActive.hoverControlbar .swtor-videoControls,
.swtor-videoFull.swtor-videoActive.hoverControlbar.inactive .swtor-videoControls,
.swtor-videoFull.swtor-videoActive.hover.active.stopped .swtor-videoControls,
.swtor-videoFull.swtor-videoActive.inactive.stopped .swtor-videoControls { opacity:1; bottom:0; }
.swtor-videoFull.swtor-videoActive.hover.inactive { cursor:url(/sites/all/files/blank.cur), url(/sites/all/files/blankCursor.png), default; }
.swtor-videoFull.swtor-videoActive.hoverControlbar.inactive,
.swtor-videoFull.swtor-videoActive.hover.inactive.stopped { cursor:default; }

/* Hide Controls */
.swtor-video.nocontrols .swtor-videoControls,
.swtor-video.notime .swtor-videoTime,
.swtor-video.noseek .swtor-videoProgress,
.swtor-video.novolume .swtor-videoVolume,
.swtor-video.novolume .swtor-videoMuteButton,
.swtor-video.novolume .swtor-videoUnmuteButton,
.swtor-video.nofullscreen .swtor-videoFullScreenButton,
.swtor-video.nofullscreen .swtor-videoRestoreScreenButton,
.swtor-video.nostop .swtor-videoStopButton,
.swtor-video.noplay .swtor-videoPlayButton,
.swtor-video.noplay .swtor-videoPauseButton,
.swtor-video.noplaybutton .swtor-videoBigPlay { display:none!important; }

.bigPlayButton { position:relative; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:1; }
.bigPlayButton .off, .bigPlayButton .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; }
.bigPlayButton .on { background-position:bottom; opacity:0; filter:alpha(opacity:0); }
.bigPlayButton:hover .off { opacity:0; filter:alpha(opacity:0); }
.bigPlayButton:hover .on { opacity:1; filter:alpha(opacity:1); }

/* swtor youtube embedded video controls */
/* yt video */
.yt-video {display:inline-block; position:relative; overflow:hidden; width:854px; height:480px; background:#000; }
body.fullscreen .yt-videoFull { position:fixed; top:0; left:0; width:100%; height:100%; visibility:visible!important; }
body.fullscreen .yt-videoFull * { visibility:visible!important; }
.yt-videoFull { z-index:100000; position:fixed; top:0; left:0; width:100%; height:100%; border:0; background:#000; margin:0; }
.yt-videoSeeking, .yt-mediaSeeking * { cursor:e-resize!important; }
.yt-videoPlayer, .yt-mediaPlayer { position:relative; width:100%; height:100%; }
.yt-videoPoster, .yt-mediaPoster { width:100%; }
.yt-videoControls, .yt-mediaControls { display:none; position:absolute; bottom:0; left:0; width:100%; height:96px; background:url(/sites/all/files/en/coruscant/main/video/controlbar_shadow.png) repeat-x; }
.yt-videoControlbar, .yt-mediaControlbar { height:39px; position:relative; top:47px; left:0; -moz-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; -webkit-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; -ms-border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1; border-image:url(/sites/all/files/en/coruscant/main/video/controlbar.png) 0 1 fill; border-width:0 1px; }
.yt-videoControlbar { margin:0 5px; }
.no-borderimage .yt-videoControlbar, .no-borderimage .yt-mediaControlbar { border:none; }
.yt-video.controls .yt-videoControls, .yt-video.yt-videoActive.hover .yt-videoControls, .yt-video.yt-videoActive.hoverControlbar .yt-videoControls { display:block; }
.yt-media.controls .yt-mediaControls, .yt-media.yt-mediaActive.hover .yt-mediaControls, .yt-media.yt-mediaActive.hoverControlbar .yt-mediaControls { display:block; }
.yt-videoMask, .yt-mediaMask { position:absolute; top:0; left:0; width:100%; height:100%; }
.yt-videoHide, .yt-mediaHide { position:absolute; top:0; right:0; width:1px; height:100%; z-index:2; }
.yt-videoInactive, .yt-mediaInactive { cursor:pointer; }
.yt-videoActive .yt-videoBigPlay, .yt-mediaActive .yt-mediaBigPlay { display:none; }
.mediaFrame .yt-videoMask, .fancybox-wrap.overlayMedia .yt-videoMask, .mediaFrame .yt-mediaMask, .fancybox-wrap.overlayMedia .yt-mediaMask { -webkit-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; box-shadow:inset 0 0 10px #000, inset 0 0 10px #000, inset 0 0 10px #000; }
body.fullscreen .mediaFrame .yt-videoMask, body.fullscreen .fancybox-wrap.overlayMedia .yt-videoMask, .mediaFrame .yt-videoActive .yt-videoMask, .fancybox-wrap.overlayMedia .yt-videoActive .yt-videoMask { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.yt-videoProgress { margin:0 268px 0 52px; position:relative; left:0; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); }
.yt-videoProgressBar { border:1px solid #978343; border-color:rgba(247,233,130,0.45); }
.yt-videoSeekBar { background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.yt-videoPlayBar { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.yt-videoPlayPip .off, .yt-videoPlayPip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.yt-videoPlayPip .on { background-position:-160px -40px; }
.yt-videoPlayPip .off, .yt-videoSeekBar:hover .yt-videoPlayPip .on { opacity:1;  }
.yt-videoPlayPip .on, .yt-videoSeekBar:hover .yt-videoPlayPip .off { opacity:0; }

.yt-videoVolume { position:absolute; right:80px; top:19px; z-index:1; border:4px solid #2A2828; border-color:rgba(255,255,255,0.1); border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,0.3); border-width:4px 4px 4px 25px; }
.yt-videoVolumeBar { width:70px; border:1px solid #978343; border-color:rgba(247,233,130,0.45); background:#000; background:rgba(0,0,0,0.5); cursor:pointer; }
.yt-videoVolumeSeek { height:8px; background:#6A5326; background:rgba(204,158,66,0.5); position:relative; }
.yt-videoVolumePip .off, .yt-videoVolumePip .on { width:40px; height:40px; position:absolute; top:-19px; right:-20px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat -160px 0; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.yt-videoVolumePip .on { background-position:-160px -40px; }
.yt-videoVolumePip .off, .yt-videoVolumeSeek:hover .yt-videoVolumePip .on { opacity:1; }
.yt-videoVolumePip .on, .yt-videoVolumeSeek:hover .yt-videoVolumePip .off { opacity:0; }
.yt-video.muted .yt-videoVolumePip { display:none; }

.yt-videoTime { position:absolute; top:21px; right:190px; color:#FFF; font:bold 12px Arial; opacity:0.3; z-index:1; }
.yt-videoTimeSeperator { margin:0 2px; }

.yt-videoButtons { position:absolute; top:8px; left:0; width:100%; height:40px; }
.yt-videoButton { width:40px; height:40px; position:absolute; top:-1px; z-index:2; }
.yt-videoButton .off, .yt-videoButton .on { position:absolute; top:0; left:0; width:40px; height:40px; background:url(/sites/all/files/en/coruscant/main/video/controls.png) no-repeat 0 40px; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; transition:opacity 200ms ease; }
.yt-videoButton .off, .yt-videoButton.hover .on, .yt-videoButton:hover .on { opacity:1; }
.yt-videoButton .on, .yt-videoButton.hover .off, .yt-videoButton:hover .off { opacity:0; }
.yt-videoButton .hitbox { position:absolute; z-index:100; cursor:pointer; display:block!important; }
.yt-videoButton.slanted, .yt-videoButton.slanted .off, .yt-videoButton.slanted .on { width:80px; }
.yt-videoButton.slanted .hitbox { -moz-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); -ms-transform:skewX(-45deg); transform:skewX(-45deg); }

.yt-videoStopButton { display:none; }
.yt-videoPlayButton, .yt-videoPauseButton { left:6px; }
.yt-videoPlayButton .hitbox, .yt-videoPauseButton .hitbox { top:3px; left:3px; width:34px; height:34px; }
.yt-videoPlayButton .off { background-position:0 0; }
.yt-videoPlayButton .on { background-position:0 -40px; }
.yt-videoPauseButton .off { background-position:-40px 0; }
.yt-videoPauseButton .on { background-position:-40px -40px; }

.yt-videoMuteButton, .yt-videoUnmuteButton { top:0; right:147px; }
.yt-videoMuteButton .hitbox, .yt-videoUnmuteButton .hitbox { top:11px; left:8px; width:22px; height:18px; }
.yt-videoMuteButton .off { background-position:-80px 0; }
.yt-videoMuteButton .on { background-position:-80px -40px; }
.yt-videoUnmuteButton .off { background-position:-120px 0; }
.yt-videoUnmuteButton .on { background-position:-120px -40px; }

.yt-videoFullScreenButton, .yt-videoRestoreScreenButton { right:3px; }
.yt-videoFullScreenButton .hitbox, .yt-videoRestoreScreenButton .hitbox { top:3px; left:17px; width:48px; height:33px; }
.yt-videoFullScreenButton .off { background-position:-200px 0; }
.yt-videoFullScreenButton .on { background-position:-200px -40px; }
.yt-videoRestoreScreenButton .off { background-position:-280px 0; }
.yt-videoRestoreScreenButton .on { background-position:-280px -40px; }

.yt-video .yt-videoPlayButton,
.yt-video.playing .yt-videoPauseButton,
.yt-video .yt-videoMuteButton,
.yt-video.muted .yt-videoUnmuteButton,
.yt-videoStandard .yt-videoFullScreenButton,
.yt-videoFull .yt-videoRestoreScreenButton
{ display:block; }

.yt-video .yt-videoPauseButton,
.yt-video.playing .yt-videoPlayButton,
.yt-video .yt-videoUnmuteButton,
.yt-video.muted .yt-videoMuteButton,
.yt-videoStandard .yt-videoRestoreScreenButton,
.yt-videoFull .yt-videoFullScreenButton
{ display:none; }

/* yt video Animation */
.yt-videoControls,
.yt-videoFull.yt-videoActive.hover.inactive .yt-videoControls,
.yt-videoFull.yt-videoActive.hover.active.hide .yt-videoControls { display:block; opacity:0;  bottom:-10px; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -ms-transition:all 200ms ease; transition:all 200ms ease;    }
html.no-opacity .yt-videoControls { display:none; }
.yt-video.controls .yt-videoControls,
.yt-video.yt-videoActive.hover .yt-videoControls,
.yt-video.yt-videoActive.hoverControlbar .yt-videoControls,
.yt-videoFull.yt-videoActive.hoverControlbar.inactive .yt-videoControls,
.yt-videoFull.yt-videoActive.hover.active.stopped .yt-videoControls,
.yt-videoFull.yt-videoActive.inactive.stopped .yt-videoControls { opacity:1; bottom:0; }
.yt-videoFull.yt-videoActive.hover.inactive { cursor:url(/sites/all/files/blank.cur), url(/sites/all/files/blankCursor.png), default; }
.yt-videoFull.yt-videoActive.hoverControlbar.inactive,
.yt-videoFull.yt-videoActive.hover.inactive.stopped { cursor:default; }

/* yt video Hide Controls */
.yt-video.default-controls .yt-videoControls {  display:none !important; }
.yt-video.nocontrols .yt-videoControls,
.yt-video.notime .yt-videoTime,
.yt-video.noseek .yt-videoProgress,
.yt-video.novolume .yt-videoVolume,
.yt-video.novolume .yt-videoMuteButton,
.yt-video.novolume .yt-videoUnmuteButton,
.yt-video.nofullscreen .yt-videoFullScreenButton,
.yt-video.nofullscreen .yt-videoRestoreScreenButton,
.yt-video.nostop .yt-videoStopButton,
.yt-video.noplay .yt-videoPlayButton,
.yt-video.noplay .yt-videoPauseButton,
.yt-video.noplaybutton .yt-videoBigPlay { display:none!important; }


/*news articles */
.newsText .rightPic { float:right; margin:0 0 10px 10px; }

/* media nodes */
.video.overlay { display:block; width:540px; height:306px; backgrond:url(/sites/all/files/en/coruscant/main/MC_Play_Button.png) no-repeat center; }
.video.overlay .poster { width:100%; height:100%; }
.featuredMedia { margin:20px 5px; }
.featuredMedia .mediaFrame { margin:0 0 20px 0; }
.screen {width:898px; height:518px;}
.mediaFrame { position:relative; display:inline-block; margin:0 8px; line-height:0; border-width:7px 5px 7px 5px; -moz-border-image:url(/sites/all/files/en/coruscant/main/mediaContainer.png) 7 5 7 5 stretch; -webkit-border-image:url(/sites/all/files/en/coruscant/main/mediaContainer.png) 7 5 7 5 stretch; border-image:url(/sites/all/files/en/coruscant/main/mediaContainer.png) 7 5 7 5 stretch; }
.mediaFrame .mediaOverlayMask { position:absolute; top:0; left:0; width:100%; height:100%;  }
.mediaFrame .mediaOverlayMask:hover { cursor:pointer; }
.mediaFrame.withText { margin-bottom:32px; }
.mediaText { color:#FFF; position:absolute; top:110%; }
.mediaOverlayMask .off, .mediaOverlayMask .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;  }
.mediaOverlayMask .on { background-position:bottom; opacity:0; filter:alpha(opacity:0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.mediaOverlayMask:hover .off { opacity:0; filter:alpha(opacity:0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.mediaOverlayMask:hover .on { opacity:1; filter:alpha(opacity:1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.featured-vid .featuredPoster { width:550px; }
.node-date { color:#FFF; margin:0 5px; }

/*media frame for IE/no border image */
.no-borderimage .mediaFrame { position:relative; }
.no-borderimage .mediaFrame .top, .mediaFrame .bottom { position:absolute; height:6px; width:100%;  padding:0 160px; box-sizing:border-box;}
.no-borderimage .mediaFrame .top { top:0; }
.no-borderimage .mediaFrame .bottom { bottom:0; }
.no-borderimage .mediaFrame .left, .no-borderimage .mediaFrame .right { position:absolute; height:6px; width:190px; z-index:10; background:url(/sites/all/files/en/coruscant/main/mediaFrameTopFade.png); }
.no-borderimage .mediaFrame .top .left { background-position:top left; top:0; left:0;}
.no-borderimage .mediaFrame .top .right { background-position:top right; top:0; right:0; }
.no-borderimage .mediaFrame .top .center, .no-borderimage .mediaFrame .bottom .center { position:relative; height:6px; width:100%; }
.no-borderimage .mediaFrame .top .center > .bg, .no-borderimage .mediaFrame .bottom .center > .bg { position:relative; width:100%; height:6px; background-position:top left; background:url(/sites/all/files/en/coruscant/main/mediaContainerTopStretch.jpg);}
.no-borderimage .mediaFrame .bottom .left { background-position:bottom left; bottom:0; left:0;}
.no-borderimage .mediaFrame .bottom .right { background-position:bottom right; bottom:0; right:0; }
.no-borderimage .mediaFrame .bottom .center { bottom:0; margin:0 2px; }
.no-borderimage .mediaFrame .bottom .center > .bg { background-position:bottom left; }

.no-borderimage .mediaFrame .middle { position:relative; width:100%; margin:5px 0;  box-sizing:border-box;}
.no-borderimage .mediaFrame .middle .center { padding:3px 5px; }
.no-borderimage .mediaFrame .middle .right, .no-borderimage .mediaFrame .middle .left { position:absolute; height:100%; width:2px;  background:url(/sites/all/files/en/coruscant/main/mediaContainerSideStretch.jpg); }
.no-borderimage .mediaFrame .middle .right { background-position:top right; right:0; }
.no-borderimage .mediaFrame .middle .left { background-position:top left; left:0; }












#consent_blackbar { position: fixed; bottom: 0; background-color: #000; max-width: 960px; margin: 0 auto; left: 0; right: 0; z-index: 1000; }
#consent_blackbar #truste-consent-buttons { margin-left: 30px; } /* new buttons on right side */
#consent_blackbar #truste-consent-buttons button { margin-bottom: 5px; background-color: inherit; width: 170px; height: 29px; font-size: 13px; line-height: 17px; display: flex; align-items: center; justify-content: center; border: 0; padding: 0;}
#consent_blackbar #truste-consent-buttons .truste-button2 { background:url(/sites/all/files/en/coruscant/main/rectangle-btn-orange.png); color: #13131E; }
#consent_blackbar #truste-consent-buttons .truste-button1 { background:url(/sites/all/files/en/coruscant/main/rectangle-btn-outline.png); color: #DE9427; }
#consent_blackbar #truste-consent-track { margin: 40px 80px; }
#consent_blackbar h2, #consent_blackbar #truste-consent-text { font-size: 12px; line-height: 17px; font-weight: normal; color: #f4deb5; font-family: "Open Sans", arial, sans-serif; font-variant: none; }
#consent_blackbar #truste-consent-text .truste-button1 { color: #DE9427; text-decoration: underline; font-size: 14px;}
#consent_blackbar a { color: #DE9427; cursor: pointer; font-size: 14px; };

/* logo images as divs instead of images */
.logoRatingPending { background:url(/sites/all/files/en/footer/logoRatingTeen.gif) no-repeat; float:right; }
.logoRatingPending .footerLogo { display:block; height:76px; width:181px; }
.logoTrustE { background:url(/sites/all/files/en/footer/logoTruste.gif) no-repeat; float:right; }
.logoTrustE .footerLogo { display:block; height:40px; width:130px; }
.pegilogo { background:url(/sites/all/files/en/footer/logoRating_fr.gif) no-repeat; float:right; }
.pegilogo .footerLogo { display:block; height:78px; width:64px; }
.usklogo { background:url(/sites/all/files/en/footer/logoRating_de.gif) no-repeat; float:right; }
.usklogo .footerLogo { display:block; height:78px; width:78px; }



/*social buttons */
#social { height:20px; margin:0 5px; position:relative; text-align:right; }
#social_buttons { position:relative; top:-18px; }
#social .btn.social.fb { left:40px; }
#social .btn.social.rss { left:80px; }
#socialBlock { width:321px; height:80px; background:url(/sites/all/files/en/framework/reskin/homeSocialBox.png) no-repeat; }
.socialHeader { position:relative; height:40px; text-align:right; margin:0 5px;}
.socialHeader .social { margin-top:3px; }
.socialHeader .btn.social > a { text-align:left; text-indent:-9000em; }
.btn { position:relative;  display:inline-block; *display:inline; *zoom:1; z-index:10; }
.btn.social > .icon{ background:url(/sites/all/files/en/coruscant/main/socialBtns.png) no-repeat; display:inline-block; width:86px; height:38px; text-indent:-9000em; }
.btn.social > a { position:absolute; right:20px; width:44px; height:38px; text-align:left; text-indent:-9000em; z-index:100;   }
.btn.social > a { -moz-transform:skewX(-45deg); -webkit-transform:skewX(-45deg); -ms-transform:skewX(-45deg); transform:skewX(-45deg); }
.btn.social.rss > .icon { background-position:0 0; }
.btn.social.fb > .icon { background-position:-85px 0; }
.btn.social.twitter > .icon { background-position:-171px 0; }
.btn.social.rss > a:hover + .icon { background-position:0 -37px; }
.btn.social.fb > a:hover + .icon { background-position:-85px -37px; }
.btn.social.twitter > a:hover + .icon { background-position:-171px -37px; }
.no-social #social { display:none; }






@media only screen and (max-width: 2100px) {

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 30px;
    }

    h3.long-header {
        font-size: 25px;
    }
    
    h3.extra-long-header {
        font-size: 20px;
    }

    #top-bar {
        height: 55px;
        padding-left: 127px;
    }

    #top-bar .top-icons img {
        height: 18px;
    }

    #top-bar .main-icon {
        height: 36px;
    }

    #top-bar #top-subscribe a, .content-button a, #top-bar .download-now a {
        width: 220px;
        height: 40px;
        font-size: 13px;
    }

    .lang_de #top-bar #top-subscribe a, .lang_de .content-button a, .lang_de #top-bar .download-now a {
        font-size: 12px;
    }

    .lang_fr #top-bar #top-subscribe a, .lang_fr .content-button a, .lang_fr #top-bar .download-now a {
        font-size: 10px;
        letter-spacing: 0px;
    }

    #fe-header #logo img {
        margin: 75px auto 0 auto;
        height: 180px;
    }

    .lander-section {
        min-height: 1000px;
    }

    #navline {
        margin-left: 170px;
        height: 1000px;
    }

    #navbar {
        margin-left: 73px;
        top: 150px;
    }

    #navbar a {
        font-size: 16px;
    }

    #navbar li:not(:last-child) {
        margin-bottom: 40px;
    }

    .trailer-box a img {
        width: 200px;
        height: 200px;
    }

    .trailer-box a .trailer-text {
        font-size: 20px;
    }

    .section-header-bar {
        height: 70px;
    }

    section#combat {
        background-position-x: calc(50% + 17vw);
    }

    .lots-section-text-box-outer {
        width: 45%;
    }

    .lots-section-text-box-inner {
        /* actual bg image size - 724 x 170 */
        background-size: 650px 153px;
        min-height: 300px;
    }

    .lots-section-text-box-inner p {
        font-size: 22px;
    }

    .lots-section-content {
        gap: 50px;
    }
   
    .lots-section-content-images div {
        width: 140px;
        height: 140px;
        background-size: 140px 140px;
    }
    
}

@media only screen and (max-width: 1450px) {

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 25px;
    }

    h3.long-header {
        font-size: 20px;
    }
    
    h3.extra-long-header {
        font-size: 15px;
    }

    #top-bar {
        padding-left: 53px;
    }

    #navbar a, #navbar a.current, #navbar a:hover {
        color: transparent;
    }

    #navline {
        margin-left: 97px;
        height: 800px;
    }

    #navbar {
        margin-left: 0px;
        top: 67px;
    }

    #navbar li:not(:last-child) {
        margin-bottom: 23px;
    }

    section#combat {
        background-position-x: calc(50% + 16vw);
    }

    .section-header-bar {
        height: 60px;
    }

    .lots-section-text-box-outer {
        width: 60%;
    }

    .lots-section-text-box-inner {
        /* actual bg image size - 724 x 170 */
        background-size: 350px 74px;
        background-position-y: 15px;
    }

    .lots-section-text-box-inner p {
        font-size: 16px;
    }


}

@media only screen and (max-width: 1080px) {
    .lots-section-content-images {
        flex-wrap: wrap;
        width: 430px;
        justify-content: center;
    }
}

@media only screen and (max-width: 800px) {
    #navbar, #navline, #left-gradient, #right-gradient, .lots-section-text-box-ellipse {
        display: none;
    }

    h3 {
        font-family: Roboto;
        font-size: 20px;
        font-weight: bold;
        line-height: 27px;
        margin-bottom: 20px;
        text-shadow: 0px 0px 8px rgb(64 64 64 / 45%);
    }

    #top-bar-wrapper {
        position: absolute;
    }

    #top-bar #top-buttons {
        display: none;
    }

    .lander-section {
        min-height: 0;
    }

    section#combat {
        background-position-x: 100px;
    }

    .trailer-box {
        margin-top: 310px;
    }

    .trailer-box a img {
        width: 125px;
        height: 125px;
    }

    .trailer-box a .trailer-text {
        font-size: 18px;
        margin-top: 15px;
    }

    .lots-section-content {
        margin-top: 10px;
        gap: 30px;
        margin-bottom: 50px;
    }

    .lots-section-text-box-outer {
        width: 90%;
        background: none;
        border: none;
        box-shadow: none;
    }

    .lots-section-text-box-inner {
        background: none;
        border: none;
        min-height: 0;
    }

    .lots-section-text-box-inner p {
        font-family: Roboto;
        font-size: 14px;
        line-height: 23px;
        text-shadow: 0px 0px 8px rgb(64 64 64 / 45%);
    }

    .lots-section-content-buttons {
        display: flex;
        flex-direction: column;
    }

    .lang_fr .content-button a {
        font-size: 9px;
    }
    
    .lang_de .content-button a {
        letter-spacing: 1px;
        font-size: 11px;
    }

    #footer .left {
        float: initial;
        width: auto;
    }

    #footer .right {
        float: initial;
        width: auto;
        display: flex;
        text-align: center;
        gap: 40px;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
        flex-wrap: wrap;
    }

    #footer .logos {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {

    #top-bar-wrapper {
        background-color: none;
    }

    #top-bar {
        padding: 0;
        justify-content: center;
        height: 0px;
    }


    #top-bar #top-icons {
        display: none;
    }

    #fe-header #logo img {
        margin: 37px auto 0 auto;
        height: auto;
        width: 90%;
    }

    section#trailer .lots-section-content {
        margin-top: 45vw;
    }

    .trailer-box {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 432px) {
    .lots-section-content-images {
        width: auto;
    }
}