* {
    margin:0;
    padding:0;
}
.send_email {
    display: none;
}
.container {
    border:1px solid rgba(0,0,0,0.2);
    width:100%;
    margin:1em auto;
    padding: 10px 10px 0;
}
.left {
    display: inline-block;
    width:370px;
    vertical-align: top;
}
.right {
    display: inline-block;
    vertical-align: top;
}
.scene {
    height:340px;
    position:relative;
    width:340px;
}
#scene,#scene2 {
    position:absolute;
}
#generate {
    margin-top:1em;
    text-align:center;
}
.ba_tabs {
    overflow:hidden;
    padding: 0 10px;
    max-width: 500px;
}
.ba_pabs {
    padding:1em;
}
.ba_pabs span {
    display:none;
}
.ba_pabs > div {
    overflow:hidden;
}
.set {
    overflow:hidden;
    margin: 10px 10px 0 0;
}
.set div {
    border: 1px solid #BBB;
    color: transparent;
    cursor: pointer;
    width: 50px;
    margin: 0 4px 4px 0;
    height: 50px;
}
.color .set div {
    width: 25px;
    height: 25px;
}

.set.fringes div {
    background: transparent url(../data/btn_fringes.png) no-repeat center;
    background-size: 1200px 50px;
    background-position: 0 0;
}
.set.fringes div:nth-child(2) {
    background-position: -50px 0;
}
.set.fringes div:nth-child(3) {
    background-position: -100px 0;
}
.set.fringes div:nth-child(4) {
    background-position: -150px 0;
}
.set.fringes div:nth-child(5) {
    background-position: -200px 0;
}
.set.fringes div:nth-child(6) {
    background-position: -250px 0;
}
.set.fringes div:nth-child(7) {
    background-position: -300px 0;
}
.set.fringes div:nth-child(8) {
    background-position: -350px 0;
}
.set.fringes div:nth-child(9) {
    background-position: -400px 0;
}
.set.fringes div:nth-child(10) {
    background-position: -450px 0;
}
.set.fringes div:nth-child(11) {
    background-position: -500px 0;
}
.set.fringes div:nth-child(12) {
    background-position: -550px 0;
}
.set.fringes div:nth-child(13) {
    background-position: -600px 0;
}
.set.fringes div:nth-child(14) {
    background-position: -650px 0;
}
.set.fringes div:nth-child(15) {
    background-position: -700px 0;
}
.set.fringes div:nth-child(16) {
    background-position: -750px 0;
}
.set.fringes div:nth-child(17) {
    background-position: -800px 0;
}
.set.fringes div:nth-child(18) {
    background-position: -850px 0;
}
.set.fringes div:nth-child(19) {
    background-position: -900px 0;
}
.set.fringes div:nth-child(20) {
    background-position: -950px 0;
}
.set.fringes div:nth-child(21) {
    background-position: -1000px 0;
}
.set.fringes div:nth-child(22) {
    background-position: -1050px 0;
}
.set.fringes div:nth-child(23) {
    background-position: -1100px 0;
}
.set.fringes div:nth-child(24) {
    background-position: -1150px 0;
}

.set.eyebrows div {
    background: transparent url(../data/eyebrow.png) no-repeat center;
    background-size: 2040px 170px;
    background-position: -85px -46px;
}
.set.eyebrows div:nth-child(2) {
    background-position: -255px -46px;
}
.set.eyebrows div:nth-child(3) {
    background-position: -425px -46px;
}
.set.eyebrows div:nth-child(4) {
    background-position: -595px -46px;
}
.set.eyebrows div:nth-child(5) {
    background-position: -765px -46px;
}
.set.eyebrows div:nth-child(6) {
    background-position: -935px -46px;
}
.set.eyebrows div:nth-child(7) {
    background-position: -1105px -46px;
}
.set.eyebrows div:nth-child(8) {
    background-position: -1275px -46px;
}
.set.eyebrows div:nth-child(9) {
    background-position: -1445px -46px;
}
.set.eyebrows div:nth-child(10) {
    background-position: -1615px -46px;
}
.set.eyebrows div:nth-child(11) {
    background-position: -1785px -46px;
}
.set.eyebrows div:nth-child(12) {
    background-position: -1955px -46px;
}

.set.eyes div {
    background: transparent url(../data/eyes.png) no-repeat center;
    background-size: 2040px 170px;
    background-position: -85px -65px;
}
.set.eyes div:nth-child(2) {
    background-position: -255px -65px;
}
.set.eyes div:nth-child(3) {
    background-position: -425px -65px;
}
.set.eyes div:nth-child(4) {
    background-position: -595px -65px;
}
.set.eyes div:nth-child(5) {
    background-position: -765px -65px;
}
.set.eyes div:nth-child(6) {
    background-position: -935px -65px;
}
.set.eyes div:nth-child(7) {
    background-position: -1105px -65px;
}
.set.eyes div:nth-child(8) {
    background-position: -1275px -65px;
}
.set.eyes div:nth-child(9) {
    background-position: -1445px -65px;
}
.set.eyes div:nth-child(10) {
    background-position: -1615px -65px;
}
.set.eyes div:nth-child(11) {
    background-position: -1785px -65px;
}
.set.eyes div:nth-child(12) {
    background-position: -1955px -65px;
}

