@charset "utf-8"; /*********************************************************************** MAIN ***********************************************************************/ /* .grw_home h3 { display:inline-block; width:100%; padding:15px 20px 10px 20px; font-size:40px; line-height:40px; color:#fff; background-color:rgba(0,0,0,0.9); border:2px solid #fff; vertical-align:middle; } */ .row_slides { /*position:absolute; top:0; left:0; width:100%;*/ } .row_slides { position:relative; display:block; overflow:hidden; width:100%; } .row_slides_details { display:none; } .row_slides_details .trailer, .row_slides_details .wildlands, .row_slides_details .ghost, .row_slides_details .play, .row_slides_details .cartel, .row_slides_details .editions, .row_slides_details .news { display:none; } .slide_content { /* position:relative; height:100%; height:inherit; overflow:hidden;*/ } .slide_content h2 { position:absolute; z-index:50; left:0; top:0; padding:70px 0 0 0; width:100%; height:190px; line-height:120px; font-size:60px; background:url('grw_bg_title.png') 50% 100% no-repeat; text-align:center; pointer-events:none; } .slide_content h2 span { display:inline-block; line-height:60px; padding:15px 20px 5px 20px; background-color:rgba(255,255,255,0.9); border:2px solid #000; vertical-align:middle; } .slide_content h3 { display:inline-block; width:100%; padding:15px 20px 10px 20px; font-size:2vw; line-height:40px; color:#fff; background-color:rgba(0,0,0,0.9); border:2px solid #fff; vertical-align:middle; } .slide_content h3 span { display:block; padding:5px 0 0 0; font-size:20px; line-height:30px; border-top:1px solid #fff; } .slide_content h4 { font-size:60px; line-height:60px; } .slide_content h5 { font-size:40px; line-height:40px; } /*--------------------| STICKY NAV |--------------------*/ .grw_home .sticky-nav {} .grw_home .sticky-nav ul li:before { background-image:url('grw_home_nav_icons.png'); background-repeat:no-repeat; background-position:0 0; } .grw_home .sticky-nav ul li.trailer:before { background-position:-2px -2px; } .grw_home .sticky-nav ul li.wildlands:before { background-position:-2px -42px; } .grw_home .sticky-nav ul li.ghost:before { background-position:-2px -82px; } .grw_home .sticky-nav ul li.play:before { background-position:-2px -122px; } .grw_home .sticky-nav ul li.cartel:before { background-position:-2px -162px; } .grw_home .sticky-nav ul li.editions:before { background-position:-2px -202px; } .grw_home .sticky-nav ul li.news:before { background-position:-2px -241px; } .grw_home .sticky-nav ul li.trailer.active:before { background-position:-42px -2px; } .grw_home .sticky-nav ul li.wildlands.active:before { background-position:-42px -42px; } .grw_home .sticky-nav ul li.ghost.active:before { background-position:-42px -82px; } .grw_home .sticky-nav ul li.play.active:before { background-position:-42px -122px; } .grw_home .sticky-nav ul li.cartel.active:before { background-position:-42px -162px; } .grw_home .sticky-nav ul li.editions.active:before { background-position:-42px -202px; } .grw_home .sticky-nav ul li.news.active:before { background-position:-42px -241px; } /*--------------------| COMING SOON |--------------------*/ .slide_content .coming-soon { cursor:not-allowed; } /* .slide_content .coming-soon h3 { font-size:20px; line-height:30px; } .slide_content .coming-soon h3 span { display:block; margin:0 0 5px 0; font-size:40px; line-height:40px; border-bottom:1px solid #fff; } .slide_content .coming-soon { -webkit-filter:grayscale(1); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:gray; filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,#greyscale"); } */ .slide_content .coming-soon { filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -moz-filter:grayscale(100%); filter:grayscale(100%); } .slide_content div:not(.coming-soon) a:hover h3 { border:2px solid #e19f28; color:#e19f28; } .slide_content div:not(.coming-soon) a:hover h3 span { border-top:1px solid #e19f28;} /*--------------------| SCROLLDOWN LINKS |--------------------*/ .slide_content .scrolldown { position:absolute; z-index:100; left:50%; bottom:0; margin:0 0 0 -135px; width:270px; height:85px; background:url('grw_bg_scroll.png') 50% 100% no-repeat; /*pointer-events:none;*/ cursor:pointer; } .slide_content .scrolldown p { padding:42px 0 0 0; font-size:20px; color:#fff; background:url('grw_ico_target.png') 50% 10px no-repeat; text-align:center; text-transform:uppercase; } .slide_content .scrolldown p span { display:block; } .slide_content .scrolldown p span em{ font-style:normal; } .row_slides .trailer, .row_slides .wildlands, .row_slides .ghost, .row_slides .play, .row_slides .cartel, .row_slides .editions, .row_slides .news { position:relative; height:100vh; } /*--------------------| SLIDES BACKGROUNDS |--------------------*/ .grw_home .row_slides .trailer { /*background-color:#000;*/ } .grw_home .row_slides .wildlands { background:#37a4cf url('grw_home_wildlands.jpg') 50% 100% no-repeat; background-size:100% auto; background-color:#3bc7e8; } .grw_home .row_slides .ghost { background:#fff url('grw_home_ghost.jpg') 50% 0 no-repeat; background-size:100% auto; } .grw_home .row_slides .play { background:#8b97b3 url('grw_home_play.jpg') 50% 100% no-repeat; background-size:100% auto; overflow:hidden; } .grw_home .row_slides .cartel { background:#000 url('grw_home_cartel.jpg') 50% 100% no-repeat; background-size:100% auto; } .grw_home .row_slides .editions { background:#3e5887 url('grw_home_editions.jpg') 50% 100% no-repeat; background-size:100% auto; } .grw_home .row_slides .news { background:#ebf5f4 url('grw_home_news.jpg') 50% 0 no-repeat; background-size:100% auto; } .row_slides .trailer, .row_slides .wildlands, .row_slides .ghost, .row_slides .play, .row_slides .cartel, .row_slides .editions { display:none; display:block; } /*--------------------| SLIDES HEIGHT |--------------------*/ /* .row_slides .trailer, .row_slides .wildlands, .row_slides .ghost, .row_slides .play, .row_slides .cartel, .row_slides .editions { min-height:800px !important; } .row_slides .slide_content { min-height:800px !important; } .row_slides .editions, .row_slides .editions .slide_content{ min-height:900px !important; } */ /* .row_slides .trailer, .row_slides .wildlands, .row_slides .ghost, .row_slides .play, .row_slides .cartel, .row_slides .editions { min-height:100vh !important; } .row_slides .slide_content { min-height:100vh !important; } .row_slides .editions, .row_slides .editions .slide_content{ min-height:100vh !important; } */ /*********************************************************************** TRAILER (LANDING) ***********************************************************************/ /*--------------------| SLIDE |--------------------*/ .row_slides .trailer > div { /*display:none;*/ } .row_slides .trailer > div.slide_content { /*display:block; visibility:hidden;*/ } /* VIDEO */ #bg-video-wrapper { position:absolute; left:0; top:0; z-index:-1; /*display:block;*/ overflow:hidden; width:100%; height:100%; } .bg-video-wrapper, #bg-video { position:absolute; z-index:1; left:0; bottom:0; max-width:100%; min-width:100%; height:auto; min-height:100%; object-fit:cover; } .bg-video-wrapper { z-index:2; opacity:0.4; background:rgba(0,0,0, 0.4); background:rgba(0,0,0, 0.5) url('patern_02.png') 0 0 repeat; } /* AD SERVER */ .row_slides .trailer .adtech { z-index:3; } /* NEWS */ .row_slides .trailer .news_list { z-index:3; } /* CONTENT */ #landing-page-content { /*position:absolute; z-index:3; display:block; overflow:hidden; width:100%;*/ height:100%; } #landing-page-content .trailer-link { position:relative; display:block; top:50%; height:200px; width:600px; margin:-150px auto 0 auto; font-size:40px; text-align:center; text-transform:uppercase; line-height:40px;} #landing-page-content .trailer-link span { display:block; margin:0 auto; width:140px; height:160px; background:url('play-btn.png') 0% 0% no-repeat; } #landing-page-content .trailer-link:hover span { background-position:100% 0%; } #landing-slider { position:relative; display:block; top:50%; width:100%;/* max-width:1240px; height:160px;*/ margin:0 auto; text-align:center; text-transform:uppercase; } #landing-slider .landing-slider { display:block; overflow:hidden; padding:0 60px; width:100%; } /*** TEST:bottom position ***/ #landing-slider { position:absolute; top:auto; bottom:15%; max-width:none; } #landing-slider .landing-slider { margin:0 auto; padding:0 60px; max-width:1240px; } #landing-slider .landing-slider .item { float:left; display:block; overflow:hidden; margin:0 10px; padding:0; width:540px; height:150px; /*background:rgba(255,0,0,0.2);*/ } #landing-slider .landing-slider .item { max-width:50%; } #landing-slider .landing-slider .ad_promo img { width:100%; max-width:100%; } #landing-slider .landing-slider .item-news { background:#fff; } #landing-slider .landing-slider .item-news>a:first-child { float:left; width:52%; } #landing-slider .landing-slider .item-news:not(.adtech)>a:first-child img { width:100%; max-width:100%; } #landing-slider .landing-slider .item-news h3 { display:none; } #landing-slider .landing-slider .item-news a { color:#000; } #landing-slider .landing-slider .item-news strong { float:left; padding:10px; width:48%; font-size:18px; line-height:20px; color:#000; background:none; text-align:left; border:0 none; } #landing-slider .landing-slider .item-news p { display:none; } .tablet .slick-slider { padding:0 120px !important; } .slick-arrow { position:absolute; top:50%; margin-top:-50px; padding:0; width:44px; height:44px; line-height:40px; border:0px none; border:2px solid #e19f28; background-color:rgba(0,0,0,0.5); background-image:url('grw_slider_arrows.png'); text-indent:-9999em; overflow:hidden; } .slick-arrow:hover { border:2px solid #000; background-color:#000; } .slick-prev { left:0; background-position:0 0; } .slick-next { left:auto; right:0; background-position:-40px 0; } .tablet .slick-prev { margin-left:60px; } .tablet .slick-next { margin-right:60px; } .slick-disabled { opacity:0.25; } .slick-dots { font-size:0; } .slick-dots li { position:relative; margin:12px 10px; width:16px; height:16px; background:#000; border:2px solid #fff; border-radius:50%; } .slick-dots li.slick-active { background:#e19f28; border:2px solid #000; } .slick-dots li.slick-active:before { content:''; position:absolute; top:-4px; left:-4px; width:20px; height:20px; border:2px solid #e19f28; border-radius:50%; } .slick-dots li button { opacity:0; width:10px; height:10px; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop #landing-page-content .trailer-link.to-reveal { opacity:0; transform:translateY(-20px); } .desktop #landing-slider.to-reveal { opacity:0; transform:translateY(-30px); } .desktop #landing-page-content .trailer-link { transition:transform 500ms linear 500ms, opacity 500ms linear 500ms; } .desktop #landing-slider { transition:transform 500ms linear 1s, opacity 1s linear 1s; } /*--------------------| DETAILS |--------------------*/ #trailer-layer { } #trailer-player { display:block; overflow:hidden; width:100%; height:100%; } #trailer-player .topbox-close { background-color:#000; } /*********************************************************************** WILDLANDS ***********************************************************************/ /*--------------------| SLIDE |--------------------*/ /*.grw_home .row_slides .wildlands { height:auto; }*/ /*.desktop .wildlands .slide_content { height:inherit; } .tablet .wildlands .slide_content { height:inherit; }*/ #wildlands-poi { position:relative; width:100%; height:100%; } .row_slides .wildlands-poi { position:absolute; z-index:10; margin:-60px 0 0 -30px; width:60px; height:60px; background:url('grw_wildlands_poi.png') 50% 50% no-repeat; } .row_slides .poi-type-0 { background:none; } .row_slides .poi-type-1 { background-position:50% 0; cursor:pointer; } .row_slides .poi-type-2 { background-position:50% -60px; cursor:not-allowed; } .row_slides .wildlands-poi a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('grw_ico_play_mini.png') 50% 70% no-repeat; } .row_slides .wildlands-poi div { /*display:none !important;*/ } /* old styles #wildlands-poi-tooltip { position:absolute; bottom:0; left:100px; padding:6px 6px 2px 6px; background:#e19f28; font-size:20px; line-height:20px; color:#000; text-transform:uppercase; } #wildlands-poi-tooltip:before { content:''; position:absolute; bottom:-4px; left:50%; margin-left:-3px; width:6px; height:6px; background:#e19f28; transform:rotate(45deg);} #wildlands-poi-tooltip.soon { background:#000; } #wildlands-poi-tooltip.soon { color:#999; } #wildlands-poi-tooltip.soon:before { background:#000; } */ /* new styles */ #wildlands-poi-tooltip { position:absolute; bottom:19px; left:-50px; padding:2px; background:#000; /*box-shadow:0px 1px 5px #333;*/ font-size:20px; line-height:25px; color:#000; text-transform:uppercase; width:160px; height:110px; } #wildlands-poi-tooltip div { background-size:contain; height:100%; background-color:#000; background-position-y:20px; } #wildlands-poi-tooltip div:after { content:''; position:absolute; left:50%; margin:0 0 0 -7px; bottom:-6px; width:14px; height:14px; background-color:#000; border:3px solid #e19f28; border-radius:50%; box-shadow:0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; } #wildlands-poi-tooltip div span { color:#fff; background-color:#000; display:block; padding:2px; text-align:center; } .mobile .wildlands .slide_content { position:static; width:100%; height:auto; min-height:inherit; } #wildlands-poi-tooltip { opacity:0; transform:translateY(20px); } #wildlands-poi-tooltip.show { opacity:1; transform:translateY(0px); } #wildlands-poi-tooltip { -webkit-transition:transform 300ms, opacity 300ms; -moz-transition:transform 300ms, opacity 300ms; transition:transform 300ms, opacity 300ms; } #wildlands-poi.slick-slider { position:static; } #wildlands-poi.slick-slider { display:block; padding:0 60px; width:100%; overflow:hidden; } .slick-slider .wildlands-poi { position:relative; margin:10px; height:auto; background:none; } .slick-slider .wildlands-poi a { position:relative; display:block; padding:65% 0 0 0; width:100%; height:0; background:url("grw_m_ico_play.png") 50% 50% no-repeat; } .slick-slider .wildlands-poi div { position:absolute; left:0; top:0; z-index:-1; display:block !important; width:100%; padding:65% 0 0 0; background-size:cover; } .slick-slider .wildlands-poi div span { position:absolute; left:0; bottom:0; display:block; width:100%; padding:10px; color:#fff; background-color:#242424; text-align:center; text-transform:uppercase;} .mobile .wildlands-poi-tooltip { display:none; } #wildlands-wwnh { text-align:center; } #wildlands-wwnh .wwhn-logo img { max-width: 100%; } #wildlands-wwnh .wwnh-text{ margin: 7px 0px 30px 0px; } #wildlands-wwnh .wwnh-text p { font-size: 35px; line-height: 36px; color: #ffffff; text-shadow: 2px 2px 5px #000000; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides #wildlands-wwnh div.to-reveal { opacity:0; transform:translateY(30px); } .tablet .row_slides #wildlands-wwnh div.to-reveal { opacity:0; transform:translateY(30px); } .desktop .row_slides #wildlands-wwnh div { transition:transform 500ms, opacity 500ms; } .tablet .row_slides #wildlands-wwnh div { transition:transform 500ms, opacity 500ms; } .desktop .row_slides .wildlands-poi.poi-type-1:before, .tablet .row_slides .wildlands-poi.poi-type-1:before { content:''; display:block; position:absolute; z-index:-1; left:50%; top:50%; margin:-33px 0 0 -35px; width:70px; height:70px; border:20px solid #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transform:scale(0, 0); -ms-transform:scale(0, 0); -webkit-transform:scale(0, 0); transform:scale(0, 0); /* -moz-transition:border-color 0.65s ease-in-out; -o-transition:border-color 0.65s ease-in-out; -webkit-transition:border-color 0.65s ease-in-out; transition:border-color 0.65s ease-in-out; -webkit-animation:1s ease-out 0s infinite normal pulsePlay; -moz-animation:1s ease-out 0s infinite normal pulsePlay; -ms-animation:1s ease-out 0s infinite normal pulsePlay; animation:1s ease-out 0s infinite normal pulsePlay; */ } @-webkit-keyframes pulsePlay { 0% { border-width:10px; opacity:1; -moz-transform:scale(0.6, 0.6); -ms-transform:scale(0.6, 0.6); -webkit-transform:scale(0.6, 0.6); transform:scale(0.6, 0.6); } 100% { border-width:1px; opacity:0; -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @-moz-keyframes pulsePlay { 0% { border-width:10px; opacity:1; -moz-transform:scale(0.6, 0.6); -ms-transform:scale(0.6, 0.6); -webkit-transform:scale(0.6, 0.6); transform:scale(0.6, 0.6); } 100% { border-width:1px; opacity:0; -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @-ms-keyframes pulsePlay { 0% { border-width:10px; opacity:1; -moz-transform:scale(0.6, 0.6); -ms-transform:scale(0.6, 0.6); -webkit-transform:scale(0.6, 0.6); transform:scale(0.6, 0.6); } 100% { border-width:1px; opacity:0; -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1); } } @keyframes pulsePlay { 0% { border-width:10px; opacity:1; -moz-transform:scale(0.6, 0.6); -ms-transform:scale(0.6, 0.6); -webkit-transform:scale(0.6, 0.6); transform:scale(0.6, 0.6); } 100% { border-width:1px; opacity:0; -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -webkit-transform:scale(1, 1); transform:scale(1, 1); } } /*--------------------| DETAILS |--------------------*/ /*********************************************************************** GHOST ***********************************************************************/ .row_slides .ghost .slide_content { /* position:relative; height:100%; overflow:hidden;*/ height:inherit; } /*--------------------| SLIDE |--------------------*/ #ghost-sections { height:inherit; overflow:hidden; } .row_slides .ghost-section { position:relative; float:left; width:33.33%; height:100%; background-color:#242424; text-align:center; } .row_slides .ghost-section a { display:block; width:100%; height:100%; } .row_slides .section-title { margin:0 auto; padding:125% 0 0 0; width:70%; height:110px; line-height:110px; } .row_slides .section-title { position:absolute; bottom:15%; margin:0 10%; padding:0; width:80%; height:110px; line-height:110px; } .mobile .section-title { bottom:0; margin:5%; width:90%; } .row_slides .ghost-gear-up { background:#242424 url('grw_home_ghost-gear-up.jpg') 50% 100% no-repeat; background-size:auto 100%; } .row_slides .ghost-we-are { background:#1b1716 url('grw_home_ghost-we-are.jpg') 50% 100% no-repeat; background-size:auto 100%; } .row_slides .ghost-transportation { background:#242424 url('grw_home_ghost-transportation.jpg') 50% 100% no-repeat; background-size:auto 100%; } /* .row_slides .ghost-gear-up, .row_slides .ghost-we-are, .row_slides .ghost-transportation { background-size:cover; } */ .row_slides .ghost-gear-up, .row_slides .ghost-we-are, .row_slides .ghost-transportation { transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; } .row_slides .ghost-gear-up:hover, .row_slides .ghost-we-are:hover, .row_slides .ghost-transportation:hover { background-size:auto 103%; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides .ghost-section.to-reveal { opacity:0; } .desktop .row_slides .ghost-section { transition:background-size 500ms, opacity 500ms; } .desktop .row_slides .ghost-section h3.to-reveal, .desktop .row_slides .ghost-section a.to-reveal { opacity:0; transform:translateY(-30px); } .desktop .row_slides .ghost-section h3, .desktop .row_slides .ghost-section a { transition:transform 500ms linear 250ms, opacity 500ms linear 250ms; } /*--------------------| DETAILS |--------------------*/ #topbox .ghost-content-layer { /*padding:100px;*/ height:100%; overflow:hidden; } #topbox .ghost-content-layer .topbox-close { position:absolute; margin:50px 50px auto auto; background:url('grw_topbox_close_white.png') 50% 50% no-repeat; } #topbox .ghost-content-layer .contents { opacity:0; display:table; /*margin:5% 0 0 0; height:95%;*/ height:100%; } #topbox .ghost-content-layer h4 { font-size:60px; line-height:54px; color:#fff; } #topbox .ghost-content-layer p, #topbox .ghost-content-layer li { margin:15px 0; font-size:24px; line-height:28px; color:#fff; text-shadow:0 0 2px rgba(0,0,0, 0.75); } #topbox .ghost-content-layer ul { margin:0 0 0 20px; } #topbox .ghost-content-layer li { list-style:square; } #topbox .ghost-content-layer a.contents-link { margin:15px 0; padding:0 0 0 30px; font-size:30px; line-height:30px; color:#e19f28; text-shadow:0 0 2px rgba(0,0,0, 0.75); text-transform:uppercase; } #topbox .ghost-content-layer a.contents-link:hover { opacity:0.75; } #topbox .contents-link-back { background:url('grw_home_ghost-topbox-prev.png') 0 15% no-repeat; } #topbox .contents-link-next { background:url('grw_home_ghost-topbox-next.png') 0 15% no-repeat; } #topbox .ghost-content-layer .contents-col { position:relative; display:table-cell; width:50%; height:100%; vertical-align:middle; } #topbox .ghost-content-layer .contents-col-left { padding:0 0 0 10%; } #topbox .ghost-content-layer .contents-col-solo { margin:0 50% 0 0; } /*#topbox .ghost-content-layer .contents-col-narrow { width:40%; } */ /*--------------------| DETAILS:GEAR UP |--------------------*/ #topbox.ghost-gear-up .topbox-layer { background:url('grw_home_ghost-gear-up_layer_bg.jpg') 50% 50% no-repeat; background-size:cover; } #topbox.ghost-gear-up .contents { margin:5% 0 0 0; height:95%; background:url('grw_home_ghost-gear-support.png') 80% 0 no-repeat; }/**/ #topbox.ghost-gear-up .desc { padding:20px; background:rgba(0,0,0, 0.6); } #topbox.ghost-gear-up .video { background:rgba(0,0,0, 0.6); } #topbox.ghost-gear-up .video a { display:block; overflow:hidden; padding:56.25% 0 0 0; width:100%; height:0; background:url('grw_m_ico_play.png') 50% 50% no-repeat, url('grw_home_ghost-gear-up_video_bg.jpg') 0% 50% no-repeat; background-size:11%, cover; transition:none; } #topbox.ghost-gear-up .video a:hover { opacity:0.6; } /**/ #topbox.ghost-gear-up .close-up { } #topbox.ghost-gear-up .close-up .gear-up-more { display:block; position:absolute; height:120px; line-height:120px; background-color:rgba(0,0,0,0.5); border:2px solid #fff; box-shadow:0 10px 30px #000; } #topbox.ghost-gear-up .close-up .gear-up-more:before { content:url('grw_home_ghost-gear-up_anchor-left.png'); position:absolute; left:-64px; top:-64px; } #topbox.ghost-gear-up .close-up .gear-up-more span { transition-property:all; transition-duration:150ms; transition-timing-function:ease-in; } #topbox.ghost-gear-up .close-up .gear-up-more span.img { display:block; margin:-2px; width:120px; height:120px; line-height:120px; font-size:120px; border:2px solid #fff; text-align:center; } #topbox.ghost-gear-up .close-up .gear-up-more span.txt { display:inline-block; padding:0 20px; line-height:24px; font-size:24px; vertical-align:middle; text-transform:uppercase; } #topbox.ghost-gear-up .close-up .gear-up-more:hover { color:#e19f28; background-color:rgba(0,0,0,0.75); border:2px solid #e19f28; box-shadow:0 0 0 #000; } #topbox.ghost-gear-up .close-up .gear-up-more:hover span.img { color:#e19f28; border:2px solid #e19f28; font-size:180px; } /* .link-charactersmith { top:12%; right:60%; width:300px; text-align:right; } .link-charactersmith:after { content:url('grw_home_ghost-gear-up_anchor-right.png'); position:absolute; right:-64px; top:-64px; } .link-charactersmith span.img { float:right; background:url('grw_home_ghost-gear-charactersmith.jpg') 50% 0 no-repeat; } .link-charactersmith span.txt { width:176px; } */ .link-charactersmith { top:120px; left:44%; width:300px; } .link-charactersmith span.img { float:left; background:url('grw_home_ghost-gear-charactersmith.jpg') 50% 0 no-repeat; } .link-charactersmith span.txt { width:176px; } .link-gunsmith { top:540px; left:35%; width:340px;} .link-gunsmith span.img { float:left; background:url('grw_home_ghost-gear-gunsmith.jpg') 50% 0 no-repeat; } .link-gunsmith span.txt { width:216px; } /*--------------------| DETAILS:GUNSMITH |--------------------*/ #topbox.ghost-gear-up-gunsmith .topbox-layer { background:url('grw_home_ghost-gunsmith_layer_bg.jpg') 100% 50% no-repeat; background-size:cover; } /*#topbox.ghost-gear-up-gunsmith .contents { background:url('grw_home_ghost-gear-gunsmith.png') 100% 0 no-repeat; }*/ #topbox.ghost-gear-up-gunsmith .contents { background: none; } #topbox.ghost-gear-up-gunsmith .desc { padding:20px; background:rgba(0,0,0, 0.6); } /*--------------------| DETAILS:CHARACTERSMITH |--------------------*/ #topbox.ghost-gear-up-charactersmith .topbox-layer { background:url('grw_home_ghost-charactersmith_layer_bg.jpg') 100% 50% no-repeat; background-size:cover; } /*#topbox.ghost-gear-up-charactersmith .contents { background:url('grw_home_ghost-gear-charactersmith.png') 100% 0 no-repeat; }*/ #topbox.ghost-gear-up-charactersmith .contents { background: none; } #topbox.ghost-gear-up-charactersmith .desc { padding:20px; background:rgba(0,0,0, 0.6); } /*--------------------| DETAILS:WE ARE GHOST |--------------------*/ #topbox.ghost-we-are .topbox-layer { background:url('grw_home_ghost-we-are_layer_bg.jpg') 50% 50% no-repeat; background-size:cover; } /* #topbox.ghost-we-are .video { float:left; width:20%; margin:50px 5% 0 5%; } #topbox.ghost-we-are .desc { float:right; width:60%; margin:50px 10% 0 0%; padding:20px; background:rgba(0,0,0, 0.6); } #topbox.ghost-we-are .video a { display:block; overflow:hidden; margin:20% auto 20px auto; width:140px; height:140px; background:url('play-btn.png') 0% 50% no-repeat; transition:none; } #topbox.ghost-we-are .video a:hover { background-position:100% 50%; } */ #topbox.ghost-we-are .desc { /*float:left; width:50%; margin:120px 5% 0 0;*/ padding:20px; background:rgba(0,0,0, 0.6); } #topbox.ghost-we-are .video { /*float:right; width:36%; margin:120px 4% 0 4%;*/ margin:20px 0 0 0 } #topbox.ghost-we-are .video a { display:block; overflow:hidden; margin:0 auto 20px auto; /*width:320px; height:180px;*/ width:70%; /*height:252px; background:url('play-btn-bis.png') 50% 60% no-repeat,url('we_are_ghosts.gif') 0% 50% no-repeat; transition:none;*/ } #topbox.ghost-we-are .video a img { width:100%; max-width:100%; height:auto; } /* #topbox.ghost-we-are .video a:hover { background:url('play-btn-bis-hover.png') 50% 60% no-repeat,url('we_are_ghosts.gif') 0% 50% no-repeat; } */ #topbox.ghost-we-are .video p { display:block; margin:0; font-size:30px; color:#fff; text-align:center; text-transform:uppercase; } #topbox.ghost-we-are .desc p { margin:15px 0; font-size:24px; line-height:28px; color:#fff; text-shadow:0 0 2px rgba(0,0,0, 0.75); } /*--------------------| DETAILS:TRANSPORTATION |--------------------*/ #topbox.ghost-transportation .topbox-layer { background:url('grw_home_ghost-transportation_layer_bg.jpg') 50% 50% no-repeat; background-size:cover; } /* #topbox.ghost-transportation .video { float:left; width:20%; margin:50px 5% 0 5%; } #topbox.ghost-transportation .desc { float:right; width:60%; margin:50px 10% 0 0%; padding:20px; background:rgba(0,0,0, 0.6); } #topbox.ghost-transportation .video a { display:block; overflow:hidden; margin:20% auto 20px auto; width:140px; height:140px; background:url('play-btn.png') 0% 50% no-repeat; transition:none; } #topbox.ghost-transportation .video a:hover { background-position:100% 50%; } */ #topbox.ghost-transportation .desc { padding:20px; background:rgba(0,0,0, 0.6); } #topbox.ghost-transportation .desc a.grw-btn{ display: block; margin-left: auto; margin-right: auto; } #topbox.ghost-transportation .video { /*float:right; width:36%; margin:120px 4% 0 4%;*/ margin:20px 0 0 0 } #topbox.ghost-transportation .video a { display:block; overflow:hidden; margin:0 auto 20px auto; /*width:320px; height:180px;*/ width:70%; /*height:252px; background:url('play-btn-bis.png') 50% 60% no-repeat,url('we_are_ghosts.gif') 0% 50% no-repeat; transition:none;*/ } #topbox.ghost-transportation .video a img { width:100%; max-width:100%; height:auto; } /* #topbox.ghost-transportation .video {float:right;width: 36%;margin: 120px 4% 0 4%;} #topbox.ghost-transportation .desc {float:left;width:50%;margin: 120px 5% 0 0%;padding:20px;background:rgba(0,0,0, 0.6);} #topbox.ghost-transportation .video a {display:block;margin: 0 auto 20px auto;width: 600px;height: 252px;} #topbox.ghost-transportation .video p { display:block; margin:20px auto 20% auto; font-size:30px; color:#fff; text-align:center; text-transform:uppercase; } #topbox.ghost-transportation .desc p { margin:15px 0; font-size:24px; line-height:28px; color:#fff; text-shadow:0 0 2px rgba(0,0,0, 0.75); } */ /*--------------------| SLICK MOBILE |--------------------*/ .mobile .ghost .slide_content { position:static; width:100%; height:auto; min-height:inherit; } #ghost-sections.slick-slider { display:block; padding:0 60px; width:inherit; overflow:hidden; } #ghost-sections.slick-slider .ghost-section { margin:10px; padding:25% 0 0 0; height:0; } #ghost-sections.slick-slider .ghost-gear-up { background-size:100% auto; background-position:50% 50%; } #ghost-sections.slick-slider .ghost-we-are { background-size:150% auto; background-position:50% 50%; } #ghost-sections.slick-slider .ghost-transportation { background-size:150% auto; background-position:50% 50%; } /* #how-to-play.slick-slider .play-section.play-coop { background:none; } #how-to-play.slick-slider .play-section.play-solo { background:none; } #how-to-play.slick-slider .play-side { margin:10px; padding:40% 5% 5%; width:auto; } #how-to-play.slick-slider .play-side a { display:none; } #how-to-play.slick-slider .play-side p { display:block; opacity:1; } */ /*********************************************************************** HOW TO PLAY ***********************************************************************/ .row_slides .play .slide_content { width:100%; height:100%; } #how-to-play { display:table; width:100%; height:100%; } .row_slides .play-section { display:table-cell; vertical-align:middle; width:50%; height:inherit; text-align:center; } .row_slides .play-coop { background:rgba(0,0,0,0.25); } .row_slides .play-solo { background:rgba(255,255,255,0.25); } .row_slides .play-side { margin:0 auto; margin-top:70px; padding:160px 30px 30px 30px; padding:30px 30px 30px 30px; width:400px; width:75%; /*height:400px;*/ background-color:rgba(0,0,0,0.9); border:2px solid #fff; } .row_slides .play-side h3 { background-color:transparent; border:0 none; /*border-bottom:1px solid #fff;*/ } .row_slides .play-side a { /*display:none;*/ padding:15px 0 0 0; font-size:20px; text-transform:uppercase; } .row_slides .play-side a img { max-width:100%; } .row_slides .play-side a:hover { color:#e19f28; } .row_slides .play-side p { display:block; margin:10px 0 0 0; font-size:20px; color:#fff; } .row_slides .play-side p:before { content:''; display:none; margin:0 auto; padding:10px 0 0 0; width:0; height:0; border-left:5px solid transparent; border-top:8px solid #fff; border-right:5px solid transparent; } .row_slides .play-side { height:auto; height:300px; height:auto; transition:height 250ms; } .row_slides .play-side { transition:background 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; -o-transition:background 0.2s; } .row_slides .play-side.open { height:400px; height:auto; } .row_slides .play-side.open p { opacity:1; transition:opacity 500ms linear 250ms; } /* .row_slides .play-coop .play-side { background:rgba(0,0,0,0.9) url('grw_ico_play-coop.png') 50% 20% no-repeat; background-size:50% auto; } .row_slides .play-solo .play-side { background:rgba(0,0,0,0.9) url('grw_ico_play-solo.png') 50% 20% no-repeat; background-size:50% auto; } */ .row_slides .play-coop .play-side.open, .row_slides .play-solo .play-side.open { background-size:65% auto; background-position:50% 5%; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides .play-section.to-reveal { opacity:0; transform:translateY(-30px); } .desktop .row_slides .play-section { transition:transform 500ms, opacity 500ms; } /*--------------------| SLICK MOBILE |--------------------*/ .mobile .play .slide_content { position:static; width:100%; height:auto; min-height:inherit; } #how-to-play.slick-slider { display:block; padding:0 60px; width:inherit; overflow:hidden; } #how-to-play.slick-slider .play-section.play-coop { background:none; } #how-to-play.slick-slider .play-section.play-solo { background:none; } #how-to-play.slick-slider .play-side { margin:10px; padding:40% 5% 5%; width:auto; } #how-to-play.slick-slider .play-side a { display:none; } #how-to-play.slick-slider .play-side p { display:block; opacity:1; } /* .row_slides .play-side { margin:0 auto; margin-top:70px; padding:160px 30px 30px 30px; width:400px; background-color:rgba(0,0,0,0.9); border:2px solid #fff; } */ /*********************************************************************** CARTEL ***********************************************************************/ .cartel .slide_content { height:inherit; } #cartel-sections { height:inherit; overflow:hidden; } .cartel-section { position:relative; float:left; width:20%; height:100%; background-color:#242424; text-align:center; } .desktop .cartel-section:before { content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:url('grw_slide_effect.png') 0 0 no-repeat; } .desktop .cartel-section:after { content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background:url('grw_slide_effect.png') 0 0 no-repeat; } .cartel-section a { display:block; width:100%; height:100%; } .cartel-section.coming-soon { background-color:#000; } /* .section-title { margin:0 auto; padding:125% 0 0 0; width:70%; height:110px; line-height:110px; } .section-title { position:absolute; bottom:15%; margin:0 15%; padding:0; width:70%; height:110px; line-height:110px; } */ .cartel-influence { background:url('grw_cartel_influence.jpg') 50% 50% no-repeat; background-size:auto 100%; } .cartel-production { background:url('grw_cartel_production.jpg') 50% 50% no-repeat; background-size:auto 100%; } .cartel-leader { background:url('grw_cartel_leader.jpg') 50% 50% no-repeat; background-size:auto 100%; } .cartel-smuggling { background:url('grw_cartel_smuggling.jpg') 50% 50% no-repeat; background-size:auto 100%; } .cartel-security { background:url('grw_cartel_security.jpg') 50% 50% no-repeat; background-size:auto 100%; } /* #topbox .cartel-influence { background:url('grw_cartel_influence.png') 50% 100% no-repeat; background-size:auto 80%; } #topbox .cartel-production { background:url('grw_cartel_production.png') 50% 100% no-repeat; background-size:auto 80%; } #topbox .cartel-leader { background:url('grw_cartel_leader.png') 50% 100% no-repeat; background-size:auto 80%; } #topbox .cartel-smuggling { background:url('grw_cartel_smuggling.png') 50% 100% no-repeat; background-size:auto 80%; } #topbox .cartel-security { background:url('grw_cartel_security.png') 50% 100% no-repeat; background-size:auto 80%; } */ #topbox .cartel-influence { background:#f0fffd url('grw_cartel_influence_large.jpg') 0 100% no-repeat; background-size:auto 100%; } #topbox .cartel-production { background:#e36201 url('grw_cartel_production_large.jpg') 0 100% no-repeat; background-size:auto 100%; } #topbox .cartel-leader { background:#160b09 url('grw_cartel_leader_large.jpg') 0 100% no-repeat; background-size:auto 100%; } #topbox .cartel-smuggling { background:#060609 url('grw_cartel_smuggling_large.jpg') 0 100% no-repeat; background-size:auto 100%; } .ncsa #topbox .cartel-smuggling, .emea.ar-ar #topbox .cartel-smuggling { background:#060609 url('grw_cartel_smuggling_large_US.jpg') 0 100% no-repeat; background-size:auto 100%; } #topbox .cartel-security { background:#4a4a4a url('grw_cartel_security_large.jpg') 0 100% no-repeat; background-size:auto 100%; } .row_slides .cartel-section { transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; } .row_slides .cartel-section:not(.coming-soon):hover { background-size:auto 104%; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides .cartel-section.to-reveal { opacity:0; } .desktop .row_slides .cartel-section { transition:background-size 500ms, opacity 500ms; } .desktop .row_slides .cartel-section h3.to-reveal, .desktop .row_slides .cartel-section a.to-reveal { opacity:0; transform:translateY(-30px); } .desktop .row_slides .cartel-section h3, .desktop .row_slides .cartel-section a { transition:transform 500ms linear 250ms, opacity 500ms linear 250ms; } /*--------------------| DETAILS |--------------------*/ #topbox .cartel-content-layer { display:table; width:100%; height:inherit; background:#000 url('grw_home_cartel.jpg') 50% 100% no-repeat; background-size:100% auto; } #topbox .cartel-content-layer h4 { position:absolute; left:0; bottom:0; margin:5% 0; width:100%; color:#fff; text-align:center; } #topbox .cartel-content-layer h4 span { padding:15px 20px 5px; color:#fff; background-color:rgba(0, 0, 0, 0.75); border:2px solid #fff; } .mobile #topbox .cartel-content-layer h4 { margin:20% 0 0 0;font-size:40px; line-height:40px; display:none; } #topbox .cartel-content-layer .contents { display:table-cell; padding:3%; vertical-align:middle; opacity:0; } #topbox .cartel-content-layer .desc { margin:0 3% 0 53%; padding:20px; background-color:rgba(0,0,0,0.75); text-align:center; } .mobile #topbox .cartel-content-layer .desc { margin:10% 3% 0 3%; } #topbox .cartel-content-layer h5 { margin:20px 0 0 0; color:#fff; text-align:left; } #topbox .cartel-content-layer p { margin:20px 0; color:#fff; text-align:left; } #topbox .cartel-content-layer ul { margin:20px 0; color:#fff; text-align:left; } #topbox .cartel-content-layer ul li span { color:#e19f28; } #topbox .cartel-content-layer .grw-btn { display:block; margin-left:auto; margin-right:auto; } #topbox .cartel-content-layer .fancy-video { display:inline-block; margin:0; padding:0 0 0 80px; font-size:40px; line-height:70px; color:#e19f28; background:url('grw_play-btn_mini.png') 0 0 no-repeat; text-transform:uppercase; transition:none; } #topbox .cartel-content-layer .fancy-video:hover { color:#fff; background-position:0 100%; } #topbox .contents.cartel-influence { background-position:0 100%; } #topbox .contents.cartel-production { background-position:0 100%; } #topbox .contents.cartel-leader { background-position:0 100%; } #topbox .contents.cartel-smuggling { background-position:0 100%; } #topbox .contents.cartel-security { background-position:0 100%; } .mobile #topbox .contents.cartel-influence { background-position:50% 100%; } .mobile #topbox .contents.cartel-production { background-position:50% 100%; } .mobile #topbox .contents.cartel-leader { background-position:50% 100%; } .mobile #topbox .contents.cartel-smuggling { background-position:50% 100%; } .mobile #topbox .contents.cartel-security { background-position:50% 100%; } /*--------------------| SLICK MOBILE |--------------------*/ .mobile .cartel .slide_content { position:static; width:100%; height:auto; min-height:inherit; } #cartel-sections.slick-slider { display:block; padding:0 60px; width:inherit; overflow:hidden; } #cartel-sections.slick-slider .cartel-section { margin:10px; /*padding:25% 0 0 0; height:0;*/ height:340px; background-color:rgba(0,0,0,0.9); } #cartel-sections.slick-slider .cartel-section a { border:2px solid #fff; } #cartel-sections.slick-slider .cartel-influence { background-size:auto 100%; /*background-position:50% 50%;*/ } #cartel-sections.slick-slider .cartel-production { background-size:auto 100%; /*background-position:50% 50%;*/ } #cartel-sections.slick-slider .cartel-leader { background-size:auto 100%; /*background-position:50% 50%;*/ } #cartel-sections.slick-slider .cartel-smuggling { background-size:auto 100%; /*background-position:50% 50%;*/ } #cartel-sections.slick-slider .cartel-security { background-size:auto 100%; /*background-position:50% 50%;*/ } /*********************************************************************** PRE-ORDER ***********************************************************************/ .grw-editions { text-align:center; } table { margin:0 auto; margin-top:70px; width:90%; background:rgba(255,255,255,0.9); border:10px solid transparent; border-collapse:separate; text-align:center; } table tr:nth-child(even) { background-color:rgba(0,0,0,0.03); } table th, table td { width:15%; font-size:20px; line-height:20px; font-weight:normal; border-left:1px solid #bfbfbf; text-transform:uppercase; } table th { padding:0 0 0 90px; height:80px; text-align:left; } table th:first-child { width:25%; font-size:20px; line-height:20px; border-left:0 none; } table tr:first-child th { padding:50px 0 0 0; text-align:center; } .grw-editions-table td img { vertical-align:middle; } .grw-editions-table tr:first-child th:nth-child(2) span { display:none; } .grw-editions-table tr:first-child th:nth-child(5) span { display:none; } .grw-editions-table tr:first-child th:nth-child(6) span { display:none; } .grw-editions-table tr:first-child th:nth-child(2) { background:url('grw_editions_logo_standard.png') 50% 50% no-repeat; background-size:75% auto; } .grw-editions-table tr:first-child th:nth-child(3) { background:url('grw_editions_logo_deluxe.png') 50% 0 no-repeat; background-size:50% auto; } .grw-editions-table tr:first-child th:nth-child(4) { background:url('grw_editions_logo_deluxe.png') 50% 0 no-repeat; background-size:50% auto; } .grw-editions-table tr:first-child th:nth-child(5) { background:url('grw_editions_logo_gold.png') 50% 50% no-repeat; background-size:75% auto; } .grw-editions-table tr:first-child th:nth-child(6) { background:url('grw_editions_logo_collector.png') 50% 50% no-repeat; background-size:75% auto; } /* .grw-editions-table tr:nth-child(2) th:first-child { background:url('grw_editions_goodies_game.png') 10px 50% no-repeat; background-size:auto 65%; } .grw-editions-table tr:nth-child(3) th:first-child { background:url('grw_editions_goodies_deluxe.png') 10px 50% no-repeat; background-size:auto 65%; } .grw-editions-table tr:nth-child(4) th:first-child { background:url('grw_editions_goodies_pass.png') 10px 50% no-repeat; background-size:auto 65%; } .grw-editions-table tr:nth-child(5) th:first-child { background:url('grw_editions_goodies_collector.png') 10px 50% no-repeat; background-size:auto 65%; } */ .grw-editions-table tr:nth-child(2) th:first-child { background:url('grw_editions_packshot_standard.png') 0 50% no-repeat; background-size:auto 90%; } .grw-editions-table tr:nth-child(3) th:first-child { background:url('grw_editions_packshot_deluxe_digital.png') 0 50% no-repeat; background-size:auto 90%; } .grw-editions-table tr:nth-child(4) th:first-child { background:url('grw_editions_packshot_deluxe.png') 0 50% no-repeat; background-size:auto 90%; } .grw-editions-table tr:nth-child(5) th:first-child { background:url('grw_editions_goodies_pass.png') 10px 50% no-repeat; background-size:auto 90%; } .grw-editions-table tr:nth-child(6) th:first-child { background:url('grw_editions_packshot_collector.png') 0 50% no-repeat; background-size:auto 90%; } .editions .grw-btn { margin-left:auto; margin-right:auto; } .grw-editions .cta-box{ margin: 0 auto; width: 90%; } .grw-editions .cta-box .grw-btn.noxhr.fancy-video{ float: left; } .grw-editions .cta-box .grw-btn.noxhr:nth-child(2){ margin-left: -345px; } /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides .grw-editions>table.to-reveal { opacity:0; transform:translateY(-30px); } .desktop .row_slides .grw-editions>table { transition:transform 500ms, opacity 500ms; } .desktop .row_slides .grw-editions>a.to-reveal { opacity:0; transform:translateY(-30px); } .desktop .row_slides .grw-editions>a { transition:transform 500ms linear 500ms, opacity 500ms linear 500ms; } /*********************************************************************** NEWS ***********************************************************************/ .row_slides .news .slide_content { position:static; margin:115px 0 0 0; width:100%; height:auto; min-height:inherit; } .news .link-more { display:block; margin:20px auto; padding:5px; width:370px; height:60px; color:#000; font-size:26px; line-height:55px; background:url('grw_btn_yellow.png') 50% 50% no-repeat; text-transform:uppercase; text-align:center; } /* .row_slides .home_news_list { position:absolute; top:0; left:0; padding:70px 0 0 0; width:100%; height:100%; text-align:center; } .row_slides .home_news_list .contentsummary-scrollable[style] { height:inherit !important; } .row_slides .home_news_list .page[style] { height:inherit !important; } */ .OLD .row_slides .home_news_list .vertical { width:inherit !important; height:100% !important; } .OLD .row_slides .home_news_list .items { position:relative !important; margin:0 auto !important; width:auto !important; height:auto !important; } .OLD .row_slides .home_news_list .items { display:table-cell; width:78vh !important; vertical-align:middle; } .OLD .row_slides .home_news_list > div { display:table; width:100%; height:100%; text-align:center; } /* .row_slides .home_news_list .items { display:table; width:100%; height:100%; vertical-align:middle; text-align:center; } .row_slides .home_news_list .page { display:table-cell; width:90vw; } */ .OLD .row_slides .home_news_list .items {} .OLD .row_slides .home_news_list .page { margin:0 auto; overflow:hidden; } .row_slides .home_news_list .item { float:left; margin:0 10px; /*width:24vw; min-height:34vh; min-height:360px; background-color:rgba(255,255,255,0.5);*/ background-color:#fff; text-align:left; } .row_slides .home_news_list .item img { display:block; width:100%; max-width:100%; height:auto; } .row_slides .home_news_list .item > a { display:block; } .row_slides .home_news_list .item h3 { display:block; width:auto; margin:15px 15px 5px 15px; padding:0; font-size:20px; line-height:20px; background-color:transparent; border:0 none; } .row_slides .home_news_list .item h3 a { color:#000; } .row_slides .home_news_list .item strong { display:none; } .row_slides .home_news_list .item .news_date { margin:0 15px; font-size:16px; } .row_slides .home_news_list .item .news_date span { display:none; } .row_slides .home_news_list .item p a { display:inline-block; margin:5px 15px; padding:10px 15px 5px 15px; color:#e19f28; border:1px solid #e19f28; text-transform:uppercase; } .row_slides .home_news_list .item p a:hover { color:#fff; background-color:#e19f28; } .row_slides .home_news_list .actions { display:none; } .row_slides .home_news_list .seeAll { display:inline-block; padding:10px 15px 5px 15px; color:#000; background-color:#e19f28; text-transform:uppercase; } .row_slides .home_news_list .seeAll { position:absolute; bottom:10%; } .row_slides .home_news_list .seeAll:hover { color:#e19f28; background-color:#000; } /*/ /*--------------------| NEWS SLIDER (tests) |--------------------*/ #news-slider { position:relative; display:block; /*top:20%;*/ width:100%; max-width:1240px; margin:0 auto; text-align:center; text-transform:uppercase; } #news-slider .news-slider { display:block; overflow:hidden; padding:0 60px; width:100%; } #news-slider .news-slider .item { width:33%; } /* #news-slider .slick-arrow { } #news-slider .slick-prev, #news-slider .slick-next { position:absolute; overflow:hidden; top:50%; left:0; width:50px; height:50px; margin-top:-25px; border:0px none; background:url('grw_slider_arrows.png') 0 0 no-repeat; text-indent:-9999em; } #news-slider .slick-next { left:auto; right:0; background-position:-50px 0; } #news-slider .slick-dots {} #news-slider .slick-dots li { margin:10px; width:16px; height:16px; background:#000; border:2px solid #fff; border-radius:8px; } #news-slider .slick-dots li.slick-active { background:#e19f28; border:1px solid rgba(0,0,0, 0.1); } #news-slider .slick-dots li.slick-active:before { content:''; position:absolute; top:-3px; left:-3px; width:20px; height:20px; border:1px solid #e19f28; border-radius:10px; } #news-slider .slick-dots li button { opacity:0; width:20px; height:20px; } */ /*--------------------| SLIDE REVEAL |--------------------*/ .desktop .row_slides .home_news_list .item.to-reveal{ opacity:0; transform:translateY(-30px); } .desktop .row_slides .home_news_list .item { } .desktop .row_slides .home_news_list .item { transition:transform 500ms, opacity 500ms; } /*--------------------| SHARING |--------------------*/ .news h4 { margin:40px 0 20px 0; text-align:center; font-size:40px; line-height:30px; } .news-links-sharing { font-size:0; text-align:center; } .news-links-sharing li { display:inline-block; margin:0 10px; width:120px; background:url('grw_home_news_link.png') 50% 0 no-repeat; } .news-links-sharing li a { display:block; margin:0 auto; width:80px; height:80px; background:url('grw_news_sharing_ico.png') 0 0 no-repeat; } .news-links-sharing li a:hover { opacity:0.75; } .news-links-sharing li p { padding:0 5px; font-size:20px; line-height:80px; color:#fff; background-color:#242424; text-transform:uppercase; } .news-links-sharing li span { display:inline-block; line-height:20px; vertical-align:middle; } .news-links-sharing li a.link-fk { background-position:0 0; } .news-links-sharing li a.link-tw { background-position:-80px 0; } .news-links-sharing li a.link-rd { background-position:-400px 0; } .news-links-sharing li a.link-forums { background-position:-480px 0; } .news-links-sharing li a.link-yt { background-position:-240px 0; } .news-links-sharing li a.link-vk { background-position:-560px 0; } /*! * fullPage 2.7.9 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:scroll}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important} /*# sourceMappingURL=jquery.fullpage.min.css.map */ @media only screen and (max-height:650px) { /* EDITIONS */ .row_slides table th, .row_slides table td { font-size:16px; line-height:20px; } .row_slides table th { height:40px; text-align:left; } .row_slides .grw-editions-table td img { width:30px; } /* NEWS */ /* .row_slides .home_news_list .item { position:relative; padding:0 0 0 16%; min-height:60px; background-color:rgba(255,255,255,0.85); } .row_slides .home_news_list .item > a { display:block; position:absolute; left:0; top:0; width:50%; } .row_slides .home_news_list .item h3 { font-size:16px; } .row_slides .home_news_list .item .news_date { font-size:14px; } .row_slides .home_news_list .item p a { margin:5px 15px; padding:2px 5px 0 5px; font-size:14px; } */ .row_slides .home_news_list .item { position:relative; padding:0; min-height:60px; background-color:rgba(255,255,255,0.85); } .row_slides .home_news_list .item > a { display:block; float:left; margin:0 10px 0 0; width:50%; } .row_slides .home_news_list .item h3 { margin-left:53%; font-size:16px; } .row_slides .home_news_list .item p { margin-left:53%; font-size:16px; } .row_slides .home_news_list .item .news_date { font-size:14px; } .row_slides .home_news_list .item p a { margin:5px 0; padding:2px 5px 0 5px; font-size:14px; } #topbox .cartel-content-layer .desc { margin:0 3% 0 23%; } .news-links-sharing li { width:210px; background-position:0 0; } .news-links-sharing li a { float:left; } .news-links-sharing li p { margin:0 0 0 80px; color:#242424; background-color:transparent; text-align:left; } } @media only screen and (min-width:1025px) and (max-width:1280px) { /* GENERAL */ .slide_content h2 { height:150px; line-height:70px; font-size:30px; } .slide_content h2 span { margin:10px 0; padding:5px 10px 0; line-height:40px; } .slide_content h3 { line-height:30px; } .slide_content h4 { font-size:40px; line-height:40px; } .slide_content h4 span { padding:5px 10px 0; } .slide_content h5 { font-size:30px; line-height:30px; } /* HOME */ #landing-slider .landing-slider { margin:0 auto; padding:0 60px; max-width:960px; } #landing-slider .landing-slider .item { float:left; display:block; overflow:hidden; margin:0 10px; padding:0; width:400px; height:150px; /*background:rgba(255,0,0,0.2);*/ } /* CARTEL #topbox .cartel-content-layer h4 { font-size:30px; line-height:30px; } #topbox .cartel-content-layer h4 span { padding:5px 10px 0; }*/ /* PLAY */ .row_slides .play-side { padding:120px 20px 20px 20px; width:400px; height:auto; } .row_slides .play-coop .play-side { background-size:50% auto; } .row_slides .play-solo .play-side { background-size:50% auto; } } @media only screen and (min-width:768px) and (max-width:1024px) { #landing-slider .landing-slider { margin:0 auto; padding:0 60px; max-width:640px; } } @media only screen and (max-width:768px) { .grw_home .row_slides .trailer, .grw_home .row_slides .wildlands, .grw_home .row_slides .ghost, .grw_home .row_slides .play, .grw_home .row_slides .cartel, .grw_home .row_slides .editions, .grw_home .row_slides .news { background-size:200% auto; } /* LANDING */ #landing-page-content .trailer-link { margin:70px 0 0 0; } #landing-slider { display:none; } .slide_content h2 { padding:0; height:auto; line-height:100px; font-size:45px; background:none; } .slide_content h2 span { line-height:40px; } .slide_content h3 { font-size:30px; } /* GHOST */ #topbox .ghost-content-layer { padding:50px 10px 0px 10px; } #topbox .ghost-content-layer .topbox-close { margin:0px 0px auto auto;} #topbox .ghost-content-layer .contents-col { display:block; width:100%; height:auto; } #topbox .ghost-content-layer .contents-col-left { padding:0; } #topbox.ghost-gear-up .video { padding-bottom:20px; } #topbox.ghost-gear-up .video a { margin:0 auto; padding:28.125% 0 0 0; width:50%; height:0; background:url('grw_m_ico_play.png') 50% 50% no-repeat, url('grw_home_ghost-gear-up_video_bg.jpg') 0% 50% no-repeat; background-size:11%, cover; transition:none; } #topbox.ghost-gear-up .close-up .gear-up-more { position:static; margin:20px auto; } #topbox.ghost-gear-up .close-up .gear-up-more:before { content:''; } #topbox.ghost-gear-up-gunsmith .topbox-layer { background: url(grw_home_ghost-gunsmith_layer_bg.jpg) 100% 95% no-repeat; background-size: contain; } .link-charactersmith, .link-gunsmith { width:400px; } .link-charactersmith span.txt, .link-gunsmith span.txt { width:280px; } /* #topbox.ghost-we-are .video { float:right;width:30%; margin:50px 5% 0 5%; } #topbox.ghost-we-are .desc { float:left; width:60%; margin:50px 0% 0 0%; padding:20px; background:rgba(0,0,0,0.6); } #topbox.ghost-we-are .desc p { font-size:20px; } #topbox.ghost-we-are .video a { display:block; overflow:hidden; margin:20% auto 20px auto; width:140px; height:140px; background:url('play-btn.png') 0% 50% no-repeat; transition:none; } #topbox.ghost-we-are .video a:hover { background:url('play-btn.png') 0% 50% no-repeat; } #topbox.ghost-we-are .video p { display:block; margin:20px auto 20% auto; font-size:30px; color:#fff; text-align:center; text-transform:uppercase; line-height:30px; } */ /* EDITIONS */ .row_slides .editions {display:none;} .row_slides .grw-editions { width:100%; } .row_slides table tr th { background:none !important; } .grw-editions-table { width:90%; margin:0 auto; } .row_slides table th, .row_slides table td { font-size:20px; line-height:20px; } .row_slides table th { padding:0 5px; height:80px; text-align:center; } .row_slides .grw-editions-table td img { width:45px; } /* NEWS */ .news h4 { display:none; } .news-links-sharing { display:none; } .news-links-sharing li { margin:0 5px; width:110px; } /* MODIF CHRISTOPHE 17/08/2016 *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ /**::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works */ /**::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } FIN MODIF*/ } @media only screen and (max-width:1200px) { .grw-editions .cta-box{ height: 235px; } .grw-editions .cta-box .grw-btn.noxhr.fancy-video{ display: block; float: none; } .grw-editions .cta-box .grw-btn.noxhr:nth-child(2){ display: block; margin-left: auto; } }