
/************************ NAV UPDATE (PLAY WITH US)  ************************/
.main-nav li { width:127px; }
@media only screen and (max-width: 480px) {
    .main-nav li { width:100%; }
}


    /************************ DESKTOP + MOBILE MODIFICATIONS ************************/

.footer { background:none; } /* Footer background *

/
.wd-news #G4, .foot-G, .languages-wrapper, .fancybox-overlay, .link-data { background:rgba(0,0,0,0.7); } /* Footer + lightbox + video CTA transparency - for not IE8 */
.IE8.wd-news #G4, .IE8 .foot-G, .IE8 .languages-wrapper, .IE8 .fancybox-overlay, .IE8 .link-data { background:url('bkg_black_transparent.png'); } /* Footer + lightbox + video CTA transparency - for IE8 */


    /****** PREORDER PAGE ******/

.preorder .buy-options .buy-option a span img { height: 50px; width: 100px; }
.preorder .buy-options .buy-option { height: 50px; width: 100px; }
.preorder h5 { height: 50px; top: 10px !important; width: 100px; }
.preorder .buy-options .buy-option a { display: inline-block; height: 50px; position: relative; width: 100px; }

    /****** BACKGROUND FIX ******/

body.wd-media, body.wd-news, body.wd-preorder, body.wd-mobile, body.wd-ebook { background:transparent url("background-media.jpg") top left fixed }

