Lista de músicas que tocam no game FIFA 17
Autor: Matheus Produções | Publicado: 2016-10-05T10:58:00-03:00

Curta todas as músicas que rolam no game de futebol da EA Sports, FIFA 17.






/* GENERAL STUFF */
#fifa17-main{position:relative;padding:10px;overflow:hidden;width:100%;max-width:705px;height:458px;background:url(https://2.bp.blogspot.com/-zRBMzPFOhw4/V_AuQyS1IiI/AAAAAAAAJ0c/Gihu4ElxXvkTU2tqBmXBQfQb8wdK7OC3QCLcB/h720/fifa17_bg.png);background-size:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#menu-quadros{width:600px;margin-top:38px;transition:all .3s ease-in-out;}
#obs{font-size:10px;font-family:Trebuchet MS;}
#minfo{cursor:default;font-family:'Fjalla One','Open Sans', Trebuchet MS;color:#ffffff;padding:4px 0 0 0;}
#fifa17_gui{width:170px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAYCAMAAABdqpbOAAACMVBMVEX4/v7//v7//////////////////////////////////v74/v7//////////////f3//////////v74/v7//////////v7//v7//v7//v7//v74/v7//v7//f3//v7//////f3//////f3//v7//v7//v7//v74/v7//////v7//////v7//f3//v74/v7//////f3//v7//f3//f34/v7//////f3//v7//f3//////f3//f34/v7//v7//v7//////////f3//f3//Pz//f3//////f34/v7//f3//Pz//////Pz//f3//f3//Pz//f34/v7//f3//////f3//////Pz//f3/+/v//Pz//v7//////f3/+/v//Pz//f3//Pz//f3////4/v7//Pz//Pz//f3//Pz//Pz/+/v//f3//////////Pz//Pz/+/v////4/v7//Pz//Pz//////Pz/////+/v//////Pz4/v7/+/v//Pz//////Pz/////+/v//Pz/////+/v//Pz//////v7/+/v//Pz4/v7/+/v/+/v/+/v/////+/v/+/v/////////////+/v/+/v/////+/v4/v7/+/v/+vr/+/v/////+vr/+/v/+/v/+/v//Pz/+/v/+vr////4/v7/+/v/+/v/+vr/+/v/+/v/+/v/+/v//v7/+/v/////+vr/+vr/+/v/////////+vr4/v7/+fn/+vr/+/v//Pz//v7///+LNUgEAAAAtHRSTlMAAAABAwQFBgcNDhAQERMXFxodICEiJSYnKiswMDExMjMzNTc5OjtAREhISUtNUFVYWFtdYGZnZ2lpam5wcnN0d3h5fHx9foCBhoiJiYuNj5CQkJSUlZaYmJmZm5ycnJ2dn6CgoqSmqKmpqaqsra+vsLC1t7i4uru/wMDCw8TGyMrLzMzMzs/P0NDR0tLU1tbX2Nvd3d7g4OPm5+jo6err7O3u8PDx8vLz9PX19vb3+Pj6+/y1pBxWAAADuklEQVR4Ae3XiZccQxwH8J6KINo4jBDaYQnVDrOOWccKRhzNOrKOuOMYxLHCiqNTDnFrggij4z4yWOKw+PmV7b/Ot6prO2W8Xfv2PW/Xe/m9t12/o97bz9RU52UD8b+JBaLSbup/Tj3kPdbfT0x8x2+uqNVqQixZzZMTiG/fWbF4qHscYJ5XvLRpO2vNWw4Whoq4GiWCfzwGRX1RUPe84adtW7e99eTj1z3AvE5AWlLF2cx6aqqY+uHS5z8+elFQxX6PFmXcveFiUZumIjvyiynb/+3dk/ouwGCKGEnTIdE22VDcxbZbMRhK0wHTGaub3f8WiZx51rBDn2pc+z/krPe5lnEijr1la9n/5hRLr6ix7aZF0W7brN21y5AQqMvhGLaF40SURTNzKAlkZ4a5xLCfKk775fYLCxN/8qalHvVM/uSCF01fM1/uUS1oMI4HYEyLbhzHy4tipI7KTupodIsU21ZRrjLqzEpNSM6ZKoZZ803n/gopkjeWVdTzWOsPz38WUiR8fR/VLJaausz+uMmgPWGRUDMISQVRRqQagVL296ssN5XMKKekmRORlKQIk6aiHj5YK6deUm4l6VHFJYBovrdtREjeP9BRLzOl/mrNq9omvF74VERaUouSORLvoi7fYb9/UDtSNgL8RhxuUlEpz2jUNcHKVCSJVI+CllI5Ph31sKCXSFL+qV5jIfqPtaeWCX96qD2/a135yD6bXbZxViqSivpK0a0LhCQTTaiC0KeG5qhVhqa7ABK3pImTbshVaGEoDR9g6VO1Df7gCHGyO76dK9Fe73wPLxVLnipzPesFGEsr6khRDAgTeIuTDilDDXwqKoWquqvuXiJHWCpCIs8Dn/q5Fb22DEd53M/OdPzeG530Nnsb7rfVxFzuKv6xEjuQ2GjhoIJZqGEftZdNn2ooQ5z0OLV86mdG9PRS+yId/mUpfH36279SWKq4medKxQRJjJa7q4mlNhNj7DXHPSo1Ry01kZGjUi4VMiwdkug1KO+j8mMGakgHbbfGlx8spasFBnZyFc+DWt3VxFsq6mhZRXgqR+24DXj2zEmj0fKoH2m+x4EQ+75trM/dYaXnoGcnWC5i/bWjzj3wmkgZwRDtWhp4BoEppa3MnjCUSOyGCFmISYCnySKPupPXVGeHn702M6h3Genp6FZUcRbrhf4/gL4RwIqKxxOsn7lTsz4RlUcVwwtOPUP41PJ9f2EtT64Uf6NifMJCU2v/oIoNk1t+P0z0U/FYbFSsw+uOEvOj7v7baj7xFxvpaNQRb9ZuAAAAAElFTkSuQmCC);}
.header_bar ul{list-style-type:none !important;padding:0 !Important;margin:0 !important;height:30px;}
.header_bar li{float:left;list-style-type:none;padding:0 !Important;margin:0 4px !important;line-height:30px;color:#ffffff !Important;font-family:'Fjalla One','Open Sans';font-size:14px;font-weight:bold;}
#cover_info{width:300px;height:224px;background:rgba(213,213,213,0.79);background:linear-gradient(0deg, transparent 0px, rgba(213,213,213,0.79) 0) top left,linear-gradient(225deg, transparent 8%, rgba(213,213,213,0.79) 0) top right,linear-gradient(0deg, transparent 0px, rgba(213,213,213,0.79) 0) bottom right,linear-gradient(0deg, transparent 0px, rgba(213,213,213,0.79) 0) bottom left;background-size:50% 50%;background-repeat:no-repeat;}
#fifa17_logo{position:absolute;margin-left:10px;margin-top:5px;}
#trax{display:block;margin-top:15px;}

/* OUTRAS SOUNDTRACKS */
#another_games_screen{position:relative;opacity:0;transition:all .3s ease-in-out;width:604px;height:347px;margin-top:-332px;margin-left:100%;}
#another_games_screen:before{content:'';left:0;top:290px;-webkit-box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.49);-moz-box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.49);box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.49);height:20px;width:598px;position:absolute;}
#other_games li,
#other_games2 li,
#other_games3 li{background-position:34px 0px !important;background:url(https://1.bp.blogspot.com/-fG7Oq6-prIg/V_AuONcm1hI/AAAAAAAAJz0/S7zXex0pUBMUWZVCty8JF0qN1HPwaCu0gCLcB/s1600/bg_tile1.png) rgba(35,38,47,0.9) no-repeat;}
#other_games li:hover,
#other_games2 li:hover,
#other_games3 li:hover{background-position:20px 0px !important;background:url(https://4.bp.blogspot.com/-w14hkFlerkU/V_AuOBRVoaI/AAAAAAAAJz4/CUa_9t-7i00-J9Fs3NWAilcEuSSOcuQEwCLcB/s1600/bg_tile2.png) #ffdb17 no-repeat;}
#other_games li.square:hover,
#other_games2 li.square:hover,
#other_games3 li.square:hover{background-position:0px 0px !important;background:url(https://1.bp.blogspot.com/-a9qK2tNUvT0/V_AuOaWRsyI/AAAAAAAAJz8/n-ZgRXX124gC_Q_pmjySW2yKqaRJY1_sQCLcB/s1600/bg_tile3.png) #ffdb17 no-repeat;}
.othergames{list-style-type:none;padding:0px !important;margin:0px !important;position:relative;width:605px;height:104px;margin-left:0px !important;}
.othergames li:hover:before, .othergames li:hover:after{transition:.2s .11s ease-in;-moz-transition:.2s .11s ease-in;-o-transition:.2s .11s ease-in;-webkit-transition:.2s .11s ease-in;}
.othergames li:before,.othergames li:after{opacity:0;transition:.1s ease-in;-moz-transition:.1s ease-in;-o-transition:.1s ease-in;-webkit-transition:.1s ease-in;}
.othergames li:before{content:"";position:absolute;top:-7px;right:0px;background:url(https://2.bp.blogspot.com/-DFDZlSa9GI8/V_AuO37PR5I/AAAAAAAAJ0A/fqCayUYzyisXTxZ4UwMVkym20TPcQNy4ACLcB/s1600/edges2.png);width:60px;height:48px}
.othergames li:after{content:"";position:absolute;bottom:0px;right:50px;background:url(https://2.bp.blogspot.com/-DFDZlSa9GI8/V_AuO37PR5I/AAAAAAAAJ0A/fqCayUYzyisXTxZ4UwMVkym20TPcQNy4ACLcB/s1600/edges2.png) 0px 54px;width:60px;height:50px}
.othergames li:hover:before{opacity:1;top:-15px;right:-7px;}
.othergames li:hover:after{opacity:1;bottom:-21px;right:70px;}
.othergames li a img{position:absolute;z-index:2;width:100%;height:auto;}
.othergames li{position:relative;overflow:hidden;float:left;text-align:left;margin:2px;padding:0 !important;margin-bottom:0 !important;vertical-align:top;width:298px;cursor:pointer;height:100px;background-color:#b3d2e2;background-size:cover;}
.othergames li{-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;}
.othergames li:hover{background-color:#34abb4;}
.othergames li:hover span.tile_title{color:#231d30;}
.othergames li.square{width:147px;}
.othergames li.square span{font-size:14px !important;}
.othergames li.topleft:hover{margin:-1px 2px 0px -2px !important;padding:0 4px 3px 0 !important;}
.othergames li.topright:hover{margin:-1px 0 2px 2px !important;padding:2px 0 1px 3px !important;}
.othergames li.vmidleft:hover{padding:0 4px 0 0 !important;margin:2px 2px 1px -2px !important;}
.othergames li.vmidright:hover{padding:0 0 0 3px !important;margin:2px 0 2px 2px !important;}
.othergames li.bottomleft:hover{margin:2px 2px 0px -2px !important;padding:0 4px 3px 0 !important;}
.othergames li.bottomright:hover{margin:2px 0 0 2px !important;padding:2px 0 1px 3px !important;}
.othergames li.hbmidcen:hover{margin:2px !important;padding:2px 0 2px 0 !important;}
.othergames li span.tile_title{transition:all .2s ease-in-out;margin-left:8px;line-height:30px;color:#9ea1a7;font-size:17px;;font-family:'Fjalla One','Open Sans', Trebuchet MS;}

/* MENU */
#fifa17_menu{position:absolute;z-index:0;margin-left:0;height:23px;border-bottom:1px solid rgba(0,0,0,0.5);font-family:'Fjalla One','Open Sans', Trebuchet MS;line-height:22px;font-size:13px;background:rgba(4, 4, 4, 0.6);color:#b6b9c1;text-transform:uppercase;}
#fifa17_menu ul{list-style-type:none;margin:0;padding:0;}
#fifa17_menu ul li{color:#b6b9c1;float:left;cursor:pointer;padding:0 20px 0px 20px;height:22px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;line-height:22px;}
#fifa17_menu ul li.sel{color:#d0c330}
#fifa17_menu ul li.active_tab{position:absolute;left:0;height:22px;background:#2d2e37;z-index:-1;padding:0;border-bottom:1px solid rgba(0,0,0,0.2);border-bottom:2px solid #d0c330;}
.uppercase{text-transform:uppercase;}
.colA{background:rgba(34,37,43,0.62);}
.colB{background:rgba(37,40,46,0.62);}

/* ITEM */
.item{cursor:pointer;float:left;width:143px;color:#ffffff;height:105px;border-top:1px solid rgba(34, 37, 43,0.8);border-right:1px solid rgba(37, 40, 46,0.8);}
.item_hover{border-top:1px solid #c8b91a;border-right:1px solid transparent;background:#c8b91a;background:-moz-linear-gradient(top,  #c8b91a 0%, #c7b914 48%, #cebd0f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8b91a), color-stop(48%,#c7b914), color-stop(100%,#cebd0f));background:-webkit-linear-gradient(top,  #c8b91a 0%,#c7b914 48%,#cebd0f 100%);background:-o-linear-gradient(top,  #c8b91a 0%,#c7b914 48%,#cebd0f 100%);background:-ms-linear-gradient(top,  #c8b91a 0%,#c7b914 48%,#cebd0f 100%);background:linear-gradient(to bottom,  #c8b91a 0%,#c7b914 48%,#cebd0f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b91a', endColorstr='#cebd0f',GradientType=0);}
.item_hover td{color:#181a17 !important}
.item table{width:100%;}
.item td{color:#636768;font-family:'Fjalla One','Open Sans';font-size:11px;line-height:11px;}
.item td.music_title{color:#a8abb3}
.hide_info{display:none;}
.sel_icon::before{position:absolute;text-shadow:0px 1px 2px rgba(99,148,74,0.8);box-shadow:-1px 0px 2px rgba(49, 74, 45, 0.6);margin:5px 0 0 5px;background:#51793b;padding:3px;border-radius:50px;content:'\f00c';font:normal normal normal 8px/1 FontAwesome;}
.mnum{font-size:11px !important;padding-right:3px;width:10px !important;background:transparent !important;}
.item_cover{width:55px;height:55px;background-size:cover !important;margin:5px 0;background:url(https://3.bp.blogspot.com/-ud6-lJ9dshA/V_AuPNtR9OI/AAAAAAAAJ0I/N8yf0FN1P30XymUGX-UnPYQ_sv2xo3lIgCLcB/w120/covers-min.png);background-position:0px 0px;}
.title_dot div{padding:1px 0px 1px 0px;white-space:nowrap;max-width:105px !important;overflow:hidden;float:left;}
.title_dot:after{position:absolute;content:' ...';margin-left:2px;}
#b-title.title_dot div{max-width:486px !important;}
.item:hover .title_dot, #b-title:hover.title_dot{-webkit-animation:textScroll 20s infinite;-moz-animation:textScroll 20s infinite;-o-animation:textScroll 20s infinite;animation:textScroll 20s infinite;}
.item:hover .title_dot:after, #b-title:hover.title_dot:after{opacity:0;}

@-webkit-keyframes textScroll{
 0%{text-indent:0%;}60%{text-indent:-99%;}100% {text-indent:0%;}
}
@-moz-keyframes textScroll{
 0%{text-indent:0%;}60%{text-indent:-99%}100% {text-indent:0%;}
}
@-o-keyframes textScroll{
 0%{text-indent:0%;}60%{text-indent:-99%;}100% {text-indent:0%;}
}
@keyframes textScroll{
 0%{text-indent:0%;}60%{text-indent:-99%;}100% {text-indent:0%;}
}

/* BARRAS */
.footer_bar{background:rgba(213,213,213,0.79);-webkit-box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.39);-moz-box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.39);box-shadow:0px 20px 30px 0px rgba(0, 0, 0, 0.39);}
.header_bar{background:#45707d;background:-moz-linear-gradient(left,  #45707d 0%, #3d6d7b 49%, #3c6978 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,#3c6978), color-stop(49%,#3d6d7b), color-stop(100%,#3c6978));background:-webkit-linear-gradient(left,  #45707d 0%,#3d6d7b 49%,#3c6978 100%);background:-o-linear-gradient(left,  #45707d 0%,#3d6d7b 49%,#3c6978 100%);background:-ms-linear-gradient(left,  #45707d 0%,#3d6d7b 49%,#3c6978 100%);background:linear-gradient(to right,  #45707d 0%,#3d6d7b 49%,#3c6978 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45707d', endColorstr='#3c6978',GradientType=1);}

/* COVER ART*/
#coverart{margin:6px 0 0 6px;border-radius:1px;background:url('https://3.bp.blogspot.com/-ud6-lJ9dshA/V_AuPNtR9OI/AAAAAAAAJ0I/N8yf0FN1P30XymUGX-UnPYQ_sv2xo3lIgCLcB/w120/covers-min.png') no-repeat;width:62px;height:62px;background-size:cover !important;}

/** Full Screen setup **/
.isFull{width:100vw !important;height:100vh !important;max-width:none !important;}
.isFull #p-header_logo{width:1000px !important}
.isFull #menu-quadros{position:relative;width:1000px !important;margin-top:15px;}
.isFull #menu-quadros.full #musics-list{display:none;}
.isFull #menu-quadros.full #video-placeholder{width:100% !important;height:100% !important;top:0;margin:0;}
.isFull #menu-quadros.full #bars_line{position:absolute;left:0;margin:0px 0px 0px 140px;bottom:0;width:100%;}
.isFull #menu-quadros.full #progress-bar_box{width:88% !important;}
.isFull #menu-quadros.full #p-controls{bottom:9px;margin-left:-61px;}
.isFull #menu-quadros.full{width:100% !important;height:100% !important;position:absolute;top:0;margin:0;left:0;}
.isFull #p-header_logo{margin:3% !important;}
.isFull #menu_container{width:1000px !important;height:28px !important;}
.isFull #musics-list{width:505px !important;height:430px !important}
.isFull #fifa17_menu{height:28px;}
.isFull #fifa17_menu ul li{height:28px;line-height:28px;font-size:16px;}
.isFull #fifa17_menu ul li.active_tab{height:27px;}
.isFull #lists-content{margin-top:5%;}
.isFull .nano{width:500px !important;height:430px !important}
.isFull .nano-content{width:500px !important;height:430px !important}
.isFull .item{width:162px !important;height:142px !important}
.isFull #cover_info{width:500px !important;height:430px !important}
.isFull .p-full_size{max-width:none;}
.isFull .item_cover{margin:20px 0;}
.isFull .footer_bar{margin-top:10px;}
.isFull #video-placeholder{width:436px;height:245px;margin-top:15%;}
.isFull #another_games_screen{width:1000px;height:540px;margin-top:-520px;}
.isFull .othergames{width:1000px;height:173px;}
.isFull .othergames li{width:494px;height:168px;background-size:cover !important}
.isFull .othergames li.square{width:245px}
.isFull .othergames li .tile_title{font-size:25px;line-height:42px;}
.isFull .othergames li.square .tile_title{font-size:22px !important;}
.isFull .sel_icon::before{margin:8px 0 0 8px;}
.isFull .othergames li:hover:after{right:152px;}
.isFull .othergames li:after{right:136px;}
.isFull .title_dot div{max-width:110px !important;}
.isFull #coverart{margin:6px 0 0 15px;}
.isFull #minfo{left:90px;}
.isFull #progress-bar_box{width:700px;}

/** INITIAL NANO SETUP **/
.nano-content::-webkit-scrollbar{display:none !important;appearance:none;}
.nano-content::-webkit-scrollbar-track-piece {display:none !important;appearance:none;}
@-moz-document url-prefix(){.nano > .nano-content{overflow-y:hidden !important;}}
.nano-pane{opacity:1 !Important;}
.nano{position:relative;width:100%;height:100%;overflow:hidden;}
.nano > .nano-content{position:absolute;overflow:scroll;overflow-x:hidden;-ms-overflow-style:none;top:0;right:0;bottom:0;left:0;-moz-scrollbars-vertical:hidden}
.nano > .nano-content:focus {outline:thin dotted;}
.nano > .nano-content::-webkit-scrollbar{display:none;}
.has-scrollbar > .nano-content::-webkit-scrollbar{display:block;}
.nano > .nano-pane{background:rgba(90,90,90,0.8);position:absolute;width:12px;right:0;top:0;bottom:0;visibility:hidden\9;opacity:.01;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:0px;}
.nano > .nano-pane > .nano-slider{cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAABFJREFUeAFjQAaMUIAsRrkCAAUHABkx+WCPAAAAAElFTkSuQmCC) no-repeat 50% 50% rgba(122,122,123,0.9);background-size:contain;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed{visibility :visible\9;opacity:0.99;}

/* PLAYER CSS */
#progress-bar_box{width:311px;height:25px;}
#current-time, #progress-bar{float:left;}

/* chrome bars */
input[type=range]{
overflow:visible !important;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0px 0;
width:100%;height:8px;
cursor:pointer;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
border:1px solid rgba(213,213,213,0.31);
background:-webkit-linear-gradient(left, rgba(48,91,101,0.901961) 0%,  0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
background:-moz-linear-gradient(left, rgba(48,91,101,0.901961) 0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
background:-o-linear-gradient(left, rgba(48,91,101,0.901961) 0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
background:-ms-linear-gradient(left, rgba(48,91,101,0.901961) 0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
background:-webkit-linear-gradient(left, rgba(48,91,101,0.901961) 0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
background:linear-gradient(left, rgba(48,91,101,0.901961) 0%, rgba(63,119,131,0.901961) 0%, rgba(34, 50, 61, 0.901961) 0%);
}
input[type=range]:focus{outline:none;}
input[type=range]:hover{height:8px;}

/* thumb */
input[type=range]::-webkit-slider-thumb{
  height:12px;
  width:12px;
  border:3px solid #fff;
  border-radius:50px;
  background:#ffffff;
  cursor:pointer;
  -webkit-appearance:none;
  margin-top:-1px;
  -webkit-transition:all .2s ease-in-out;
}
input[type=range]::-moz-range-thumb{
  height:6px;
  width:6px;
  border:3px solid #fff;
  border-radius:50px;
  background:#ffffff;
  cursor:pointer;
  -moz-appearance:none;
  margin-top:-1px;
  -moz-transition:all .2s ease-in-out;
}
input[type=range]::-ms-thumb{
  height:6px;
  width:6px;
  border:3px solid #fff;
  border-radius:50px;
  background:#ffffff;
  cursor:pointer;
  appearance:none;
  margin-top:-1px;
  transition:all .2s ease-in-out;
}
input[type=range]::-webkit-slider-thumb:hover{background-color:#ffffff; box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 2px 2px 3px rgba(0, 0, 0, 0.45);}
input[type=range]::-moz-range-thumb:hover{background-color:#ffffff; box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 2px 2px 3px rgba(0, 0, 0, 0.45);}
input[type=range]::-ms-thumb:hover{background-color:#ffffff; box-shadow:0 0 3px rgba(0, 0, 0, 0.4), inset 2px 2px 3px rgba(0, 0, 0, 0.45);}

/* ms/moz bars */
input[type=range]::-moz-range-track {
   background:transparent;
}
input[type=range]::-ms-track{
    background:transparent;
    overflow:visible !important;
}

/** Mobile Setup **/
.PostMobile{width:95% !important;max-width:360px !important;}
.PostMobile #menu-quadros{width:274px !important;}
.PostMobile #cover_info{display:none;}
.PostMobile #p-full-screen-btn{display:none !important;}
.PostMobile #fifa17_menu{margin-left:10px;}
.PostMobile .othergames li:hover{margin:2px 0px 0px 2px !important;padding:0px !important;}
.PostMobile .othergames li.square:hover{margin:2px !important;}
.PostMobile #p-header_logo{width:300px !important;}
.PostMobile #volume-bar{width:37px !important;}
.PostMobile #bars_line td:nth-child(3){width:16px !important;display:none;}
.PostMobile #bars_line td:nth-child(4){width:auto !important;display:none;}
.PostMobile #p-conf_td{padding:0px 10px !important;}
.PostMobile .p-full_size{width:100% !important;height:309px !important;background:rgba(0,0,0,0) !important;padding:0 !important;margin:0 !important;left:0 !important;max-width:381px !important;top:81px;}
.PostMobile .buttons_over{height:26px !important;z-index:53 !important; margin:58px 0 0 5px !important;left:0 !important;}
.PostMobile .bars_over{margin:-13px 0 0 0 !important;width:initial !important;left:100px !important;max-width:278px !important}
.PostMobile .clock_over{margin:87px 0 0 0 !important;width:68px!important;left:100px !important;vertical-align:top;line-height:17px;font-weight:100 !important;}
.PostMobile #other_games{width:304px !important}
.PostMobile #another_games_screen{width:304px !important;height:312px !important;overflow-x:hidden;overflow-y:scroll;}
.PostMobile #another_games_screen ::-webkit-scrollbar-thumb{background-color: rgba(255,255,255, 0.2) !important;}
.PostMobile .footer_bar table tr:nth-child(2) td:nth-child(1){white-space:nowrap;max-width:219px;overflow-x:hidden;}
.PostMobile #minfo_artist{font-size:14px !important;}
.PostMobile #minfo_title{font-size:12px !important;}
.PostMobile .minfo_over{height:46px;}
.PostMobile .bars_over #progress-bar_box{width:100% !important;}
.PostMobile .othergames{width:304px !important;}

/** EXPANDED PLAYER **/
.vol-ico_over:before{color:#D4D4D4 !important}
.bars_over{position:absolute;margin:10px 0 0 16px;width:494px;z-index:9;}
.bars_over #progress-bar_box{width:379px !important}
@supports (-ms-accelerator:true){.bars_over{margin:11px 0 0 3px !important}}
.clock_over{color:#fff !important;width:34px !important;}
.buttons_over{position:absolute;height:26px;z-index:53;margin:83px 0 0 -103px}
.buttons_over div{background:transparent !important;border:none !important;}
.buttons_over div:before{color:#D4D4D4 !important}
.buttons_over:before{color:#fff;border-color:#fff;}

/** COMMON EFFECTS **/
#bottomFullscreenShadow, .buttons_over, .bars_over, .minfo_over, .mcover_over{opacity:0;-webkit-transition:all .3s ease-in-out !important;-moz-transition:all .3s ease-in-out  !important;-o-transition:all .3s ease-in-out !important;transition:all .3s ease-in-out !important;}
#fifa17-main:hover .buttons_over, #fifa17-main:hover .bars_over, #fifa17-main:hover .minfo_over, #fifa17-main:hover .mcover_over{opacity:1 !important;}

/** ACTION BUTTONS **/
#minfo table tr td{font-weight:bold;color:#25282e;text-transform:uppercase;}
.buttons_over div:hover:before,#p-conf:hover:before, .vol-ico_over:hover:before{text-shadow:0 0 43px #fff, 0 0 10px #fff}
.full_exit:before{content:'\f066' !important}
.mcover_over{position:absolute;z-index:99;width:62px !important;height:62px !important;left:10px;top:36px;box-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.minfo_over{position:absolute;z-index:9;top:41px;left:78px;padding:0 3px !important;height:64px;overflow:hidden;}
.minfo_over td{text-align:left;color:#fff!important;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.MobFullScreen{display:block !important}
#video-placeholder{background:#000;width:231px;height:130px;padding:0;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);}
#p-conf_td{display:none;width:12px}
#p-conf, #p-conf_box div,#vol-ico_box i{cursor:pointer;}
#p-conf_box{position:absolute;z-index:9;opacity:0;border:1px solid transparent;border-radius:4px;width:101px;color:#eeeeee;background-color:rgba(0,0,0,0.5);bottom:24px;margin-left:-90px;text-align:center;font-family:'Fjalla One','Open Sans', Trebuchet MS;font-size:12px;height:0;overflow:hidden;}
#p-conf_box span,#p-conf_tiptip{cursor:default;}
#p-conf_box.show{opacity:1 !important;bottom:43px;height:auto;overflow:visible;border:1px solid rgba(68,68,68,0.6);}
#p-conf_box ul{list-style-type:none;margin:0;padding:0;font-size:11px}
#p-conf_box li:last-child{border-bottom:1px solid rgba(68,68,68,0.6);}
#p-conf_box li{cursor:pointer;border-top:1px solid rgba(68,68,68,0.6);padding:2px 20px;color:#eeeeee;}
#p-conf_box li:hover,#p-conf_box div:hover{background:#1c1c1c;}
#p-conf_box div:before{content:'\f00c';font:normal normal normal 12px/1 FontAwesome;margin-right:3px;}
#p-conf:before{content:'\f013';font:normal normal normal 14px/1 FontAwesome;color:#D4D4D4;}
#p-conf.ConfOpen{-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg);}
#p-conf_box, #p-conf,#p-conf_tiptip,.buttons_over div:before,#p-conf:before,.vol-ico_over:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#p-conf_tiptip{opacity:0;border-radius:4px;position:absolute;margin:-20px 0 0 -10px;background-color:rgba(0,0,0,0.5);color:#D4D4D4;margin-left:-104px;padding:3px 8px;white-space:nowrap;font-family:'Fjalla One','Open Sans', Trebuchet MS;font-size:12px;bottom:43px;border:1px solid rgba(68,68,68,0.6);}
#p-conf{margin-top:-5px;}
#p-conf_td #p-conf:hover ~ #p-conf_tiptip{opacity:1;}
#p-back,#p-next{margin:0 2px;cursor:pointer;float:left;width:20px;height:20px;text-align:center;}
#p-playpause{cursor:pointer;float:left;width:20px;height:20px;text-align:center;}
#p-back:before{content:'\f048';font:normal normal normal 14px/1 FontAwesome;color:#25282e;line-height:20px;}
#p-next:before{content:'\f051';font:normal normal normal 14px/1 FontAwesome;color:#25282e;line-height:20px;}
#p-next.disable,#p-back.disable{opacity:0.5;cursor:default;}
#p-playpause.play:before{content:'\f04b';font:normal normal normal 14px/1 FontAwesome;color:#25282e}
#p-playpause.pause:before{content:'\f04c';font:normal normal normal 14px/1 FontAwesome;color:#25282e}
#p-playpause:before{line-height:20px !important;}
#b-title{font-size:13px;line-height:20px;cursor:default;color:#25282e;font-family:'Fjalla One','Open Sans', Trebuchet MS;}
#volume-bar{background:none;float:left;width:69px;background:-webkit-linear-gradient(left, rgba(48,91,101,0.901961)  0%, rgba(63,119,131,0.901961) 50%, rgba(34,50,61,0.901961) 50%)}
#vol-ico_box{width:18px;height:25px;}
#vol-ico_box i:before{margin:3px;color:#25282e;}
#vol-ico_box i{float:left;width:18px;height:15px;margin-top:-5px;}
#v-timer{color:#25282e;}
#p-controls{height:22px;padding-top:4px;}
.p-time{font-family:'Fjalla One','Open Sans', Trebuchet MS;font-size:13px;}
.vol_up i:before{content:'\f028';font:normal normal normal 14px/1 FontAwesome;}
.vol_down i:before{content:'\f027';font:normal normal normal 14px/1 FontAwesome;}
.vol_mute i:before{content:'\f026';font:normal normal normal 14px/1 FontAwesome;}
.p-full_size{position:absolute;width:100% !important;max-width:725px;height:408px !important;background-color:rgba(0,0,0,0.9);padding:0 !important;margin:0;left:0;top:34px}
#p-full-btn{margin:0px 2px 0px 2px;cursor:pointer;float:left;width:20px;height:20px;text-align:center;}
#p-full-btn:before{content:'\f065';font:normal normal normal 14px/1 FontAwesome;color:#25282e;line-height:20px;}
#p-full-screen-btn{display:none;margin:0px 2px 0px 2px;cursor:pointer;float:left;width:20px;height:20px;text-align:center;}
#p-full-screen-btn:before{content:'\f108';font:normal normal normal 14px/1 FontAwesome;color:#25282e;line-height:20px;}
#bottomFullscreenShadow{display:none;position:absolute;left:0;width:100%;height:100%;opacity:1;top:0;background:rgba(0,0,0,0.9);}

<!-- NANO-SCROLL-JS -->

/*! nanoScrollerJS - v0.8.5 - (c) 2015 James Florentino; Licensed MIT */
!function(a){return"function"==typeof define&&define.amd?define(["jquery"],function(b){return a(b,window,document)}):a(jQuery,window,document)}(function(a,b,c){"use strict";var d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H;z={paneClass:"nano-pane",sliderClass:"nano-slider",contentClass:"nano-content",iOSNativeScrolling:!1,preventPageScrolling:!1,disableResize:!1,alwaysVisible:!1,flashDelay:1500,sliderMinHeight:20,sliderMaxHeight:null,documentContext:null,windowContext:null},u="scrollbar",t="scroll",l="mousedown",m="mouseenter",n="mousemove",p="mousewheel",o="mouseup",s="resize",h="drag",i="enter",w="up",r="panedown",f="DOMMouseScroll",g="down",x="wheel",j="keydown",k="keyup",v="touchmove",d="Microsoft Internet Explorer"===b.navigator.appName&&/msie 7./i.test(b.navigator.appVersion)&&b.ActiveXObject,e=null,D=b.requestAnimationFrame,y=b.cancelAnimationFrame,F=c.createElement("div").style,H=function(){var a,b,c,d,e,f;for(d=["t","webkitT","MozT","msT","OT"],a=e=0,f=d.length;f>e;a=++e)if(c=d[a],b=d[a]+"ransform",b in F)return d[a].substr(0,d[a].length-1);return!1}(),G=function(a){return H===!1?!1:""===H?a:H+a.charAt(0).toUpperCase()+a.substr(1)},E=G("transform"),B=E!==!1,A=function(){var a,b,d;return a=c.createElement("div"),b=a.style,b.position="absolute",b.width="100px",b.height="100px",b.overflow=t,b.top="-9999px",c.body.appendChild(a),d=a.offsetWidth-a.clientWidth,c.body.removeChild(a),d},C=function(){var a,c,d;return c=b.navigator.userAgent,(a=/(?=.+Mac OS X)(?=.+Firefox)/.test(c))?(d=/Firefox\/\d{2}\./.exec(c),d&&(d=d[0].replace(/\D+/g,"")),a&&+d>23):!1},q=function(){function j(d,f){this.el=d,this.options=f,e||(e=A()),this.$el=a(this.el),this.doc=a(this.options.documentContext||c),this.win=a(this.options.windowContext||b),this.body=this.doc.find("body"),this.$content=this.$el.children("."+this.options.contentClass),this.$content.attr("tabindex",this.options.tabIndex||0),this.content=this.$content[0],this.previousPosition=0,this.options.iOSNativeScrolling&&null!=this.el.style.WebkitOverflowScrolling?this.nativeScrolling():this.generate(),this.createEvents(),this.addEvents(),this.reset()}return j.prototype.preventScrolling=function(a,b){if(this.isActive)if(a.type===f)(b===g&&a.originalEvent.detail>0||b===w&&a.originalEvent.detail<0)&&a.preventDefault();else if(a.type===p){if(!a.originalEvent||!a.originalEvent.wheelDelta)return;(b===g&&a.originalEvent.wheelDelta<0||b===w&&a.originalEvent.wheelDelta>0)&&a.preventDefault()}},j.prototype.nativeScrolling=function(){this.$content.css({WebkitOverflowScrolling:"touch"}),this.iOSNativeScrolling=!0,this.isActive=!0},j.prototype.updateScrollValues=function(){var a,b;a=this.content,this.maxScrollTop=a.scrollHeight-a.clientHeight,this.prevScrollTop=this.contentScrollTop||0,this.contentScrollTop=a.scrollTop,b=this.contentScrollTop>this.previousPosition?"down":this.contentScrollTop=a.maxScrollTop&&a.prevScrollTop!==a.maxScrollTop?a.$el.trigger("scrollend"):0===a.contentScrollTop&&0!==a.prevScrollTop&&a.$el.trigger("scrolltop"),!1}}(this),up:function(a){return function(){return a.isBeingDragged=!1,a.pane.removeClass("active"),a.doc.unbind(n,a.events[h]).unbind(o,a.events[w]),a.body.unbind(m,a.events[i]),!1}}(this),resize:function(a){return function(){a.reset()}}(this),panedown:function(a){return function(b){return a.sliderY=(b.offsetY||b.originalEvent.layerY)-.5*a.sliderHeight,a.scroll(),a.events.down(b),!1}}(this),scroll:function(a){return function(b){a.updateScrollValues(),a.isBeingDragged||(a.iOSNativeScrolling||(a.sliderY=a.sliderTop,a.setOnScrollStyles()),null!=b&&(a.contentScrollTop>=a.maxScrollTop?(a.options.preventPageScrolling&&a.preventScrolling(b,g),a.prevScrollTop!==a.maxScrollTop&&a.$el.trigger("scrollend")):0===a.contentScrollTop&&(a.options.preventPageScrolling&&a.preventScrolling(b,w),0!==a.prevScrollTop&&a.$el.trigger("scrolltop"))))}}(this),wheel:function(a){return function(b){var c;if(null!=b)return c=b.delta||b.wheelDelta||b.originalEvent&&b.originalEvent.wheelDelta||-b.detail||b.originalEvent&&-b.originalEvent.detail,c&&(a.sliderY+=-c/3),a.scroll(),!1}}(this),enter:function(a){return function(b){var c;if(a.isBeingDragged)return 1!==(b.buttons||b.which)?(c=a.events)[w].apply(c,arguments):void 0}}(this)}},j.prototype.addEvents=function(){var a;this.removeEvents(),a=this.events,this.options.disableResize||this.win.bind(s,a[s]),this.iOSNativeScrolling||(this.slider.bind(l,a[g]),this.pane.bind(l,a[r]).bind(""+p+" "+f,a[x])),this.$content.bind(""+t+" "+p+" "+f+" "+v,a[t])},j.prototype.removeEvents=function(){var a;a=this.events,this.win.unbind(s,a[s]),this.iOSNativeScrolling||(this.slider.unbind(),this.pane.unbind()),this.$content.unbind(""+t+" "+p+" "+f+" "+v,a[t])},j.prototype.generate=function(){var a,c,d,f,g,h,i;return f=this.options,h=f.paneClass,i=f.sliderClass,a=f.contentClass,(g=this.$el.children("."+h)).length||g.children("."+i).length||this.$el.append(''),this.pane=this.$el.children("."+h),this.slider=this.pane.find("."+i),0===e&&C()?(d=b.getComputedStyle(this.content,null).getPropertyValue("padding-right").replace(/[^0-9.]+/g,""),c={right:-14,paddingRight:+d+14}):e&&(c={right:-e},this.$el.addClass("has-scrollbar")),null!=c&&this.$content.css(c),this},j.prototype.restore=function(){this.stopped=!1,this.iOSNativeScrolling||this.pane.show(),this.addEvents()},j.prototype.reset=function(){var a,b,c,f,g,h,i,j,k,l,m,n;return this.iOSNativeScrolling?void(this.contentHeight=this.content.scrollHeight):(this.$el.find("."+this.options.paneClass).length||this.generate().stop(),this.stopped&&this.restore(),a=this.content,f=a.style,g=f.overflowY,d&&this.$content.css({height:this.$content.height()}),b=a.scrollHeight+e,l=parseInt(this.$el.css("max-height"),10),l>0&&(this.$el.height(""),this.$el.height(a.scrollHeight>l?l:a.scrollHeight)),i=this.pane.outerHeight(!1),k=parseInt(this.pane.css("top"),10),h=parseInt(this.pane.css("bottom"),10),j=i+k+h,n=Math.round(j/b*j),nthis.options.sliderMaxHeight&&(n=this.options.sliderMaxHeight),g===t&&f.overflowX!==t&&(n+=e),this.maxSliderTop=j-n,this.contentHeight=b,this.paneHeight=i,this.paneOuterHeight=j,this.sliderHeight=n,this.paneTop=k,this.slider.height(n),this.events.scroll(),this.pane.show(),this.isActive=!0,a.scrollHeight===a.clientHeight||this.pane.outerHeight(!0)>=a.scrollHeight&&g!==t?(this.pane.hide(),this.isActive=!1):this.el.clientHeight===a.scrollHeight&&g===t?this.slider.hide():this.slider.show(),this.pane.css({opacity:this.options.alwaysVisible?1:"",visibility:this.options.alwaysVisible?"visible":""}),c=this.$content.css("position"),("static"===c||"relative"===c)&&(m=parseInt(this.$content.css("right"),10),m&&this.$content.css({right:"",marginRight:m})),this)},j.prototype.scroll=function(){return this.isActive?(this.sliderY=Math.max(0,this.sliderY),this.sliderY=Math.min(this.maxSliderTop,this.sliderY),this.$content.scrollTop(this.maxScrollTop*this.sliderY/this.maxSliderTop),this.iOSNativeScrolling||(this.updateScrollValues(),this.setOnScrollStyles()),this):void 0},j.prototype.scrollBottom=function(a){return this.isActive?(this.$content.scrollTop(this.contentHeight-this.$content.height()-a).trigger(p),this.stop().restore(),this):void 0},j.prototype.scrollTop=function(a){return this.isActive?(this.$content.scrollTop(+a).trigger(p),this.stop().restore(),this):void 0},j.prototype.scrollTo=function(a){return this.isActive?(this.scrollTop(this.$el.find(a).get(0).offsetTop),this):void 0},j.prototype.stop=function(){return y&&this.scrollRAF&&(y(this.scrollRAF),this.scrollRAF=null),this.stopped=!0,this.removeEvents(),this.iOSNativeScrolling||this.pane.hide(),this},j.prototype.destroy=function(){return this.stopped||this.stop(),!this.iOSNativeScrolling&&this.pane.length&&this.pane.remove(),d&&this.$content.height(""),this.$content.removeAttr("tabindex"),this.$el.hasClass("has-scrollbar")&&(this.$el.removeClass("has-scrollbar"),this.$content.css({right:""})),this},j.prototype.flash=function(){return!this.iOSNativeScrolling&&this.isActive?(this.reset(),this.pane.addClass("flashed"),setTimeout(function(a){return function(){a.pane.removeClass("flashed")}}(this),this.options.flashDelay),this):void 0},j}(),a.fn.nanoScroller=function(b){return this.each(function(){var c,d;if((d=this.nanoscroller)||(c=a.extend({},z,b),this.nanoscroller=d=new q(this,c)),b&&"object"==typeof b){if(a.extend(d.options,b),null!=b.scrollBottom)return d.scrollBottom(b.scrollBottom);if(null!=b.scrollTop)return d.scrollTop(b.scrollTop);if(b.scrollTo)return d.scrollTo(b.scrollTo);if("bottom"===b.scroll)return d.scrollBottom(0);if("top"===b.scroll)return d.scrollTop(0);if(b.scroll&&b.scroll instanceof a)return d.scrollTo(b.scroll);if(b.stop)return d.stop();if(b.destroy)return d.destroy();if(b.flash)return d.flash()}return d.reset()})},a.fn.nanoScroller.Constructor=q});


function resizePlayer(){
 if($(window).width() < 640){$('#fifa17-main').addClass('PostMobile');}else{$('#fifa17-main').removeClass('PostMobile')}
}

window.onresize = resizePlayer;

function mostra_mais_games(){
 $('#menu-quadros').css('margin-left','-2060px');
 $('#another_games_screen').css('opacity','1.0');
 $('#menu-quadros').css('opacity','0');
 $('#another_games_screen').css('margin-left','0px'); 
}

function mostra_soundtrack(){
 $('#another_games_screen').css('opacity','0.0');
 $('#menu-quadros').css('opacity','1.0');
 $('#another_games_screen').css('margin-left','100%');
 $('#menu-quadros').css('margin-left','0px');
}

$(function(){
 if(ismob() == true && $(window).width() < 640){$('#fifa17-main').addClass('PostMobile');$('#video-placeholder').css({'height':'120px !important','width':'68px !important'})}
  $('#fifa17_menu li.active_tab').css('width',$('#fifa17_menu li:first').outerWidth());
  $('#fifa17_menu li.menu_item').click(function(){
   $('#fifa17_menu li.active_tab').css('width',$(this).outerWidth());
   $('#fifa17_menu li.active_tab').css('left',$(this).position().left);
   $('#fifa17_menu li.menu_item').removeClass('sel');
   $(this).addClass('sel');
  });
});

//item over
$(function(){
 $('#musics .item').mouseover(function(){
  $('#'+$(this).attr('id')).addClass("item_hover");
 }).mouseout(function(){
  $('#'+$(this).attr('id')).removeClass("item_hover");
 });
});

//=================================================

function CheckItem(id){
 $('#musics .item').removeClass('sel_icon');
 $("#"+id).addClass('sel_icon');
}

//atribui nomes a tabela e chama o trax
$(function(){$('#musics .item').click(function(){
  var id = $(this).attr('id');
  var title = $("#"+id+"b").text();
  var author = $("#"+id+"a").text();
  var album = $("#"+id+"c").text();
  music(author,title,album,id);
  CheckItem(id);
 });
});

//chama o trax
function music(artist,music,detail,id){
 var bgpos = artcover(id,62);
 $("#minfo_title").html(music);
 $("#minfo_artist").html(artist); 
 $("#minfo_detail").html(detail);
 $("#coverart").attr('style','background-position: 0px -'+bgpos+'px !important; background-position-y:-'+bgpos+'px');
 if((music.length+artist.length) > 100){
  $("#b-title").html(""+id.split('m')[1]+" | "+music.replace(/(<([^>]+)>)/ig,"")+" - "+artist.replace(/(<([^>]+)>)/ig,"")+"").addClass('title_dot');;
 }else{
  $("#b-title").html(""+id.split('m')[1]+" | "+music.replace(/(<([^>]+)>)/ig,"")+" - "+artist.replace(/(<([^>]+)>)/ig,"")).removeClass('title_dot');;
 }
}

function FullScreenAble(){
 var width = $(document).width(), height = $(document).height();
 var chrome = !!window.chrome && !!window.chrome.webstore;
 var fire = typeof InstallTrigger !== 'undefined';
 if(((width >= 1023) && (height >= 768)) && (chrome  == true || fire == true)){
  return true
 }else{
  return false
 }
}

//Artcover/TRAX
function artcover(id,size){
 id = parseInt(id.replace("m",""));
 return (size * id) - size;
}

$(document).ready(function(){
 if(FullScreenAble() == true){
  $("#p-full-screen-btn").show();
 }
 $("#musics .item").each(function(i){
  var id = $(this).attr('id');
  $("#"+id+" .item_cover").css('background-position','0px -'+artcover(id,55)+'px');
  var midA = $("#"+id+" #"+id+"a").text();
  var midB = $("#"+id+" #"+id+"b").text();
  if(midA.length > 23){
   $("#"+id+" #"+id+"a").html(''+midA+'').addClass('title_dot');
  }
  if(midB.length > 23){
   $("#"+id+" #"+id+"b").html(''+midB+'').addClass('title_dot');
  }
 });
});

// YOUTUBE PLAYER API
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

//update bar gradient 
function BarBgGradient(obj,per){
 obj.css('background', '-webkit-linear-gradient(left, rgba(48,91,101,0.9) 0%, rgba(86,118,144, 0.9) ' + per + '%, rgba(46,50,60,0.9) ' + per + '%)');
 obj.css('background', '-moz-linear-gradient(left, rgba(48,91,101,0.9) 0%, rgba(86,118,144, 0.9) ' + per + '%, rgba(46,50,60,0.9) ' + per + '%)');
 obj.css('background', '-o-linear-gradient(left, rgba(48,91,101,0.9) 0%, rgba(86,118,144, 0.9) ' + per + '%, rgba(46,50,60,0.9) ' + per + '%)');
 obj.css('background', '-ms-linear-gradient(left, rgba(48,91,101,0.9) 0%, rgba(86,118,144, 0.9) ' + per + '%, rgba(46,50,60,0.9) ' + per + '%)');
 obj.css('background', 'linear-gradient(left, rgba(48,91,101,0.9) 0%, rgba(86,118,144, 0.9) ' + per + '%, rgba(46,50,60,0.9) ' + per + '%)');
}
 //movie as one - loyal  sem vídeos ainda
 var videos_ids = ["WZ6xl6CKITE","haM6i3KIlB4","a-y0uLJjLxk","TWkSSk5uyqg","QqhvAM7vRlw","Mz5iPSi3-mo","42MKj_VHZic",
    "S5I74QeXnhQ","Sd4nkj8gKwg","ZdwFGmEijKQ","IUwM5d3qvUY","zXZ2QZFtS8c","sxj9f3d7_i8","BRxQWpvqp8g","_ZdsmLgCVdU",
    "ZhzN7-Q00KU","FS16b01M4Rw","lt1LE7DGAIo","4rH7deXjQVE","eASodbpQtPk","HE8y5V235ps","w9vYmLeTZ0U","4yhuSy7_frw",
 " ","RrJZJtY6u7o","oBoQ7TG5BMw","F7tz3sMUqLE","ylLae_4c8u8","WcS6MA9fu-I","lBwtKSrFyjI","rqG47mETbwM",
 "yLWitmmt0JA","ntlpTad3PLM","DfTUs-s_XkI","B2Dcgq9ri-c","5o1QrgjGMZQ","hbMk7_c6nAE","d3rBJw0HdEA","NNimUS6uYCM",
    "0XgA5yLalnM","QOhTNUBQ7xQ","UzCENuyKX4E","KJbs9kb7En4","9wzcBCPLGv0","lBEq0vF8njk","J6qSn-O8LCE","N1i06Aog2MQ",
 "XlgONmPh_zg","nAu38eOX5Ew","eCFh-jS40nY","qyFXI6jGc9g"];
var player;
var time_update_interval;
var cur_video = 1;
function onYouTubeIframeAPIReady(){
    player = new YT.Player('video-placeholder',{
  width: 120,
  height: 70,
  videoId: 'WZ6xl6CKITE',
  playerVars: {
   color: 'white',
   controls: '0',
   showinfo: '0',
   modestbranding: '1',
   rel: '0'
        },
        events: {
            onReady: initialize,
   onStateChange: onPlayerStateChange,
   onPlaybackQualityChange: UpdateQualityLbl
        }
    });
}

function UpdateQualityLbl(){
 $('#p-conf_box div:last').html(QualitySizesLbls(player.getPlaybackQuality()));
}

function QualitySizesLbls(n){
 var lbl;
 switch(n){
  case 'tiny': lbl = "144p";break;
  case 'small': lbl = "240p";break;
  case 'medium': lbl = "360p";break;
  case 'large': lbl = "480p";break;
  case 'hd720': lbl = "HD 720p";break;
  case 'hd1080': lbl = "HD 1080p";break;
  case 'hd1440': lbl = "2K 1440p";break;
  case 'hd2160': lbl = "4K 2160p";break;
  case 'highres': lbl = "HD > 1080p";break;
  case 'auto': lbl = "Automático";break;
 }
 return lbl;
}

function SetSizesAvailable(){
 var sizes = player.getAvailableQualityLevels();
 var q = "";
 if(sizes){
  for(i=0;i < sizes.length;i++){
   if(sizes[i] == player.getPlaybackQuality()){break;}
   q = q+''+QualitySizesLbls(sizes[i])+'';
  }
  $('#p-conf_box ul').html(q);
 }
 $('#p-conf_box div:last').html(QualitySizesLbls(player.getPlaybackQuality()));
}

function updateTimerDisplay(){
 // Update current time text display.
 $('#current-time').text(formatTime( player.getCurrentTime() ));
 $('#duration').text(formatTime( player.getDuration() ));
}

function updatePlayerStatus(){
 var ps = player.getPlayerState();
 if(ps != 1){
  player.playVideo();
 }
 else{
  if(ps == 1){
   player.pauseVideo();
  }
 }
}

function onPlayerStateChange(e){
 var ps = player.getPlayerState();
 if(ps != 1){$('#p-playpause').removeClass().addClass('play');}
 else{
  if(ps == 1){$('#p-playpause').removeClass().addClass('pause');}
 }
 if(ps == 0){VPlaylist('p-next');}
 UpdateCover();
}

function UpdateCover(){
 var nid = cur_video;
 if(nid < 10){nid = '0'+nid}
 nid = 'm'+nid;
 music($("#"+nid+"a").html(),$("#"+nid+"b").html(),$("#"+nid+"c").html(),nid);
 CheckItem(nid);
}

function formatTime(time){
    time = Math.round(time);
    var minutes = Math.floor(time / 60),
    seconds = time - minutes * 60;
    seconds = seconds < 10 ? '0' + seconds : seconds;
    return minutes + ":" + seconds;
}

function initialize(){
 updateProgressBar();
 checkMoveButtons();
 var vbar = $('#volume-bar');
 var vval = player.getVolume();
 var per = Math.ceil(((vval - vbar.attr('min')) / (vbar.attr('max') - vbar.attr('min'))) * 100);
 BarBgGradient(vbar,per);
 vbar.val(vval);
 player.setVolume(vval);
    clearInterval(time_update_interval);
 time_update_interval = setInterval(function(){
  updateTimerDisplay();
  updateProgressBar();
 }, 1000);
}

function VolIcoChange(v){
 if(v >= 50){$('#vol-ico_box').removeClass().addClass('vol_up');}
 else{
  if(v == 0){$('#vol-ico_box').removeClass().addClass('vol_mute');}
  else{
   if(v < 50){$('#vol-ico_box').removeClass().addClass('vol_down');}
  }
 }
}

$(function(){
 $('input[type=range]').on('input',function() {
  var per = Math.ceil(((this.value - this.min) / (this.max - this.min)) * 100);
  BarBgGradient($(this),per);
 });
 $('#musics .item').click(function(){
  var id = $(this).attr('id');
  id = parseInt($('#'+id+' .mnum').html())-1;
  var vid = videos_ids[id];
  cur_video = id+1;
  PlayVideobyId(vid);
  checkMoveButtons();
 });
 //play-pause
 $('#p-playpause').on('click', function(){
  updatePlayerStatus();
 });
 //progress bar
 $('#progress-bar').on('mouseup touchend', function (e) {
  player.playVideo();
  var newTime = player.getDuration() * (e.target.value / 100);
  player.seekTo(newTime);
 });
 //volume bar
 $('#volume-bar').on('input',function(){
  var v = $(this);
  player.setVolume(v.val());
  VolIcoChange(v.val());
 });
 //full size btn
 $('#p-full-btn').on('click', function(){
  if(player.getPlayerState() != -1 && player.getPlayerState() != 5){
   if($('#video-placeholder').hasClass('p-full_size')){
    $('#menu-quadros').removeClass('full');
    $('#bottomFullscreenShadow').fadeOut(150);
    $('#video-placeholder, #p-controls, #p-full-btn,#coverart,#minfo').removeClass();
    $('#bars_line').removeClass('bars_over');
    $('#v-timer').removeClass('clock_over');
    $('#vol-ico_box i').removeClass('vol-ico_over');
    $('#p-conf_td').hide();
    $('#p-conf_box').fadeTo( "slow", 0 );
    $('#p-conf').removeClass('ConfOpen');
    if(ismob() == true){$('#cover_info').removeClass('MobFullScreen');}
   }
   else{
    $('#menu-quadros').addClass('full');
    $('#bottomFullscreenShadow').fadeIn(150)
    $('#video-placeholder').addClass('p-full_size');
    $('#bars_line').addClass('bars_over');
    $('#v-timer').addClass('clock_over');
    $('#p-controls').addClass('buttons_over');
    $('#p-full-btn').addClass('full_exit');
    $('#vol-ico_box i').addClass('vol-ico_over');
    $('#p-conf_td').show();
    $('#coverart').addClass('mcover_over');
    $('#minfo').addClass('minfo_over');
    if(ismob() == true){$('#cover_info').addClass('MobFullScreen');} 
   }
  }
 });
 //playlist
 $('#p-back, #p-next').on('click', function(){
  var id = $(this).attr('id');
  VPlaylist(id);
  checkMoveButtons();
 });
 //Config Open
 $('#p-conf,#p-conf_box div').on('click', function(){
  if($('#p-conf').hasClass('ConfOpen')){
   $('#p-conf_box').removeClass('show');
   $('#p-conf').removeClass('ConfOpen');
   $('#p-conf_tiptip').removeAttr('style');
  }
  else{
   SetSizesAvailable();
   $('#p-conf').addClass('ConfOpen');
   $('#p-conf_box').addClass('show');
   $('#p-conf_tiptip').fadeTo("fast",0);
  }
 });
 //Conf Act.
 $('#p-conf_box').on('click','.VsizeOption',function(){
  player.setPlaybackQuality($(this).attr('size'));
  $('#p-conf_box').fadeTo( "slow",0);
  $('#p-conf').removeClass('ConfOpen');
 });
 //mute$('#vol-ico_box').removeClass().addClass('vol_mute');
 $('#vol-ico_box i').on('click',function(){
  if($('#vol-ico_box i').hasClass('muted')){
   $('#vol-ico_box i').removeClass('muted');
   player.unMute();
   VolIcoChange($('#volume-bar').val());
  }else{
   $('#vol-ico_box i').addClass('muted');
   player.mute();
   VolIcoChange(0);
  }
 });
 $("#p-full-screen-btn").on('click', function(){
  toggleFullScreen(document.getElementById('fifa17-main'),'fifa17-main');
 });
 
});

function PlayVideobyId(id){
 player.loadVideoById(id);
 player.playVideo();
}

function VPlaylist(id){
 if(id == 'p-next' && cur_video != videos_ids.length){
  cur_video++;
  var vid = videos_ids[cur_video-1];
  PlayVideobyId(vid);
  UpdateCover();
 }
 else{
  if(id == 'p-back' && cur_video != 1){
   cur_video--;
   var vid = videos_ids[cur_video-1];
   PlayVideobyId(vid);
   UpdateCover();
  }
 }
}

function updateProgressBar(){
 var p = $('#progress-bar');
 if(player.getCurrentTime() == 0){
  p.val(0);
 }else{
  p.val((player.getCurrentTime() / player.getDuration()) * 100);
 }
 var per = Math.ceil(((p.val() - p.attr('min')) / (p.attr('max') - p.attr('min'))) * 100);
 BarBgGradient(p,per);
 if(player.getPlayerState() == -1 || player.getPlayerState() == 5){$('#p-full-btn').fadeTo('fast',0.5)}else{$('#p-full-btn').fadeTo('fast',1)}
}

function checkMoveButtons(){
 if(cur_video == 1){$('#p-back').addClass('disable')}
 else{$('#p-back').removeClass('disable')}
 if(cur_video == videos_ids.length){$('#p-next').addClass('disable')}
 else{$('#p-next').removeClass('disable')}
}

//sai do full
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', exitHandler);
function exitHandler(){
 if(window.screenTop != null){
  if (!window.screenTop && !window.screenY){
   $("#fifa17-main").removeClass('isFull');
   $(".nano").nanoScroller();
  }
 }else{
  if (!window.screen.top && window.screenY){
   $("#fifa17-main").removeClass('isFull');
   $(".nano").nanoScroller();
  }
 }
 
 
}

function isFullScreen(){
    return (document.fullScreenElement && document.fullScreenElement !== null)
         || document.mozFullScreen
         || document.webkitIsFullScreen;
}

function requestFullScreen(element,name){
 $("#"+name).addClass('isFull');
    if (element.requestFullscreen)
        element.requestFullscreen();
    else if (element.msRequestFullscreen)
        element.msRequestFullscreen();
    else if (element.mozRequestFullScreen)
        element.mozRequestFullScreen();
    else if (element.webkitRequestFullscreen)
        element.webkitRequestFullscreen(); 
}

function exitFullScreen(name){
 $("#"+name).removeClass('isFull');
    if (document.exitFullscreen)
        document.exitFullscreen();
    else if (document.msExitFullscreen)
        document.msExitFullscreen();
    else if (document.mozCancelFullScreen)
        document.mozCancelFullScreen();
    else if (document.webkitExitFullscreen)
        document.webkitExitFullscreen();
}

function toggleFullScreen(element,name){
    if(isFullScreen()){
  exitFullScreen(name);
 }else{
        requestFullScreen(element || document.documentElement,name);
 }
}

//# sourceMappingURL=jquery.nanoscroller.min.js.map
$(function(){$(".nano").nanoScroller()});







 
  
  
 



 
  
   Início
   Outras Soundtracks
   
  
 









   
<!-- CONTEUDO -->




01Appeals
Bayonne






02Tearing Me Up (RAC Mix)
Bob Moses






03Shangri-La
Digitalism






04Play It Out
DMA's






05Surprise Yourself
Jack Garratt






06Jusfayu (feat. No Wyld)
KAMAU






07We Got U feat. The Knocks
Lemaitre






08Love Songs
Lola Coca






09Almighty Gosh
Lucius






10Chariots
Paper Route






11I Trusted U
Balkan Beat Box






12Slide To The Side
Beaty Heart






13Postpone
Catfish and the Bottlemen






14Pleasure
Formation






15Youth
Glass Animals






16Raging feat. Kodaline
Kygo






17Shelter
Porter Robinson & Madeon






18Johny
Sofi Tukker






19Satisfied
Souls






20Bye Bye
SAFIA






21Protocol
Society






22Hobo Rocket
Barns Courtney






23Send Them Off!
Bastille


<!-- UPDATE LATER -->



24Moving As One
Loyal
(Vídeo ainda não disponível)





25Are We Ready? (Wreck)
Two Door Cinema Club






26Be Your Love
Bishop Briggs






27Painting (Masterpiece)
Lewis Del Mar






28Blue
NGOD






29Same Old Blues
Phantogram






30Run
Tourist






31Money
ZHU






32Who Are You?
Spring King






33High And Low
Empire of the Sun






34Porcelain
Skott






35Isombard
Declan McKenna






36Get Over It
Rat Boy






37Adrenaline
Zedd & Grey






38Don't Stop Making It Happen
Grouplove






39Anyway
HUNTAR






40Sto Bene Cosi
Racco Hunt






41Move
Saint Motel






42Rumbera
Systema Solar






43Un Sueño feat. Aloe Blacc
Ceci Bastida






44Electrify feat. Scott Mellis
Oliver






45Vera i Nadezhda (WIN)
ST feat. Marta Kot






46Explotar feat. Rob Birch, Kool A.D., Emicida, Maluca
Compass:Mexican Insitute Of Sound + Toy Selectah






47O B 1
Jagwar Ma






48Comeback Kid
Kasabian






49[Let Me Hear You] Scream
Paul Kalkbrenner






50Vowels
Capital Cities






51Up All Night
Beck



<!-- FIM CONTEUDO -->





 
  
  
   
  
   
    
     Appeals
    
    
     Bayonne
    
    
     
    
   
  
 





 
  
   
    
   
   
    
    
    
    
    
   
  
  
   01 | Appeals - Bayonne
  
  
   
    
     0:00
     
   
   
    
   
   
   
    
   
   
    
     Qualidade
     
     
    
    
    Ampliar Qualidade
   
  
 





 
  TONY HAWK'S PRO SKATER 4
  TEST DRIVE 6
 
 
  FIFA 16
  NFSU 2
 
 
  GTA SAN ANDREAS
  GTA V
  V8 2ND OFFENSE
 






Os vídeos das músicas aqui citadas foram enviados por usuários do Youtube, ou são de canais oficiais dos artistas no site. Os logos e marcas são propriedades da EA Sports.The videos of the songs mentioned here were sent by users on Youtube, or are from the artist's official channels on the site. The logos and trademarks are property of EA Sports.