/********************/
/*** ********** *****/
/********************/
.internalface{
	position: absolute;
    bottom: 0em;
}



.playercontainer, .backbod, .wristo, .face, .sunnies, .hair, .nose, .ear, .eyelid, .eyebrow, .neck, .body, .armstop, .armsbott, .handies, .pelvis, .legs, .shoes,.logo, .group, .fringe, .eye, .profile-card, .yes, .no, .info, .tongue, .profile-wrap, .name, .mouth {
	 position: absolute;
}

 .playercontainer {
	 position: relative;
	 margin: auto;
	 top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 12em;
    height: 10em;
    transition: all .2s ease;
}

 @media screen and (max-width:767px) {
    .playercontainer{
    	left: -1.5em;
    }
 }

 .group {
	 left: -0.25em; /* -4px */
}
 .face {
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
	 z-index: 20;
	 top: 3.125em; /* 50px */
	 left: 4.375em; /* 70px */
	 width: 5em; /* 80px */
	 height: 6.25em; /* 100px */
	 background: #f0beaf;
}
 .hair {
	 z-index: 3;
	 background: #424b54;
	 transition: all .2s ease;
}

.playercontainer.isboy .hair{
	 height: 6.25em; /* 100px */
	 	 top: 1.875em; /* 30px */
	 left: 3.625em; /* 58px */
	 width: 6.25em; /* 100px */
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
	 background: #424b54;
}

.playercontainer.isgirl .hair{
	 height: 9.5em; /* 152px */
	 	 top: -0.75em; /* -12px */
	 left: 1.625em; /* 26px */
	 width: 9.5em; /* 152px */
	 border-radius: 80%;
	 -webkit-border-radius: 80%;
	 -moz-border-radius: 80%;
	 background: #424b54;
}


 .ear {
	 z-index: 1;
	 top: 5.375em; /* 86px */
	 left: 3.625em; /* 58px */
	 width: 1.875em; /* 30px */
	 height: 1.875em; /* 30px */
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
	 background: #f0beaf;
}
 .ear:before {
	 position: absolute;
	 top: 0.3125em; /* 5px */
	 left: 0.25em; /* 4px */
	 content: '';
	 width: 1.25em; /* 20px */
	 height: 1.25em; /* 20px */
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
	 background: #ed8a80;
}
 .ear.right {
	 left: 8.125em; /* 130px */
}

.wristo{
    z-index: 12;
    top: 12.8125em; /* 205px */
    left: 10.0625em; /* 161px */
    border-radius: 1em;
        background: #f0beaf;
    width: 1.5625em; /* 25px */
    height: 5em; /* 80px */
}

.wristo .hando{
top: 2.125em; /* 34px */
        background: #fff;
    width: 1.5625em; /* 25px */
    height: 2.5em; /* 40px */
    position: absolute;
}