#form1 { background:none !important; } /* Double background fix */

 /************************ DESKTOP ONLY MODIFICATIONS ************************/

        /****** TRANSVERSAL MODIFICATIONS ******/

        /* Header */

    .desktop .header { background:none; height:50px; top:-5px }

    .desktop .main-nav { width:990px; }

    .desktop .main-nav li.active, .desktop .main-nav li:hover { background:rgba(51,200,243,0.6)  }
    .IE8.desktop .main-nav li.active, .IE8.desktop .main-nav li:hover { background: url('bkg_blue_transparent.png') }

    .desktop .main-nav li { background: rgba(0,0,0,0.7); border:none !important; margin-right:1px }
    .IE8.desktop .main-nav li { background: url('bkg_black_transparent.png'); }
    .desktop.wd-game-info .main-nav li { border:solid 1px #333 !important; border-right:none !important; }
    .desktop.wd-game-info .main-nav li:last-child { border-right:solid 1px #333 !important; }

    .desktop .main-nav li.icon img { top:12px !important; }

    .desktop .header .sprites-watchdogs-logo { display:block; position: relative;  top: -15px; margin:0 auto; background:url('logo.png'); width:408px; height:60px; }
    .desktop span.sprites-watchdogs-fox.akqa { display:none }

        /* Main blocks position */

    .desktop.wd-home #G2, .desktop.wd-home #G3, .desktop.wd-media { top: -84px; position: relative; }
    .desktop.wd-media #G1 { padding-top:84px }

        /* Background modification */

    .desktop.wd-media #form1, .desktop.wd-news #form1, .desktop.wd-preorder #form1, .desktop.wd-mobile #form1, .desktop.wd-ebook #form1  { background:url("emea-background.jpg") no-repeat fixed 0px 0px !important; position:relative; top:-100px; padding-top:100px; }
    .desktop.wd-game-info { background:transparent url("background-media.jpg") top left }

        /****** HOMEPAGE MODIFICATIONS ******/

        /* Homepage slideshow arrows */

    /* For IE8 (which doesn't have transparency and rotation */
    .IE8.desktop .slider-nav { opacity:1; width:92px; height:184px; background:none; }
    .IE8.desktop .slider-nav span { width:92px; height:184px; box-sizing:none !important; }
    .IE8.desktop .slider-nav-wrapper-prev span { background:url('arrow_left_ie8.png'); }
    .IE8.desktop .slider-nav-wrapper-next span { background:url('arrow_right_ie8.png'); }

    /* For other browsers */

    .notIE8.desktop .slider-nav { background-color:rgba(0,0,0,0.7); border: solid 1px #33c8f3; width:160px; height:160px; opacity:1 !important; transform:rotate(45deg); -ms-transform:rotate(45deg); /* Internet Explorer */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari et Chrome */ -o-transform:rotate(45deg); /* Opera */ }
    .notIE8.desktop .slider-nav span { position:relative; background:url('arrow.png'); width:43px; height:67px; transform:rotate(-45deg);  -ms-transform:rotate(-45deg); /* Internet Explorer */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari et Chrome */  -o-transform:rotate(-45deg); /* Opera */ }
    .notIE8.desktop .slider-nav.previous-slide { left:-100px; }
    .notIE8.desktop .slider-nav.previous-slide span {  top:-1px; left:45px;  transform:rotate(-225deg);  -ms-transform:rotate(-225deg); /* Internet Explorer */ -moz-transform:rotate(-225deg); /* Firefox */ -webkit-transform:rotate(-225deg); /* Safari et Chrome */  -o-transform:rotate(-225deg); /* Opera */ }
    .notIE8.desktop .slider-nav.next-slide { right:-100px;  }
    .notIE8.desktop .slider-nav.next-slide span { top:66px; left:-45px;  }
    .notIE8.desktop .slider-nav:hover { background-color:rgba(51,200,243,0.6) }


        /* Homepage slideshow "bullets" transparency */

    .desktop .slider-bullets li { background-color:rgba(50,50,50,0.5) }
    .desktop .slider-bullets li.on, .desktop .slider-bullets li:hover { background-color: rgba(51,200,243,0.8) }

    .IE8.desktop .slider-overlay { background: url('bkg_black_transparent.png'); } /* slide overlay transparency for IE8 */

        /* Promo slots */

    .desktop .promo-slot-off { border: solid 1px #222222; }
    .desktop .promo-slot-on { border: solid 1px #33c8f3; }
    .desktop .primary-links .primary-link a span { padding:90px 20px 0 20px !important; }
	
	.desktop .primary-link:last-child .promo-slot-on { border: solid 1px #ffffff; text-align:right; }

    .desktop .primary-link:first-child .promo-slot-off { background:url('promo_left_off.png'); padding-top:110px !important; }
    .desktop .primary-link:first-child .promo-slot-on { background:url('promo_left_on.png'); padding-top:110px !important; }
    .desktop .primary-link:last-child .promo-slot-off { background:url('promo_right_off.jpg'); }
    .desktop .primary-link:last-child .promo-slot-on { background:url('promo_right_on.jpg'); }

   /****** MEDIA PAGE MODIFICATIONS ******/

    .desktop.wd-media #G6 { border:none; }

    /****** NEWS PAGE MODIFICATIONS ******/

    .desktop.wd-news iframe { background:rgba(0,0,0,0.5);  }
    .IE8.desktop.wd-news iframe { background: url('bkg_black_transparent.png'); } /* transparency for IE8 */
    .desktop.wd-news .preorder-content { border:none; }

    /****** GAMEINFO PAGE MODIFICATIONS ******/

    .desktop.wd-game-info .hi-res-container, .desktop.wd-game-info .char-wrap { background:url("background-media.jpg") }
    .desktop.wd-game-info .info-row.character { background:url("emea-background.jpg") no-repeat; }
    .desktop.wd-game-info .title-set ul { display:none }

    /****** PREORDER PAGE MODIFICATIONS ******/

    
    

    .desktop.wd-preorder #G2 { max-width:1000px; margin:0 auto; }
    .desktop.wd-preorder #G2 .clear { width:100%; clear:both}

    .desktop.wd-preorder .preorder h4 { color:#33c8f3; }

    .desktop.wd-preorder .edition { position:relative; margin:0 auto; margin-bottom:50px !important; float:left; text-align:center }
    .desktop.wd-preorder .edition .title { height:26px; line-height:26px; padding-left:20px; font-size:20px; text-align:left; text-transform:uppercase }
    .desktop.wd-preorder .edition img { position:relative; }
    .desktop.wd-preorder .edition .button { position:absolute; left:0px; bottom:0px; width:222px; height:30px; background:url("preorder_button_bkg_gif.gif") repeat; line-height:30px; text-align:center; font-size:15px; font-weight:bold; cursor:pointer; color:#33c8f3; }
    .desktop.wd-preorder .edition .button:hover { color:grey;}
    .desktop.wd-preorder .edition .button.more-info { left:223px; color:white; }
    .desktop.wd-preorder .edition .button.more-info:hover { color:grey;}
    .desktop.wd-preorder .popup { display:none; padding:20px }
    .desktop.wd-preorder .preorder .buy-options { margin:0; }
    .desktop.wd-preorder .fancybox-close { background:url('sprites-sc324510c81.png') no-repeat 0 -1472px !important; }
    .desktop.wd-preorder .buy-options { text-align:center }
    .desktop.wd-preorder .buy-option { text-align:left }
    .desktop.wd-preorder .fancybox-inner { overflow:auto !important}

    #seasonpass_edition { width:979px; height:329px; }
    #seasonpass_edition .title { width:437px; height:37px; line-height:37px; font-size:25px;  }
    #seasonpass_edition img { top:-37px; }

    #dedsec_edition { width:979px; height:329px; }
    #dedsec_edition .title { width:437px; height:37px; line-height:37px; font-size:25px;  }
    #dedsec_edition img { top:-37px; }

    #vigilante_edition { width:979px; height:329px; }
    #vigilante_edition .title { width:574px; height:37px; line-height:37px; font-size:25px;  }
    #vigilante_edition img { top:20px; }

    #uplay_edition { width:445px; height:392px; margin-right:15px;  }
    #uplay_edition .title {  width:368px;  }
    #uplay_edition img { top:50px; left:-30px }

    #special_edition { width:516px; height:183px; background:url("preorder_standard_edition_bkg.png") !important; margin-bottom:25px !important; }
    #special_edition .title { width:348px; }
    #special_edition img { top:5px; }

    #standard_edition { width:516px; height:183px; }
    #standard_edition .title { width:348px; }
    #standard_edition img { top:7px; }

    /****** MOBILE APP PAGE ******/

    .wd-mobile .content_hide { width:1000px; color: #fff; min-height:700px; margin:0 auto; margin-bottom:100px; background:rgba(0,0,0,0.5) }

    .wd-mobile .content_hide_text{ padding:20px;  display:inline-block; vertical-align:top; }
    .wd-mobile .content_hide_right{  display:inline-block; width:400px; position:absolute }

    .wd-mobile .content_hide h1{ font-size: 25px; margin-top:30px }
    .wd-mobile .content_hide h2{ color:#2dc9f7; font-size: 15px; }
    .wd-mobile .hide_tutorial{ width: 507px; padding-top: 20px; }
    .wd-mobile .hide_youtube_player { border: 1px solid #505050; cursor: pointer; }
    .wd-mobile .content_hide_right img { position:relative; left:-100px; top:-100px }
    .wd-mobile .hide_download h2 { margin-bottom:10px}
    .wd-mobile .content_hide_text > img { width:250px } /* smaller logo */



 /************************ MOBILE ONLY MODIFICATIONS ************************/

        /* Main menu transparency */

    .mobile .main-nav li { background: rgba(40,40,40,0.8); }
    .mobile .main-nav li.active, .main-nav li:hover { background-color: rgba(51,200,243,0.8) }

    .mobile.wd-home #G4 { margin-top:50px; } /* Flags position */

        /* Promo slots */

    .mobile .primary-links .primary-link a span.double-line { padding-top:80px !important; line-height:15px }
    .mobile .primary-link:first-child .promo-slot-on { background:url('promo_left_mobile.png'); }
    .mobile .primary-link:last-child .promo-slot-on { background:url('promo_right_mobile.png'); text-indent:-400px }

    /****** MEDIA PAGE MODIFICATIONS ******/

     .mobile.wd-media { background:transparent url("background-media.jpg") top left; } /* Background on media page */
     .mobile.wd-media .fancybox-inner .assetoverview-content .youtube { width:100%; height:100% }

    /****** NEWS PAGE MODIFICATIONS ******/

    .mobile.wd-news .preorder-content {width:auto !important }
    .mobile.wd-news iframe { width:100% !important;  }


    /****** NEWS PAGE MODIFICATIONS JB******/
    .contentsummary .item img {
        float: none;
        height: auto;
        margin-right: 20px;
        width: auto;
    }

    .contentsummary .item {
        border-bottom: 1px solid #DDDDDD;
        font-size: 12px;
        height: auto;
        margin: 10px 0;
        padding: 0 px;
    }

    .contentsummary .vertical {

        margin: auto;

    }

    .wd-news-detail p {

    font-size: 16px;;

    }

    .wd-news-detail .item  {
    margin: auto;
        width: 728px;
        padding-bottom:50px;
    }


    .wd-news-detail .item  p {
    margin-top:10px;
    }

    .news_date span {
    display:none;
    }

    .news_date {
    display:none;
    float:right;
    margin-top:200px;
    }
	
	.wd-preorder .preorder-content {display: none;}
	
	
	
	
/**************  EMEA DR/Uplay Buy Page  ***************/
/* Adam Moore - NCSA Webmaster */

#emea_products { text-align: center; }

#emea_products h3 {}

#emea_products ul {}

#emea_products ul li { width: 615px; margin: 0 auto 25px auto; text-align: left; position: relative; background: #000000; bordeR: solid 1px rgba(0, 211, 255, 1);}

#emea_products ul li h3 {
	position: relative;
	margin: 0;
	background: rgba(0, 211, 255, 1);
	color: #000000; 
	padding: 5px;
}

#emea_products ul li p.platform {
	position: absolute;
	width: auto;
	height: 25px;
	font-size: 12pt;
	font-weighT: bold;
	padding: 5px 15px;
	border-radius: 8px 8px 0 0;
	top: -1px;
	right: -92px;
	transform: rotate(90deg);
	transform-origin: left top 0;
}
#emea_products ul li p.platform.wii-u {background: rgba(0, 200, 255, 1);}
#emea_products ul li p.platform.pcdownload {background: rgba(200, 200, 200, 1);}
#emea_products ul li p.platform.dlc {background: rgba(200, 200, 200, 1);}
#emea_products ul li p.platform.pc {background: rgba(200, 200, 200, 1);}
#emea_products ul li p.platform.xbox-360 {background: rgba(0, 255, 0, 1);}
#emea_products ul li p.platform.ps3 {background: rgba(0, 0, 0, 1);}
#emea_products ul li p.platform.ps4 {background: rgba(0, 35, 255, 1);}
#emea_products ul li p.platform.xbox-one {background: rgba(0, 255, 0, 1);}

#emea_products .buy_cta, #emea_products .more_detail {
	display: inline-block;
	font-size: 12pt;
	padding: 5px 15px;
	background: #000000;
}

/* [MENU] */
.main-nav li{ width: 118px !important; }
.main-nav li.icon{ width: 51px !important; }
.main-nav li:first-child{ width: 53px !important; }
#nav-link-home{ width: 53px; padding: 0; background: url('menu_home.png') no-repeat center 16px !important; text-indent: -100000px; }
.main-navigation-bar{ height: 84px; }
.main-nav ul{ padding-bottom: 1px; padding-left: 1px; }
.item_bad_blood:hover{ background: #a31a25 !important; }