@font-face{font-family:'locator-bold';src:url('../fonts/locator-bold-webfont.eot');src:url('../fonts/locator-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/locator-bold-webfont.woff2') format('woff2'),url('../fonts/locator-bold-webfont.woff') format('woff'),url('../fonts/locator-bold-webfont.ttf') format('truetype'),url('../fonts/locator-bold-webfont.svg#locatorbold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'locator';src:url('../fonts/locator-webfont.eot');src:url('../fonts/locator-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/locator-webfont.woff2') format('woff2'),url('../fonts/locator-webfont.woff') format('woff'),url('../fonts/locator-webfont.ttf') format('truetype'),url('../fonts/locator-webfont.svg#locator_regularregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'raleway';src:url('../fonts/raleway-webfont.eot');src:url('../fonts/raleway-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-webfont.woff2') format('woff2'),url('../fonts/raleway-webfont.woff') format('woff'),url('../fonts/raleway-webfont.ttf') format('truetype'),url('../fonts/raleway-webfont.svg#ralewayregular') format('svg');font-weight:normal;font-style:normal;}
html,body{width:100%;height:100%;overflow:hidden;padding:0;margin:0;font-family:locator!important;color:white}
body{background-image:url(../images/background_tileable.jpg);-moz-box-shadow:inset 0 0 150px rgba(0,0,0,.6);-webkit-box-shadow:inset 0 0 150px rgba(0,0,0,.6);box-shadow:inset 0 0 150px rgba(0,0,0,.6);}
a,a:hover,a:visited{text-decoration:none;font-weight:bold;color:white;}
h1,h2,h3,h4{font-family:locator-bold;margin:0 0 15px 0;}
.invisible{opacity:0;}
.game-user-pic{border-radius:50%;border:5px solid #FFE40C;background-size:100% 100%;width:72px;height:72px;display:inline-block;font-size:10px;}
.game-user-pic-text #user-ranking,.game-user-pic-text #user-timer{color:white;}
.user-timer{font-size:8px;}
.game-user-pic-text{color:#FFE40C;border-radius:50%;background:rgba(45,90,168,.7);padding-top:5px;padding-top:11px;line-height:12px;font-size:12px;height:100%;width:100%;}
.game-header .row,.game-footer .row{padding-top:7px;}
.game-header{position:absolute;width:100%;height:90px;border-top:4px solid #FFE40C;background:#2D5AA8;z-index:10;text-align:center;}
.game-header .game-logo{height:55px;}
.game-achievement{display:inline-block;width:72px;height:72px;background-image:url('../images/achievement.png');background-size:700% 100%;background-position:0 0;}
.game-body{position:absolute;text-align:center;padding-top:90px;width:100%;height:100%;}
.game-footer{position:fixed;width:100%;height:50px;background:#2d5aa8;bottom:0px;z-index:10;font-size:11px;text-align:center;}
.game-footer .column{padding-top:10px;display:inline-table;width:33%;text-align:center;vertical-align:top;}
.game-footer .logo{padding-top:5px;}
.game-play-button{background-image:url('images/play_btn.png');}
.game-loader{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.4);z-index:1000;}
.game-popup-container{position:absolute;top:0;left:0;width:100%;padding-top:130px;padding-bottom:80px;height:100%;}
.game-popup{display:inline-block;width:90%;max-width:700px;}
.game-popup .coppel-logo{background-image:url('../images/coppel_logo.png');background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;height:80px;}
.game-logo{background-image:url('../images/uno_logo.png');background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;height:80px;}
.game-timer{position:absolute;top:57px;left:50%;background-image:url('../images/contador.png');background-size:contain;background-position:center;background-repeat:no-repeat;width:150px;height:40px;color:#2D5AA8;font-size:20px;padding-top:8px;padding-left:20px;font-weight:bold;margin-left:-75px;text-align:center;}
#game-tutorial-carousel{padding-top:25px;}
.carousel-indicators{bottom:-30px;}
.carousel-indicators li{background-color:#2D5AA8;border:none;}
.carousel-indicators .active{background-color:#FFE40C;border:none;}
.game-button.left{margin-left:-180px;}
.game-button.right{margin-left:10px;}
.game-button:hover{color:#FFE40C!important;background:#3b65af;background:-moz-linear-gradient(-45deg,#3b65af 50%,#2e5caa 51%);background:-webkit-gradient(linear,left top,right bottom,color-stop(50%,#3b65af),color-stop(51%,#2e5caa));background:-webkit-linear-gradient(-45deg,#3b65af 50%,#2e5caa 51%);background:-o-linear-gradient(-45deg,#3b65af 50%,#2e5caa 51%);background:-ms-linear-gradient(-45deg,#3b65af 50%,#2e5caa 51%);background:linear-gradient(135deg,#3b65af 50%,#2e5caa 51%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b65af',endColorstr='#2e5caa',GradientType=1 );border:1px solid #0D387D;}
.game-button{color:#2D5AA8!important;background:#ffed4f;background:-moz-linear-gradient(-45deg,#ffed4f 50%,#ffe401 51%);background:-webkit-gradient(linear,left top,right bottom,color-stop(50%,#ffed4f),color-stop(51%,#ffe401));background:-webkit-linear-gradient(-45deg,#ffed4f 50%,#ffe401 51%);background:-o-linear-gradient(-45deg,#ffed4f 50%,#ffe401 51%);background:-ms-linear-gradient(-45deg,#ffed4f 50%,#ffe401 51%);background:linear-gradient(135deg,#ffed4f 50%,#ffe401 51%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4f',endColorstr='#ffe401',GradientType=1 );border:1px solid #F0D90F;border-radius:10px;min-width:180px;height:34px;line-height:25px;padding:5px;text-decoration:none;margin-left:-91px;bottom:-17px;font-size:16px;}
.game-window .game-login-container{bottom:-28px;left:0;position:absolute;width:100%;height:53px;text-align:center;}
.game-window .game-login{display:inline-block;background-image:url('../images/play_btn.png');height:53px;color:white;font-family:locator;font-size:14px;text-align:center;padding:16px 17px 5px 45px;background-repeat:no-repeat;background-position:12px 11px;background-color:#3C579E;border-radius:12px;border:3px solid white;}
.game-window .game-button{position:absolute;left:50%;}
.game-window{display:inline-block;color:#2D5AA8;background-color:white;border-radius:10px;position:relative;padding:20px 20px 30px 20px;width:100%;}
#game-start{font-size:24px;width:90%;max-width:300px;}
.game-tiles{position:absolute;top:90px;left:0;width:600px;height:600px;line-height:0px;}
#game-win{font-size:17px;}
.game-canvas{width:100%;height:100%;}
.dark{background-color:rgba(0,0,0,.95);}
.arrow{position:absolute;width:60px;height:60px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.arrow.up{top:104px;left:50%;margin-left:-30px;background-image:url('../images/arrow_up.png');}
.arrow.down{bottom:50px;left:50%;margin-left:-30px;background-image:url('../images/arrow_down.png');}
.arrow.left{top:50%;left:0;background-image:url('../images/arrow_left.png');}
.arrow.right{top:50%;right:0;background-image:url('../images/arrow_right.png');}
.arrow.up:hover{background-image:url('../images/arrow_up_over.png');}
.arrow.down:hover{background-image:url('../images/arrow_down_over.png');}
.arrow.left:hover{background-image:url('../images/arrow_left_over.png');}
.arrow.right:hover{background-image:url('../images/arrow_right_over.png');}
.game-tile:hover{border:2px solid #FFE40C;}
.game-tile{display:inline-block;background-size:cover;background-position:center;background-repeat:no-repeat;width:60px;height:60px;}
.game-spinner{position:absolute;width:100px;height:100px;background-color:#FFE40C;margin:-50px 0 0 -50px;top:50%;left:50%;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;}
::-webkit-input-placeholder{color:#C3CFE7;}
:-moz-placeholder{color:#C3CFE7;}
::-moz-placeholder{color:#C3CFE7;}
:-ms-input-placeholder{color:#C3CFE7;}
#game-register{height:auto;}
.game-register fieldset{border:none;margin:0;padding:0;}
.game-register .text{display:inline-block;max-width:400px;text-align:center;}
.game-register .field{border:1px solid #C3CFE7;border-radius:10px;background-color:#F3F7FF;height:30px;display:inline-block;width:100%;padding:5px 7px;text-align:left;position:relative;max-width:400px;margin-top:5px;}
.game-register label{display:inline-block;width:65px;text-align:Left;font-weight:bold;margin-right:6px;font-size:15px;}
.game-register label.error{font-size:9px;width:100%;color:red;}
.game-register input{border:0;background-color:transparent;width:100%;padding-left:10px;}
.game-register .small{font-size:11px;}
.game-window .carousel-control{background:none;}
.game-window .carousel-inner .item{}
.carousel-inner{overflow-y:auto;overflow-x:hidden;}
.carousel .game-button{bottom:-57px;}
.tutorial-item .row:first-child{margin-top:0px;}
.tutorial-item .row{margin-top:15px;}
.tutorial-item .tutorial-4-indicator{color:white;background-color:#3957A6;border-radius:12px;padding:15px;width:80%;display:inline-block;font-size:16px;}
.tutorial-item.tutorial-4 div{text-align:center;}
.tutorial-item .indication{width:100%;background-repeat:no-repeat;background-position:20px 0px;padding-left:70px;min-height:40px;text-align:left;}
.tutorial-item .image-big{height:180px;}
.tutorial-item .image{width:100%;background-size:contain;background-position:center;background-repeat:no-repeat;}
.tutorial-item{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;}
#game-tutorial .arrow{width:40px;height:40px;}
#game-tutorial{padding:0 40px 40px 40px;}
.game-ranking-container{position:absolute;width:100%;overflow-y:auto;overflow-x:hidden;top:80px;bottom:30px;left:0;margin:auto auto;}
.game-ranking{width:100%;}
.game-ranking-col{width:230px; display:inline-block;}
#game-ranking-bottom{display:none;}
.game-ranking-item div{display:inline-block;font-weight:bolder;}
.game-ranking-item .time{font-size:18px;}
.game-ranking-item .pos{font-size:24px;}
.game-ranking-item{display:inline-block;width:150px;height:150px;}
.button_menu{position:absolute;bottom:-32px;right:5px;display:none;width:28px;height:24px;cursor:pointer;margin-left:6px;background-image:url('../images/menu.png');}
.button_footer{display:inline-block;width:32px;height:32px;cursor:pointer;margin-left:6px;background-repeat:no-repeat;}
.button_help{background-image:url('../images/button_help.png');}
.button_help:hover{background-image:url('../images/button_help_over.png');}
.button_ranking_plane{background-image:url('../images/button_ranking.png');}
.button_ranking{background-image:url('../images/button_ranking.png');}
.button_ranking:hover{background-image:url('../images/button_ranking_over.png');}
.button_mail{background-image:url('../images/button_mail.png');}
.button_mail:hover{background-image:url('../images/button_mail_over.png');}
.button_facebook{background-image:url('../images/fb_normal.png');width:110px;height:32px;display:inline-block;cursor:pointer;background-size:contain;background-repeat:no-repeat;}
.button_facebook:hover{background-image:url('../images/fb_over.png');}
.button_tos{background-image:url('../images/button_tos.png');}
.button_tos:hover{background-image:url('../images/button_tos_over.png');}
@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)} 50%{-webkit-transform:perspective(120px) rotateY(180deg)} 100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}
@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)} 50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}
.game-footer .button_tos{display:none;}
.game-footer .coppel{width:140px;}
.game-footer .button_footer .label{display:none;}
#game-tutorial .carousel,#game-tutorial .carousel-inner{height:100%;}
.game-popup{height:100%;max-height:500px;}
.game-window{height:100%;}
#game-welcome,#game-wrong,#game-win,#game-over,#game-timeout{height:auto;}
#game-thanks{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url('../images/thanks.png');background-color:transparent;}
.game-window-close{right:22px;top:7px;width:14px;height:14px;position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url('../images/close.png');background-color:transparent;z-index:100000000;}
.game-window-close:hover{background-image:url('../images/close_over.png');}
#game-tutorial-button{z-index:99999;}
.carousel-inner{padding-top:5px!importante;}
@media only screen and (max-width:480px){.game-header .game-logo{height:40px;}
.ranking_ended .game-ranking-container{top:80px!important;}
.button_facebook{height:26px;}
.user-timer{font-size:4px;}
.game-user-pic-text{padding-top:9px;line-height:8px;font-size:9px;}
.game-footer .button_tos,.game-footer .button_menu,.game-footer .button_footer .label{display:inline-block;}
.game-footer .texts{display:none;}
#game-wrong,#game-win,#game-over,#game-timeout{height:inherit;}
.game-footer{height:40px;}
.game-footer .coppel{width:100px;}
.game-footer .button_footer .label{font-size:15px;line-height:30px;}
.game-footer .button_footer{display:inline-block;color:white;text-align:right;padding-right:36px;}
.game-footer .menu-container{display:none;height:200px;background-color:rgba(45,90,168,.8);width:100%;padding:15px;}
.game-footer .button_footer{width:100%;background-position:right center;margin-bottom:14px;}
.game-footer .menu{padding:0;position:absolute;width:100%;bottom:40px;left:0;}
.game-header{height:71px;border-top:3px solid #FFE40C;}
.game-achievement,.game-header .game-user-pic{width:54px;height:54px;}
.game-timer{top:39px;}
h1,h2,h3,h4{margin:0;}
h2,.h2{font-size:25px;}
h1,.h1{font-size:25px;margin-bottom:5px;}
.tutorial-item .image-big{height:90px;}
.game-window{border-radius:0px;padding:20px 20px 20px 20px;}
.game-button{bottom:10px;margin-left:-70px;min-width:140px;}
.game-popup{width:100%;height:100%;max-height:100%;}
.game-popup-container{padding-top:71px;padding-bottom:40px;}
#game-tutorial #t1,#game-tutorial .tutorial-4-indicator img{display:none;}
#game-tutorial .arrow{top:auto;bottom:6px;}
.game-window .carousel-inner{padding-top:0px;overflow-y:auto;}
.tutorial-item .indication{background-position:4px 0px;padding-left:55px;}
#game-tutorial{padding:0 10px 70px 10px;}
.tutorial-item .tutorial-4-indicator{width:90%;font-size:14px;padding:0 5px 5px 5px;}
.welcome-popup{position:absolute;left:0;top:10px;}
#game-welcome-logos{position:absolute;top:10px;left:0px;width:100%;}
#game-welcome{position:absolute;top:100px;left:5px;padding-bottom:32px;border-radius:10px;width:97%;}
.game-popup .game-logo{height:30px;}
.game-popup .coppel-logo{height:50px;}
.game-body{padding-top:70px;}
.game-tiles{top:73px;}
.game-ranking{width:100%;padding:0px 20px;}
.game-ranking-item div{position:absolute;}
.game-ranking-item .time{font-size:18px;top:35px;left:90px;}
.game-ranking-item .name{top:14px;left:125px;}
.game-ranking-item .pos{font-size:24px;left:90px;top:6px;}
.game-ranking-item .pic{top:0;left:0;}
.game-ranking-item{width:230px;position:relative;height:85px;}
.game-window-content{position:absolute;top:50%;margin-top:-90px;width:90%;}}
.ranking_ended{background-color:transparent!important;line-height:40px;top:-50px;}
.ranking_ended #game-ranking-title{color:white!important;}
.ranking_ended .game-ranking-item div{position:absolute;}
.ranking_ended .game-ranking-item .time{font-size:18px;top:28px;left:76px;color:#FFE40C;}
.ranking_ended .game-ranking-item .name{font-size:20px;top:6px;left:111px;color:white!important;}
.ranking_ended .game-ranking-item .pos{font-size:20px;left:76px;top:6px;color:white!important;}
.ranking_ended .game-ranking-item .pic{top:0;left:0;width:56px;height:56px;}
.ranking_ended .game-ranking-item{width:230px;position:relative;height:73px;}
.ranking_ended #game-ranking-end{font-family:locator-bold;font-size:45px;color:white;}
.ranking_ended #game-ranking-list{line-height:24px;text-align:left;}
.ranking_ended #game-ranking-winners{font-family:locator-bold;font-size:80px;color:#FFE40C;}
.ranking_ended .game-button{display:none;}
.ranking_ended .game-ranking-phone{position:absolute;width:30%;overflow-y:hidden;overflow-x:hidden;top:110px;bottom:30px;left:70%;margin:auto auto;
background-image:url('../images/ranking_ended.png');background-size:contain;background-repeat:no-repeat;}
.ranking_ended .game-ranking-container{top:140px;width:70%;height:400px;margin:0;}
@media only screen and (min-width:481px){.fb_container{border-left:solid 1px #254689;}}
@media only screen and (min-width:769px){.ranking_ended .game-ranking-phone{top:0px;width:100%;height:600px;margin:0;}
.ranking_ended .game-ranking-title{position:absolute;left:0;top:0;width:70%;text-align:right;}}
@media only screen and (max-width:768px){.ranking_ended{line-height:30px;}
.ranking_ended #game-ranking-end{font-size:35px;}
.ranking_ended #game-ranking-winners{font-size:50px;}}
@media only screen and (max-width:480px){.ranking_ended{line-height:20px;}
body{background-image:url(../images/background_tileable.jpg);-moz-box-shadow:inset 0 0 150px rgba(0,0,0,.8);-webkit-box-shadow:inset 0 0 150px rgba(0,0,0,.8);box-shadow:inset 0 0 150px rgba(0,0,0,.8);}
.ranking_ended .game-ranking-item .pic {width: 46px;height: 46px;}
.ranking_ended .game-ranking-item .pos {font-size: 16px; left: 56px; top: 3px;}
.ranking_ended .game-ranking-item .name {font-size: 14px; top:3px; left: 81px;}
.ranking_ended .game-ranking-item .time {font-size: 14px; top: 18px; left: 56px; }
.ranking_ended .game-ranking-item {width:180px;}
.game-ranking-col {width:180px;}
.ranking_ended .game-ranking-phone{position: relative;
height: 300px;
width: 180px;
left: 100px;
top: -20px;}
.ranking_ended #game-ranking-end{font-size:25px;}
#game-ranking-bottom{display:block; height:400px;}
.ranking_ended #game-ranking-winners{font-size:40px;}}
::-webkit-scrollbar{width:7px; display:none;}
::-webkit-scrollbar-thumb{background-color:#FFE40C;border-radius:5;}
::-webkit-scrollbar-thumb:hover{background-color:#FFE40C;}
::-webkit-scrollbar-track{background-color:#2d5aa8;}
/