.playercontainer.isgirl .fringe{
z-index: 99;
    top: 1.875em; /* 30px */
    left: 4.0625em; /* 65px */
    width: 5.75em; /* 92px */
    height: 3.375em; /* 54px */
    background: #424b54;
    border-radius: 0%;
      transition: all .1s ease-in-out;
}

  .playercontainer.isgirl .fringe:before {
position: absolute;
    content: '';
    top: 5em; /* 80px */
    left: -0.625em; /* -10px */
    width: 0.9375em; /* 15px */
    height: 1.25em; /* 20px */
    background: #f682bd;
    border-radius: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 100%;
    transform: rotate(0deg);
    opacity: 1;
}

  .playercontainer.isgirl .fringe:after {
position: absolute;
    content: '';
    top: 5em; /* 80px */
    left: 5.3125em; /* 85px */
    width: 0.9375em; /* 15px */
    height: 1.25em; /* 20px */
    background: #f682bd;
    border-radius: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 100%;
    transform: rotate(0deg);
    opacity: 1;
}

 .playercontainer.isboy .fringe {
	 z-index: 99;
	 top: 2.5em; /* 40px */
	 left: 4.6875em; /* 75px */
	 width: 3.8125em; /* 61px */
	 height: 2.5em; /* 40px */
	 background: #424b54;
	 border-radius: 100% 0 100% 100%;
	  transition: all .1s ease-in-out;
}

  .playercontainer.isboy .fringe:before {
	 position: absolute;
	 content: '';
	 top: 0.625em; /* 10px */
	 left: -0.9375em; /* -15px */
	 width: 1.25em; /* 20px */
	 height: 2.5em; /* 40px */
	 background: #424b54;
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
	 transform: rotate(10deg);
}
 .eye {
	 z-index: 30;
	 top: 6.25em; /* 100px */
	 left: 5em; /* 80px */
	 width: 0.625em; /* 10px */
	 height: 0.625em; /* 10px */
	 background: #424b54;
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
}
 .eye:before {
	 position: absolute;
	 content: '';
	 left: 3.125em; /* 50px */
	 width: 0.625em; /* 10px */
	 height: 0.625em; /* 10px */
	 background: #424b54;
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
}


 .sunnies {
	 z-index: 30;
    top: 6.15em;
    left: 4.65em;
    width: 1.5em;
    height: 1.3em;
    background: #424b54;
    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    transition: all .2s ease;
    opacity: 0;
}
 .sunnies:before {
	 position: absolute;
	 content: '';
	 left: 3.0em; /* 50px */
    width: 1.5em;
    height: 1.3em;
	 background: #424b54;
	 border-radius: 10%;
	 -webkit-border-radius: 10%;
	 -moz-border-radius: 10%;
}
 .sunnies:after {
    position: absolute;
    content: '';
    top: 0;
    left: -.5em;
    width: 5.5em;
    height: 0.25em;
    background: #505861;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

 .eyelid {
	 z-index: 32;
	 top: 5.65em; /* 100px */
	 left: 5em; /* 80px */
	 width: 0.625em; /* 10px */
	 height: 0.625em; /* 10px */
	 background: #f0beaf;
	   transition: all .1s ease-in-out;
}
 .eyelid:before {
	 position: absolute;
	 content: '';
	 left: 3.125em; /* 50px */
	 width: 0.625em; /* 10px */
	 height: 0.625em; /* 10px */
	 background: #f0beaf;
	   transition: all .1s ease-in-out;
}


 .eyebrow {
	 z-index: 32;
	 top: 5.65em; /* 100px */
	 left: 5em; /* 80px */
	 width: 0.625em; /* 10px */
	 height: 0.125em; /* 10px */
	 background: #424b54;
	 transform: rotate(0deg);
	   transition: all .2s ease-in-out;
}
 .eyebrow:before {
	 position: absolute;
	 content: '';
	 left: 3.125em; /* 50px */
	 width: 0.625em; /* 10px */
	 height: 0.125em; /* 10px */
	 background: #424b54;
	 transform: rotate(0deg);
	   transition: all .2s ease-in-out;
}

 .nose {
	 z-index: 20;
	 top: 6.25em; /* 100px */
	 left: 6.6875em; /* 107px */
	 width: 0.5em; /* 8px */
	 height: 0.875em; /* 14px */
	 background: #db9b99;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
}

.playercontainer.isboy .mouth{
		 z-index: 20;
	 top: 7.5em; /* 120px */
	 left: 6.0625em; /* 97px */
	 width: 1.875em; /* 30px */
	 height: 0.9375em; /* 15px */
	 border-radius: 0 0 6.25em 6.25em; /* 100px 100px */
	 background: #424b54;
	 overflow: hidden;
	 	 transition: all .3s ease-in-out;
}


.playercontainer.isgirl .mouth{
		 z-index: 20;
	 top: 7.5em; /* 120px */
	 left: 6.375em; /* 102px */
	 width: 1.25em; /* 20px */
	 height: 0.9375em; /* 15px */
	 border-radius: 0 0 6.25em 6.25em; /* 100px 100px */
	 background: #424b54;
	 overflow: hidden;
	 	 transition: all .3s ease-in-out;
}



 .tongue {
	 top: 0.3125em; /* 5px */
	 left: 0.5em; /* 8px */
	 width: 1.875em; /* 30px */
	 height: 1.25em; /* 20px */
	 background: #f6828c;
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
}
 .neck {
	 z-index: 13;
	 width: 1.875em; /* 30px */
	 height: 1.875em; /* 30px */
	 background: #f0beaf;
	 top: 8.125em; /* 130px */
	 left: 6.0625em; /* 97px */
	 border-radius: 100%;
	 -webkit-border-radius: 100%;
	 -moz-border-radius: 100%;
}
 .body {
	 z-index: 10;
	 top: 9.375em; /* 150px */
	 left: 3.4375em; /* 55px */
	 width: 7.1875em; /* 115px */
	 height: 9.375em; /* 150px */
	 background: #4d9de0;
	 border-radius: 1.875em; /* 30px */
	 -webkit-border-radius: 1.875em; /* 30px */
	 -moz-border-radius: 1.875em; /* 30px */
}

.armstop{
	z-index: 10;
	 top: 0.3125em; /* 5px */
	 width: 1.875em; /* 30px */
	 height: 5em; /* 80px */
	 background: #4d9de0;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
	 transform-origin: top;
	transition: all .3s ease-in-out;
}

.armstop--left{
left: -5%;
 transform: rotateZ(0deg);
}
.armstop--right{
right:-5%;
 transform: rotateZ(0deg);
}

.armsbott{
	z-index: 10;
	 top: 4.375em; /* 70px */
	 width: 1.5625em; /* 25px */
	 height: 4.0625em; /* 65px */
	 background: #f0beaf;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
	  transform-origin: top;
	 transition: all .3s ease-in-out;
}

.armsbott--left{
left: 5%;
 transform: rotateZ(0deg);
}
.armsbott--right{
right:5%;
 transform: rotateZ(0deg);
}

.handies{
		z-index: 10;
    top: 3.3125em; /* 53px */
    width: 1.8125em; /* 29px */
    height: 2.8125em; /* 45px */
	 background: #f0beaf;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
	  transform-origin: top;
	 transition: all .3s ease-in-out;
}

.handies--left{
 transform: rotateZ(5deg);
}

.handies--left{
	 transform: rotateZ(0deg);
}

.pelvis{
		 z-index: 4;
	 top: 16.875em; /* 270px */
	 left: 3.75em; /* 60px */
	 width: 6.25em; /* 100px */
	 height: 3.125em; /* 50px */
	 background: #777;
	 border-radius: 1.875em; /* 30px */
	 -webkit-border-radius: 1.875em; /* 30px */
	 -moz-border-radius: 1.875em; /* 30px */
}
.legs{
	z-index: 10;
	 top: 0em; /* 0px */
	 width: 1.5625em; /* 25px */
	 height: 13.125em; /* 210px */
	 background: #777;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
}

.legs--left{
left: 10%;
}
.legs--right{
right: 10%;
}

.shoes{
		z-index: 10;
top: 11.9375em; /* 191px */
    width: 1.8125em; /* 29px */
    height: 3.125em; /* 50px */
    background: #3a3a3a;
	 border-radius: 6.25em; /* 100px */
	 -webkit-border-radius: 6.25em; /* 100px */
	 -moz-border-radius: 6.25em; /* 100px */
	  transform-origin: top;
	  border-bottom: 0.25em /* 4px */ solid #000;
}

.shoes--left{
	left: 10%;
 transform: rotateZ(5deg);
}

.shoes--right{
	right: 10%;
	 transform: rotateZ(0deg);
}


.backbod{
background: #f5f2f2;
    border-radius: 10%;
    top: 8.8125em; /* 141px */
    left: 3.5em; /* 56px */
    height: 5em; /* 80px */
    width: 6.25em; /* 100px */
}
/********************/
/*** hands *****/
/********************/

.playercontainer.isboy.ishands .mouth,
.playercontainer.isgirl.ishands .mouth {
		 z-index: 20;
	 top: 7.5em; /* 120px */
	 left: 6.0625em; /* 97px */
	 width: 1.875em; /* 30px */
	 height: 0.9375em; /* 15px */
	 border-radius: 0 0 6.25em 6.25em; /* 100px 100px */
	 background: #424b54;
	 overflow: hidden;
	 	 transition: all .3s ease-in-out;
}

.playercontainer.isboy.ishands .wristo,
.playercontainer.isgirl.ishands .wristo{
	top: 9.6875em; /* 155px */
	    -webkit-animation: bobber 1.5s infinite  alternate;
    animation: bobber 1.5s infinite  alternate;
}


.playercontainer.isboy.ishands .eyebrow,
.playercontainer.isgirl.ishands .eyebrow {
	 top: 5.65em; /* 100px */
	 transform: translateY(-.8em);
	   transition: all .2s ease-in-out;
}

/********************/
/*** bored *****/
/********************/

.playercontainer.isboy.isbored .mouth,
.playercontainer.isgirl.isbored .mouth {
    z-index: 20;
    top: 7.65em; /* 120px */
    left: 6.375em; /* 102px */
    width: 1.25em; /* 20px */
    height: 0.2125em; /* 5px */
     border-radius: 6.25em 6.25em 0em 0em; /* 100px 100px 0px 0px */
    background: #424b54;
    overflow: hidden;
    transition: all .3s ease-in-out;
}


.playercontainer.isboy.isbored .eyelid,
.playercontainer.isgirl.isbored .eyelid {
	 top: 5.85em; /* 100px */
    transition: all .3s ease-in-out;
}

.playercontainer.isboy.isbored .eyebrow,
.playercontainer.isgirl.isbored .eyebrow {
	 top: 5.65em; /* 100px */
	 transform: translateY(.3em);
	   transition: all .2s ease-in-out;
}

/********************/
/*** sneeze *****/
/********************/

.playercontainer.isboy.issneeze .eye,
.playercontainer.isgirl.issneeze .eye {
    z-index: 30;
    top: 6.5625em; /* 105px */
    height: 0.125em; /* 2px */
     transition: all .3s ease-in-out;
}


.playercontainer.isboy.issneeze .mouth,
.playercontainer.isgirl.issneeze .mouth {
overflow:visible;
}


.playercontainer.isboy.issneeze .tongue,
.playercontainer.isgirl.issneeze .tongue {
top: 0.625em; /* 10px */
    left: 0.25em; /* 4px */
    width: 1.125em; /* 18px */
    height: 0.5em; /* 8px */
    background: #f6828c;
    border-radius: 100%;
    -webkit-border-radius: 42%;
    opacity: 0;
    }

.playercontainer.isboy.issneeze .eye:before,
.playercontainer.isgirl.issneeze .eye:before {
    height: 0.125em; /* 2px */
     transition: all .3s ease-in-out;
}

.playercontainer.isboy.issneeze .mouth,
.playercontainer.isgirl.issneeze .mouth {
    left: 6.1875em; /* 99px */
    width: 1.5625em; /* 25px */
    height: 1.125em; /* 18px */
     transition: all .3s ease-in-out;
}

.playercontainer.isboy.issneeze .mouth,
.playercontainer.isgirl.issneeze .mouth{
    -webkit-animation: mouther 1.5s infinite  alternate;
    animation: mouther 1.5s infinite  alternate;
        border-radius: 6.25em 6.25em 0em 0em; /* 100px 100px 0px 0px */
     transition: all .3s ease-in-out;
}


.playercontainer.isboy.issneeze .eyebrow,
.playercontainer.isgirl.issneeze .eyebrow {
	 top: 5.65em; /* 100px */
	 transform: rotate(16deg);
	   transition: all .2s ease-in-out;
}
.playercontainer.isboy.issneeze .eyebrow:before,
.playercontainer.isgirl.issneeze .eyebrow:before {
	 transform: rotate(-40deg) translate(0.4em, -.8em);
	   transition: all .2s ease-in-out;
}



@-webkit-keyframes mouther {
    0% {         
    left: 6.5625em; /* 105px */
    width: 0.75em; /* 12px */
    height: 0.0625em;
}

    100% { width: 1.6em;height: 1.4em;left: 6.125em;}
}
@keyframes mouther {
    0%{
     left: 6.5625em; /* 105px */
    width: 0.75em; /* 12px */
    height: 0.0625em;
}
    100%  { width: 1.6em;height: 1.4em;left: 6.125em;}
}


.playercontainer.isboy.issneeze .group.internalcharacter,
.playercontainer.isgirl.issneeze .group.internalcharacter{
    -webkit-animation: bobber 1.5s infinite  alternate;
    animation: bobber 1.5s infinite  alternate;
}


@-webkit-keyframes bobber {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes bobber {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/********************/
/*** lick *****/
/********************/


.playercontainer.isboy.islick .mouth,
.playercontainer.isgirl.islick .mouth {
overflow:visible;
}


.playercontainer.isboy.islick .tongue,
.playercontainer.isgirl.islick .tongue {
    top: 0.5625em; /* 9px */
    left: 0.25em; /* 4px */
    width: 0.9375em; /* 15px */
    height: 1.25em; /* 20px */
    background: #f6828c;
    border-radius: 100%;
    -webkit-border-radius: 24%;
    transform-origin: top;
        -webkit-animation: waggler 1s infinite  alternate;
    animation: waggler 1s infinite  alternate;
    }


@-webkit-keyframes waggler {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}
@keyframes waggler {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}


/********************/
/*** ********** *****/
/********************/

.playercontainer.isboy.isbeach .sunnies,
.playercontainer.isgirl.isbeach .sunnies {
opacity: 1;
transition: all .2s ease;
}

.playercontainer.isboy.isbeach .eyelid,
.playercontainer.isgirl.isbeach .eyelid {
opacity: 0;
transition: all .2s ease;
}

/********************/
/*** ********** *****/
/********************/
.switch[type=checkbox]+label{
	font-family: 'Pangolin', cursive !important;
}

.switch[type=checkbox]+label::before, .switch[type=checkbox]+label:before {
    background: #3387c3;
    content: '';
}


.switch[type=checkbox]:checked+label::before, .switch[type=checkbox]:checked+label:before {
    background: #f682bd;
}

#starterup{
	background: #33bec3;
	color: #fff;
} 

@media screen and (max-width:767px) {
.playercontainer{
top: -1em !important;
left: 1em;
}  
}