[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html, body{
    font-family: "proxima-nova",sans-serif!important;
}
@media only screen and (min-width : 0px) and (max-width : 319px){
#bingoWrapper{
    display: none;
}
}

.bingo-space, .reviewCard:hover, .playAgain:hover{
    cursor: pointer;
}
.logo{
    margin:0 auto;
    display:block;
    width:100%;
    max-width: 760px;
}


.newCard{
    background: #ca2026;
    color: #ffffff;
    font-size: 16px;
    width: 150px;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 2px;
}

.playAgain{
    display: none;

}



.bingoInnerWrapper{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    clear:both;
}

.bingoSocialWrapper{
    float:left;
    margin-left: 10px;
     margin-top: 9px;
}

.reviewCard{
    position: absolute;
    bottom: 2%; 
    right:5%;  
    z-index:9999999;
    display:none;
    font-size:18px;
    color: #fff;
    font-weight: 600;
}
.bingoWinner{
    position: absolute;
    bottom:-100%;
    left:0;
    height:100%;
    display:none;
    z-index:9999999;
    -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.slideUp{
    -moz-transform: translateX(0px) translateY(-100%);
-webkit-transform: translateX(0px) translateY(-100%);
-o-transform: translateX(0px) translateY(-100%);
-ms-transform: translateX(0px) translateY(-100%);
transform: translateX(0px) translateY(-100%);
}


@media only screen and (min-width : 320px){
#bingoWrapper{
	margin:0 auto;
	max-width:320px;
}	
.bingo{
    clear:both;
    margin:0 auto;
    margin-bottom: 2px;
    position: relative;
    width:300px;
    overflow: auto;

}

.bingo-space, .bingo-no{
    float:left;
    max-width:58px;
    width:100%;
    height:58px;
    background:#ebeef7;
    display:block;
    margin-right:2px;
 	display: table;
	text-align: center;  

}

.newCard{
        padding: 2%;
}

.bingo-space:hover{
    background: #cbdef3;
}

.bingo-space:nth-child(5n){
	margin-right:0px;
}

.selected, .free{
 background: url('../img/bingoactive.png') no-repeat!important;
 background-size: cover !important; 

}

.winnerFinals{
     background: url('../img/activeStar.png') no-repeat!important;
 background-size: cover !important; 
}

.free span{
    visibility: hidden;
}

.selected span{
    color: #ffffff!important;
}
.bingo-space span{
display: table-cell;
vertical-align: middle;
text-align: center;
    font-size: 10px;
    line-height: 11px;
color: #2e2e2e;
font-weight: 500;
max-width:55px;


}

.winnerFinals span{
    color:#333333!important;
}


.bingoWinner{
    left:10px;
}

.socialdiv{
float: right;
margin-right: 15px;
margin-top:13px;
margin-bottom: 10px;
}

.socialdiv img{
    width:30px;
    float:left;
    margin-left: 5px;
}
.usercue{
display:none;
}


}



@media only screen and (min-width : 640px){
	
#bingoWrapper{
	margin:0 auto;
	max-width:640px;
}


.bingo, .bingoInnerWrapper{
    width:508px;
}

.bingo-space, .bingo-no{
width: 100%;
height: 100px;
max-width: 100px;
 
}
.bingo-space span{
font-size:14px;
max-width:100px;

}

.bingoWinner{
    left:0;
}


.bingoSocialWrapper{
   margin-left: 65px;
}

.socialdiv{
    margin-right: 65px;
}
.newCard{
padding:5%;
}

.usercue{
    display:block;
    float: left; 
    padding-top: 10px;
    padding-left: 20px; 
    display: block; 
    font-size: 1.2em;
    max-width: 220px;
    color:#4D7CBF;
}


}


@media only screen and (min-width : 768px){
	
#bingoWrapper{
	margin:0 auto;
	max-width:768px;
}


.bingo, .bingoInnerWrapper{
    width:633px;
}

.bingo-space, .bingo-no{
width: 100%;
height: 125px;
max-width: 125px;
 
}
.bingo-space span{
font-size:14px;
line-height: 19px;
max-width:125px;

}
.usercue{
    /* float: left; */
    padding-top: 10px;
    /* padding-left: 20px; */
    /* display: block; */
    font-size: 1.4em;
    max-width: 360px;
}



}



@media only screen and (min-width : 1260px){
	
#bingoWrapper {
	margin:0 auto;
	max-width:960px;
}


.bingo, .bingoInnerWrapper{
    width:758px;
}

.bingo-space, .bingo-no{
width: 100%;
height: 150px;
max-width: 150px;
 
}
.bingo-space span{
    font-size: 15px;
    line-height: 19px;
    max-width: 150px;
   /* padding: 8%;*/

}

.bingoSocialWrapper{
   margin-left: 100px;
}

.socialdiv{
    margin-right: 100px;
}
.usercue{
        padding-top: 20px;
    padding-left: 40px;
    /* display: block; */
    font-size: 1.4em;
    max-width: 460px;
}


}