.set.mouths div {
    background: transparent url(../data/mouths.png) no-repeat center;
    background-size: 2040px 170px;
    background-position: -60px -90px;
}
.set.mouths div:nth-child(2) {
    background-position: -230px -90px;
}
.set.mouths div:nth-child(3) {
    background-position: -400px -90px;
}
.set.mouths div:nth-child(4) {
    background-position: -570px -90px;
}
.set.mouths div:nth-child(5) {
    background-position: -740px -90px;
}
.set.mouths div:nth-child(6) {
    background-position: -910px -90px;
}
.set.mouths div:nth-child(7) {
    background-position: -1080px -90px;
}
.set.mouths div:nth-child(8) {
    background-position: -1250px -90px;
}
.set.mouths div:nth-child(9) {
    background-position: -1420px -90px;
}
.set.mouths div:nth-child(10) {
    background-position: -1590px -90px;
}
.set.mouths div:nth-child(11) {
    background-position: -1760px -90px;
}
.set.mouths div:nth-child(12) {
    background-position: -1930px -90px;
}

.set.top div {
    background: transparent url(../data/btn_tops.png) no-repeat center;
    background-size: 400px 50px;
    background-position: 0 -20px;
}
.set.top div:nth-child(2) {
    background-position: -50px -20px;
}
.set.top div:nth-child(3) {
    background-position: -100px -20px;
}
.set.top div:nth-child(4) {
    background-position: -150px -20px;
}
.set.top div:nth-child(5) {
    background-position: -200px -20px;
}
.set.top div:nth-child(6) {
    background-position: -250px -20px;
}
.set.top div:nth-child(7) {
    background-position: -300px -20px;
}
.set.top div:nth-child(8) {
    background-position: -350px -20px;
}

.button {
    background:none repeat scroll 0 0 #E3E3E3;
    border:1px solid #BBB;
    border-radius:1px;
    box-shadow:0 0 1px 1px #F6F6F6 inset;
    -webkit-box-shadow:0 0 1px 1px #F6F6F6 inset;
    color:#333;
    display:inline-block;
    font:bold 12px/1 "helvetica neue",helvetica,arial,sans-serif;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #FFF;
    width:110px;
    margin:5px;
    padding:8px 0 9px;
}
.text {
    border:1px solid #BBB;
    border-radius:3px;
    font:bold 12px/1 "helvetica neue",helvetica,arial,sans-serif;
    text-align:center;
    margin:5px;
    padding:8px 0 9px;
}
.set div:hover,.button:hover {
    background-color:#D9D9D9;
    cursor:pointer;
}
.set div:active,.button:active {
    background-color:none repeat scroll 0 0 #D0D0D0;
}
.result .container .button {
    display: block;
    margin-left: 95px;
    margin-top: 15px;
}
.loading {
    display: none;
    margin: 0 auto;
    padding-top: 110px;
    width: 190px;
}
.loading > div {
    background-color:#FFFFFF;
    border:1px solid #000000;
    float:left;
    height:114px;
    margin-left:5px;
    width:30px;
    opacity:0.1;
   /* css3 transform - scale */
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
   /* css3 animation */
    -webkit-animation-name:loading;
    -webkit-animation-duration:1.2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -moz-animation-name:loading;
    -moz-animation-duration:1.2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -o-animation-name:loading;
    -o-animation-duration:1.2s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    animation-name:loading;
    animation-duration:1.2s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}
.loading > div:nth-child(1) {
   /* css3 animation */
    -webkit-animation-delay:0.24s;
    -moz-animation-delay:0.24s;
    -o-animation-delay:0.24s;
    animation-delay:0.24s;
}
.loading > div:nth-child(2) {
   /* css3 animation */
    -webkit-animation-delay:0.48s;
    -moz-animation-delay:0.48s;
    -o-animation-delay:0.48s;
    animation-delay:0.48s;
}
.loading > div:nth-child(3) {
   /* css3 animation */
    -webkit-animation-delay:0.72s;
    -moz-animation-delay:0.72s;
    -o-animation-delay:0.72s;
    animation-delay:0.72s;
}
.loading > div:nth-child(4) {
   /* css3 animation */
    -webkit-animation-delay:0.96s;
    -moz-animation-delay:0.96s;
    -o-animation-delay:0.96s;
    animation-delay:0.96s;
}
.loading > div:nth-child(5) {
   /* css3 animation */
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    -o-animation-delay:1.2s;
    animation-delay:1.2s;
}
footer {
     overflow: hidden; /*Llevamos el footer abajo del todo.
    También podemos utilizar: clear: both;(seria como un salto de línea) */ 
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0 0;
}


/* css3 keyframes - loading */
@-webkit-keyframes loading {
    0% {
        -webkit-transform:scale(1.2);
        opacity:1;
   }
    100% {
        -webkit-transform:scale(0.7);
        opacity:0.1;
   }
}
@-moz-keyframes loading {
    0% {
        -moz-transform:scale(1.2);
        opacity:1;
   }
    100% {
        -moz-transform:scale(0.7);
        opacity:0.1;
   }
}
@-o-keyframes loading {
    0% {
        -o-transform:scale(1.2);
        opacity:1;
   }
    100% {
        -o-transform:scale(0.7);
        opacity:0.1;
   }
}
@keyframes loading {
    0% {
        transform:scale(1.2);
        opacity:1;
   }
    100% {
        transform:scale(0.7);
        opacity:0.1;
   }
}

/* custom layout */
.type, .color {
    display: inline-block;
    vertical-align: top;
}
.set {
    columns: 4;
}
.color .set {
    columns: 5;
}
.color .set.skins {
    columns: 6;
}

.icon{
    border-radius: 100%;
}

.ads{
    text-align: center;
}