/* Anno 2205 - HOMEPAGE CSS Document */

@charset "utf-8";
body {
    position: relative;
    background-color: #000;
}

.desktop .menu_home a:before{-moz-box-shadow: 0 2px 25px 0 #1dffff!important;    box-shadow: 0 2px 25px 0 #1dffff!important;}
.desktop .menu_home a{color: #000; -webkit-box-shadow: 0 2px 25px 0 #1dffff!important;background-image: url("menu-fond-blue-over.png")!important;  background-size: contain!important;  background-position: center!important;    }
.menu_home.mobile:before{   background-image: url("mobile-menu-fond-selected.png");    background-size: 640px 133px;    background-position: center}
.vid {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -3;
}
.vid.trans, .vid.transmoon, .transearth, .vid.zoom { display: none; }
.row_header {
    width: 100%;
    top: 0;
}
.row_nav {
    width: 100%;
    top: 100px;
}
.row_homepage_content {
    height: 36vh;
}
.main_earth,
.main_moon {
    display: none;
}
@media screen and (min-width: 980px){
    .row_homepage_actu {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 100vh;
        margin-top: -57px!important;
        padding-top: 0px;
        max-width: initial;
    }
    .content_section.content_section_trailer, .content_section.content_section_live {
      width: 60%;
    }
    .content_section.content_section_trailer {
      float: right;
    }
    .content_section.content_section_live {
      float: left;
    }
}
.row_homepage_content .c_homepage_content > .main_earth,
.row_homepage_content .c_homepage_content > .main_moon {
    position: relative;
    min-height: 250px;
}
.row_homepage_content .c_homepage_content > .main_univers{ position: absolute; top: 0; left: 0; width: 100%; }
.row_homepage_content .c_homepage_content .main_univers .main_earth,
.row_homepage_content .c_homepage_content .main_earth .main_earth,
.row_homepage_content .c_homepage_content .main_moon .main_earth,
.row_homepage_content .c_homepage_content .main_univers .main_moon,
.row_homepage_content .c_homepage_content .main_earth .main_moon,
.row_homepage_content .c_homepage_content .main_moon .main_moon {
    display: block;
}

.row_homepage_content .c_homepage_content .main_earth .back_homepage,
.row_homepage_content .c_homepage_content .main_moon .back_homepage {
    background: url('bt_back.png') no-repeat;
    height: 215px;
    width: 400px;
    position: absolute;
    background-size: contain;
    cursor: pointer;
    color: transparent;
    right: 5%;
    top: -80px;
    font-size: 40px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 155px;
}

.back_homepage > a { display: inline-block; padding: 0 40px; text-align: center; width: 83px; }
.back_homepage > a > span{ display: inline-block; line-height: 30px; vertical-align: middle; }
.row_homepage_content .c_homepage_content a{ text-decoration: none; color: #1a1a1a; overflow: hidden; }
.row_homepage_content{ height: 36vh; top: 0; left: 0; }
.main_univers .main_earth{ position: absolute; left: 14%; top: 200px; height: 215px; width: 350px; }
.main_univers .main_moon{ position: absolute; right: 11.5%; top: 200px; height: 215px; width: 350px; }
@media screen and (max-width: 1700px)
{
    .main_univers .main_moon{ right: 11%; }
}
@media screen and (max-width: 1500px)
{
    .main_univers .main_moon{ right: 10%; }
}
@media screen and (max-width: 1300px)
{
    .main_univers .main_moon{ right: 9.5%; }
}
@media screen and (max-width: 1200px)
{
    .main_univers .main_moon{ right: 8.5%; }
}
.row_homepage_content .c_homepage_content .main_univers .to-earth,
.row_homepage_content .c_homepage_content .main_earth .to-earth,
.row_homepage_content .c_homepage_content .main_moon .to-earth {
    background: url('bt_nav_earth.png') no-repeat;
    height: 215px;
    width: 350px;
    background-size: contain;
    cursor: pointer;
    color: transparent;
    font-size: 50px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 210px;
     display: block;
}
.to-earth > span{ display: inline-block; float: right; padding: 0 50px; text-align: center; width: 115px; line-height: 210px; }
.to-moon > span{ display: inline-block; padding: 0 40px; text-align: center; width: 105px; line-height: 215px; vertical-align: middle; }
.main_moon{cursor: pointer;}

.row_homepage_content .c_homepage_content .main_moon .moon_videos {
    background: url('bt_cadena.png') no-repeat;
    height: 215px;
    width: 226px;
    position: absolute;
    background-size: cover;
    cursor: pointer;
    color: transparent;
    opacity: .7;
    left: 19%;
    font-size: 26px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    text-indent: 66px;
    line-height: 209px;
}
.main_earth .earth_info, .main_moon .moon_info,
.row_homepage_content .c_homepage_content .main_univers .earth_videos,
.row_homepage_content .c_homepage_content .main_earth .earth_videos{
    background: url('bt_earth.png') no-repeat;
    height: 215px;
    width: 226px;
    position: absolute;
    background-size: cover;
    cursor: pointer;
    color: transparent;
    left: 35%;
    top: 200px;
    /*font-size: 35px;*/
    font-size: 28px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 216px;
}
.row_homepage_content .c_homepage_content .main_univers .earth_videos,
.row_homepage_content .c_homepage_content .main_earth .earth_videos{
       left: 19%;
       top: 0;
       text-align: center;
}
.earth_info > a{ display: block; line-height: 150px; margin: 0 auto; padding: 32px 0; text-align: center; width: 120px; }
.earth_info > a > span{ display: inline-block; line-height: 32px; vertical-align: middle; }
.earth_videos > a{ display: block; line-height: 150px; margin: 0 auto; padding: 32px 0; text-align: center; width: 120px; }
.earth_videos > a > span{ display: inline-block; line-height: 32px; vertical-align: middle; }

.row_homepage_content .c_homepage_content .main_univers .earth_buildings,
.row_homepage_content .c_homepage_content .main_earth .earth_buildings,
.row_homepage_content .c_homepage_content .main_moon .moon_buildings {
    background: url('bt_cadena.png') no-repeat;
    height: 215px;
    width: 226px;
    position: absolute;
    background-size: contain;
    opacity: .7;
    color: transparent;
    right: 19%;
    top: 400px;
    font-size: 20px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    text-indent: 62px;
    line-height: 200px;
}
.row_homepage_content .c_homepage_content .main_univers .to-moon,
.row_homepage_content .c_homepage_content .main_earth .to-moon,
.row_homepage_content .c_homepage_content .main_moon .to-moon {
    background: url('bt_nav_moon.png') no-repeat;
    height: 215px;
    background-size: contain;
    cursor: pointer;
    color: transparent;
    font-size: 44px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 225px;
    display: block;
}
.row_homepage_actu {
    text-align: center;
    margin: 0 auto;
    text-align: center;
}
.row_homepage_actu .c_homepage_news {
    display: none!important
}
.row_homepage_actu .c_homepage_video {
    float: left;
}
.row_homepage_actu .c_homepage_video:nth-child(3) {
    float: right;
}
.row_homepage_actu [class*="span"] {
    width: calc(50% - 5px) !important;
    margin-left: 0!important
}
.row_homepage_actu [class*="span"] .trailer-image,
.row_homepage_actu [class*="span"] .live-image {
    width: calc(100% - 22px);
    padding: 0 10px 0px;
}
.row_homepage_actu [class*="span"] .trailer-image .content,
.row_homepage_actu [class*="span"] .live-image a{
    border: 1px solid #b7fcf6; display: inline-block; box-shadow: 0px 0px 6px 0px #b7fcf6; width: 100%;height: auto;
}
.row_homepage_actu [class*="span"] .trailer-image img,
.row_homepage_actu [class*="span"] .live-image img {
    width: 100%
}

.row_homepage_actu [class*="span"] .content_section_title {
    background: url('bg_title_middle.png') repeat center center;
    font-family: 'UniversLTStdLightUltraCn';
    font-size: 26px;
    color: #fff;
    height: 58px;
    line-height: 58px;
    width: calc(100% - 200px);
    margin: 0 100px;
    position: relative;
}
.row_homepage_actu [class*="span"] .content_section_title:before{ content: ''; width: 100px; height: 58px; background: url('bg_title_left.png') no-repeat; position: absolute; left: -100px; top: 0; }
.row_homepage_actu [class*="span"] .content_section_title:after{ content: ''; width: 100px; height: 58px; background: url('bg_title_right.png') no-repeat; position: absolute; right: -100px; top: 0; }
.row_homepage_actu [class*="span"] .content_section_more{ float: right; }
.row_homepage_actu [class*="span"] .content_section_more p {
    background: url('watchmore.png') no-repeat center center;
    color: #11fff7;
    width: 214px;
    font-family: 'UniversLTStdLightUltraCn';
    line-height: 40px;
    font-size: 26px; padding: 0 5px;
}
.row_homepage_actu [class*="span"] .content_section_more p a{display: block; width:100%;height: 100%;}
.row_homepage_actu [class*="span"]:nth-child(2) {
    padding-right: 5px
}
.row_homepage_actu [class*="span"]:last-child {
    padding-left: 5px
}
.row_homepage_ad {
    text-align: center;
    margin-top: 60px;
    background: linear-gradient(rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .999) 81%)!important;
    padding-bottom: 150px;
    padding-top: 320px;
}
.row_homepage_ad .content_section_adserver {
    background: url('preorder.png') no-repeat top center;
}
.row_homepage_ad .content_section_adserver img {
    padding: 10px;
    width: 300px
}
.row_flags {
    background: #000!important
}
.row_footer {
    background: #000!important
}
.button_locked{ color: transparent !important; display: block; text-indent: -10000px; cursor: default; }

.main_season_pass{
    position: absolute;
    top: 60vh;
    right: 28%;
    height: 180px;
    width: 180px;
}

.mobile-site .main_season_pass{
    top: 100vw!important;
}
.to-season-pass{
    background: url('cta_hp_seasonpass.png');
    background-position:-10px center;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;   
}

.to-season-pass span{
    line-height: 34px;
    text-align: center;
    width: 50%;
    margin: 66px 23%;
    float: left;
    font-size: 38px;
    font-family: 'UniversLTStdLightUltraCn';
    color: #1a1a1a;
    text-transform: uppercase;
}

.mobile-site .to-season-pass span{
    margin: 72px 23%;
}

.mobile-site .main_earth{
    display: block!important;
}
.mobile-site .main_earth .earth_info{
    top: 50vw!important;
    left: 50px!important;
}
.mobile-site .main_earth .back_homepage{
    display: none!important;
}
.mobile-site .to-earth{
    display: none!important;
}

@media screen and (max-width: 1400px)
{
    .row_homepage_content .c_homepage_content .main_earth .back_homepage,
    .row_homepage_content .c_homepage_content .main_moon .back_homepage{ top: -30px; }
}
@media screen and (max-width: 1280px)
{
    .row_homepage_content .c_homepage_content .main_earth .earth_videos,
    .row_homepage_content .c_homepage_content .main_moon .earth_videos{ left: 10%; }
    .main_earth .earth_buildings{ right: 10%; }
}

/* [SITE < 768px OU MOBILE/TABLETTE] */
.mobile-site{ background: #000 url('bg_home_mobile.jpg') no-repeat; background-size: 100% auto; }
.mobile-site .row_homepage_content{ height: 100vh; }
.mobile-site video{ display: none !important; }
.mobile-site .main_univers .main_moon{ right: 0; }
.mobile-site .main_univers .main_earth{ left: 5%; }
.mobile-site .row_homepage_actu{ padding-top: 0; }
.mobile-site .row_homepage_actu [class*="span"] { width: calc(100% - 5px) !important; }
.mobile-site .row_homepage_actu [class*="span"] .trailer-image,
.mobile-site .row_homepage_actu [class*="span"] .live-image { height: auto; }
.mobile-site .row_homepage_actu [class*="span"] .content_section_more{ float: left; }
.mobile-site .row_homepage_actu [class*="span"]{ padding: 0; }
.mobile-site .to-moon, .mobile-site .earth_info a{ pointer-events:initial!important; }

.desktop ul ul ul{
    display: none!important;
}


    .mobile-site .row_homepage_actu{
        width: 100%!important;
        text-align: center!important;
        top: 100vh!important;
        margin-top: -57px!important;
        padding-top: 0px!important;
        max-width: initial!important;
        position: initial!important;
    }
    .mobile-site .content_section.content_section_trailer{
        float: right!important;
    }
    .mobile-site .content_section.content_section_live{
        float: left!important;
    }
    .mobile-site .content_section.content_section_trailer, .mobile-site .content_section.content_section_live{width: 100%;}
    .mobile-site .row_homepage_ad{
        margin-top: 20px!important;
        padding-top: 0!important;
        padding-bottom: 50px!important;
    }
.mobile-site .row_homepage_actu [class*="span"] .content_section_title{
    font-size: 40px!important;
}

.mobile-site .row_homepage_actu [class*="span"] .content_section_more p {
  background-size: cover!important;
  width: 410px!important;
  height: 140px!important;
  line-height: 142px!important;
    font-size: 50px!important;
}

/*EMEA*/
.emea_anno2205_home_main .row_homepage_actu [class*="span"] .content_section_title {
	height: auto;
    width: calc(100% - 10%);
    margin: 0 5%;
}
.emea_anno2205_home_main .row_homepage_actu [class*="span"] .content_section_title:before  {
    width: 5%;
    left: -5%;
}
.emea_anno2205_home_main .row_homepage_actu [class*="span"] .content_section_title:after {
    right: -5%;
    width: 5%;
	background-position: 95%;
	}