body {

    margin: 0px;
    background-color: #202020;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #FFF;
}


.container {
    max-width:1050px;
    margin:auto;
    height:auto;
    overflow:hidden;
}

.right {
    display:none;
    width:180px;
}




.homeButton {
	-moz-box-shadow:inset 0px 34px 0px -15px #b54b3a;
	-webkit-box-shadow:inset 0px 34px 0px -15px #b54b3a;
	box-shadow:inset 0px 34px 0px -15px #b54b3a;
	background-color:#a73f2d;
	border:1px solid #694108;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:9px 23px;
	text-decoration:none;
    text-shadow:0px -1px 0px #7a2a1d;
    border-radius: 5px;
}
.homeButton:hover {
	background-color:#b34332;
}
.homeButton:active {
	position:relative;
	top:1px;
}




.left {
width:auto;
overflow:hidden;
text-align:center;
}

#app {
width:100%;
margin:auto;
background-color:#111;
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
min-height:400px;
}

.appface {
	background-image: url("/im2/appbg2.jpg");
}
.appbody {
	background-image: url("/im2/appbg_mob2.jpg");
}


a {
    color:#FFF;
}

a:visited {
    color:#FFF;
}

#app h1 {
    font-size: 30px;
    margin: 0px;
    display: block;
    margin-top:30px;
    margin-bottom:30px;
}



.sidead {
display:none;
}
.leaderbaord {
    width: 100%;
    height:100px;
}
.bannerad {
    height:100px;
    width: 100%;
}
    
.hint {
    font-size: 18px;
}


.btnSoc {
	display:inline-block;
	width:50px;
	height:50px;
	background-image: url("/im2/psassets5.png");	
}
#btnFB {
	background-position: -245px -110px; 
}
#btnTW {
	background-position: -245px -160px; 
}
#btnWA {
	background-position: -245px -210px; 
}
#btnVK {
	background-position: -245px -260px; 
}
.btnFlag {
	display:inline-block;
	width:35px;
	height:22px;
	background-image: url("/im2/psassets5.png");	
}
.btnLen {
	background-position: -455px 0px; 
}
.btnLes {
	background-position: -455px -22px; 
}
.btnLru {
	background-position: -455px -44px; 
}
.btnLfr {
	background-position: -455px -88px; 
}
.btnLde {
	background-position: -455px -66px; 
}
.btnLzh {
	background-position: -455px -154px; 
}
.btnLja {
	background-position: -455px -176px; 
}
.btnFlagSelected {
	display:none;
}


.smallText {
    font-size: 10px;
}





div.upload1 {
    width: 52px;
    height: 52px;
	background-image: url("/im2/psassets5.png");
	background-position: 0px 0px; 
    overflow: hidden;
    margin:auto;
}

div.upload2 {
    width: 52px;
    height: 52px;
	background-image: url("/im2/psassets5.png");
	background-position: 0px -52px; 
    overflow: hidden;
    margin:auto;
}
.uploadfile {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

a.button {
    background-color: #F9345C;
    background-image: -moz-linear-gradient(top, #ff6181, #F9345C);
    background-image: -webkit-gradient(linear,left top,left bottom,
        color-stop(0, #ff6181),color-stop(1, #F9345C));
    filter: progid:DXImageTransform.Microsoft.gradient
        (startColorStr='#ff6181', EndColorStr='#F9345C');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient
        (startColorStr='#ff6181', EndColorStr='#F9345C')";
    border: 1px solid #F9345C;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 18px;
    padding: 7px;
    text-decoration: none;
    text-shadow: #000 0 1px 0;
    display: inline-block;
    color: #FFF;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    }
    
    a.button span {
        display:block;
        height:32px;
        min-width:70px;
        text-align: center;
    }
    
    a.button.icon span{
    padding-left: 36px;
    background: url(../im2/psassets5.png) no-repeat;
    }
    
    a.button.icon.btnFemale span{
        background-position: 0px -410px;
    }
    a.button.icon.btnMale span{
        background-position: 0px -447px;
    }
    a.button.icon.btnRestart span{
        background-position: 0px -485px;
    }
    a.button.icon.btnNext span{
        background-position: 0px -524px;
    }
    a.button.icon.btnPre span{
        background-position: 0px -605px;
    }
    
    
    .camButton {
        background: url(/im2/cambuttons.png);
        border:none;
        outline:none;
        position:absolute;
        cursor: pointer;
    }
    
    .camButton:hover {
        opacity: 0.6;
    }
    .camButtonCap {
        width: 78px; height:78px;
        background-position: 0px 0px!important;
    }
    .camButtonSwitch {
        width: 72px; height:72px;
        background-position: 288px 0px!important;
    }
    .camButtonClose {
        width: 72px; height:72px;
        background-position: 216px 0px!important;
    }
    .camButtonYes {
        width: 72px; height:72px;
        background-position: 144px 0px!important;
    }
    .camButtonNo {
        width: 72px; height:72px;
        background-position: 72px 0px!important;
    }
    
    
    


  .homeFBodOpButtons {
    text-decoration: none;
    background-color: #a9a8a8;
    padding: 3px 8px 3px 8px;
    margin-right: -2px;
  }

.fBodLeftOff {
    border-radius: 25px 0px 0px 25px;
    pointer-events: none;
    background-color: #6d4040;
}
.fBodRightOn {
    border-radius: 0px 25px 25px 0px;
}
.fBodLeftOn {
    border-radius: 25px 0px 0px 25px;
}
.fBodRightOff {
    border-radius: 0px 25px 25px 0px;
    pointer-events: none;
    background-color: #6d4040;
}




@media(max-width: 500px) {
    #app h1 {
        font-size:6vw;
        margin-top:6vw;
        margin-bottom:6vw;        
        }
    .hint {
        font-size: 4vw;
    }

    .app_prog_bar {
        transform: scale(0.8);
    }

    .smallText {
        font-size: 9px;
    }
    
}


@media(max-width: 400px) {
    .smallText {
        font-size: 8px;
    }
}

@media(min-width: 468px) {


#logo {
background-image:url(/im2/header-image.png);
width:100%;
height:150px;
}
}

@media(min-width: 600px) {

}






@media(min-width: 660px) {
    .right {
    width:160px;
    float:right;
    height:610px;
    display:block;
    }

    .sidead {
    display:block;
    width:160px;
    height:600px;
    }

}

@media(min-width: 920px) {
    .right {
    width:320px;
    float:right;
    height:610px;
    display:block;
    }

    .sidead {
    display:block;
    width:300px;
    height:600px;
    }

}

footer {
text-align:center;
}