h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 5px;
}
body{
    font-family: Candara;
}
.header {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    display: block;
}
img, iframe {
    max-width: 100%;
    margin: auto;
    display: inline-block;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}

.container {
    max-width: 800px;
}
.border{
    border: 6px solid black;
}
.border-circle {
    border: 2px solid black;
    display: -moz-inline-stack;
    display: inherit;
    border-radius: 10px;
    background-color: black;
    padding: 4px;
    height: 70px;
}
.left{
    float:left;
}
.right {
    float:right;
}
.pd10 {
    padding:10px;
}
.p00 {
    margin-left:0 ;
    margin-right:0 ;
}
.p020{
    padding: 0 20px;
}
.blue{
    color: #00ccff;
}
.red{
    color: #f00;
}
.calc-btn{
    width: 100%;
    background: red;
    color: white;
    font-size: 30px;
    padding: 12px;
}
.calc-btn:hover{
    width: 100%;
    background: maroon;
    color: white;
    font-size: 30px;
    padding: 12px;
}
.restart-btn{
    width: 100%;
    background: #00CCFF;
    color: white;
    font-size: 30px;
    padding: 12px;
}
.restart-btn:hover {
    width: 100%;
    background: #FF0000;
    color: white;
    font-size: 30px;
    padding: 12px;
}
.border-right{
    border-right: 6px solid black;
}
.start .line{
    width: 100%;
    height: 6px;
    background: black;
}
.calc-box-blue {
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: url("../img/icons.png") no-repeat;
    background-position: 0 -200px;
    color: white;
    font-size: 16px;
    line-height: 64px;
    text-align: center;
    margin: auto;
}
.calc-box-red {
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: url("../img/icons.png") no-repeat;
    background-position: -132px -200px;
    color: white;
    font-size: 20px;
    line-height: 64px;
    text-align: center;
    margin: auto;
}
.food1,.food2,.food3,.food4,.food5,.food6,.food7,.food8,.food9,.food10,.food11,.food12,
.sport1,.sport2,.sport3,.sport4,.sport5,.sport6,.sport7,.sport8,.sport9,.sport10,.sport11,.sport12{
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    cursor: pointer;
    background: url("../img/icons.png") no-repeat;
    margin: auto;
    color: white;
    font-size: 16px;

    line-height: 64px;
    text-align: center;
}
.food1 {
    background-position: 0 -269px;
}
.food2 {
    background-position: 0 -336px;
}
.food3 {
    background-position: 0 -403px;
}
.food4 {
    background-position: 0 -470px;
}
.food5 {
    background-position: 0 -537px;
}
.food6 {
    background-position: 0 -604px;
}
.food7 {
    background-position: 0 -671px;
}
.food8 {
    background-position: 0 -737px;
}
.food9 {
    background-position: 0 -804px;
}
.food10 {
    background-position: 0 -872px;
}
.food11 {
    background-position: 0 -940px;
}
.food12 {
    background-position: 0 -1008px;
}
.sport1 {
    background-position: -132px -269px;
}
.sport2 {
    background-position: -132px -336px;
}
.sport3 {
    background-position: -132px -403px;
}
.sport4 {
    background-position: -132px -470px;
}
.sport5 {
    background-position: -132px -537px;
}
.sport6 {
    background-position: -132px -604px;
}
.sport7 {
    background-position: -132px -671px;
}
.sport8 {
    background-position: -132px -737px;
}
.sport9 {
    background-position: -132px -804px;
}
.sport10 {
    background-position: -132px -872px;
}
.sport11 {
    background-position: -132px -940px;
}
.sport12 {
    background-position: -132px -1008px;
}
#sexm1,#sexw1,#sexo1,#sexm2,#sexw2,#sexo2 {display: none;}
[for="sexm1"],[for="sexw1"],[for="sexo1"],[for="sexm2"],[for="sexw2"],[for="sexo2"]{
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    cursor: pointer;
    margin: 5px auto;
}
/*first side*/
[for="sexm1"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 0;
}
[for="sexw1"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 -67px;
}
[for="sexo1"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 -134px;
}
#sexm1:checked ~ [for="sexm1"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px 0;
}
#sexw1:checked ~ [for="sexw1"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px -67px;
}
#sexo1:checked ~ [for="sexo1"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px -134px;
}
/*second side*/
[for="sexm2"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 0;
}
[for="sexw2"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 -67px;
}
[for="sexo2"]{
    background: url("../img/icons.png") no-repeat;
    background-position: 0 -134px;
}
#sexm2:checked ~ [for="sexm2"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px 0;
}
#sexw2:checked ~ [for="sexw2"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px -67px;
}
#sexo2:checked ~ [for="sexo2"] {
    background: url("../img/icons.png") no-repeat;
    background-position:  -132px -134px;
}
#missionary,
#doggy,
#legs_in_the_air,
#standing,
#girl_on_top,
#masturbation,
#holding_partner_up,
#oral,
#hand_job,
#cowgirl_reverse_cowgirl,
#cowgirl,
#spooning,
#wheelbarrow,
#squatting,
#pos69{display: none;}

[for="missionary"],
[for="doggy"],
[for="legs_in_the_air"],
[for="standing"],
[for="girl_on_top"],
[for="masturbation"],
[for="holding_partner_up"],
[for="oral"],
[for="hand_job"],
[for="cowgirl_reverse_cowgirl"],
[for="cowgirl"],
[for="spooning"],
[for="wheelbarrow"],
[for="squatting"],
[for="pos69"]{
    position: relative;
    display: inline-block;
    width: 128px;
    height: 128px;
    cursor: pointer;
}
[for="missionary"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 0;
}
[for="doggy"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -132px;
}
[for="legs_in_the_air"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -264px;
}
[for="standing"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -396px;
}
[for="girl_on_top"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -528px;
}
[for="masturbation"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -660px;
}
[for="holding_partner_up"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -792px;
}
[for="oral"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -924px;
}
[for="hand_job"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1056px;
}
[for="cowgirl_reverse_cowgirl"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1188px;
}
[for="cowgirl"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1320px;
}
[for="spooning"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1452px;
}
[for="wheelbarrow"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1584px;
}
[for="squatting"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1716px;
}
[for="pos69"]{
    background: url("../img/pos-icons.png") no-repeat;
    background-position: 0 -1848px;
}

#missionary:checked ~ [for="missionary"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position: -132px 0;
}
#doggy:checked ~ [for="doggy"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -132px;
}
#legs_in_the_air:checked ~ [for="legs_in_the_air"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -264px;
}
#standing:checked ~ [for="standing"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -396px;
}
#girl_on_top:checked ~ [for="girl_on_top"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -528px;
}
#masturbation:checked ~ [for="masturbation"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -660px;
}
#holding_partner_up:checked ~ [for="holding_partner_up"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -792px;
}
#oral:checked ~ [for="oral"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -924px;
}
#hand_job:checked ~ [for="hand_job"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1056px;
}
#cowgirl_reverse_cowgirl:checked ~ [for="cowgirl_reverse_cowgirl"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1188px;
}
#cowgirl:checked ~ [for="cowgirl"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1320px;
}
#spooning:checked ~ [for="spooning"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1452px;
}
#wheelbarrow:checked ~ [for="wheelbarrow"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1584px;
}
#squatting:checked ~ [for="squatting"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1716px;
}
#pos69:checked ~ [for="pos69"] {
    background: url("../img/pos-icons.png") no-repeat;
    background-position:  -132px -1848px;
}

.slider {
    width:90%;
    /*height:11px;*/
    background:white;
    position: relative;
    margin: auto;
    padding:10px 10px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,.close:focus{
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.table {
    display: inline-table;
    /*-moz-display: table;*/
    width: auto;
    margin: auto;
}

.table-full {
    width: 100%;
}

.table-cell {
    display: table-cell;

}
.table-output > .table-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 10px 10px 10px;
}

/*.table-output > .table-cell:first-child {*/
    /*border-right: 1px solid #fff;*/
/*}*/
.cell-50{
    position: relative;
    width: 50%;
}
.cell-33{
    position: relative;
    width: 33%;

}
.table-row {
    display: table-row;

}
input.weight {
    /*width: 237px;*/
}
.my-group .form-control{
    width:50%;
}

/***slider***/
input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding:0 2px;
    width: 100%;
    background: white;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #000000;
    border-radius: 3px;
    border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
    border: 1px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #000000;
}
/**mozilla**/
input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #000000;
    border-radius: 3px;
    border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
    border: 1px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000000;
    cursor: pointer;
}
/**internet**/
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #000000;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
    background: #000000;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
    border: 0.2px solid #000000;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000000;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: #000000;
}
input[type=range]:focus::-ms-fill-upper {
    background: #000000;
}
/*****/




.line{
    width: 100%;
    height: 6px;
    background: black;
}
.sptxt1{
    font-size: 16px;
    color: #00CCFF;
    font-weight: bold;
}
.sptxt2{
    font-size: 16px;
    color: #f00;
    font-weight: bold;
}
.time{
    width: 110px;
    background-color: white;
    height: 40px;
    margin: -57px auto 17px;
    border-radius:4px;
    /*display: inline-block;*/
    z-index: 8;
    position: relative;
}
.gender-icon{
    width: 100%;
    height: 130px;
    align-items: center;
}
img[align="center"], img[align="middle"] {
    display: block;
    margin: 0 auto!important;
}
@media (min-width: 300px) {
    p.muscle-body {
        height:300px;
        width: 250px;
        margin: 0 -15px;
    }
}
@media (min-width: 350px) {
    p.muscle-body {
        height:350px;
        width: 250px;
        margin: 0 -15px;
    }
}
@media (min-width: 400px) {
    p.muscle-body {
        height:400px;
        width: 400px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    p.muscle-body {
        height:400px;
        width: 400px;
        margin: 0 auto;
    }
}
@media (min-width: 992px) {
    p.muscle-body {
        height:350px;
        width: 450px;
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    p.muscle-body {
        height:300px;
        width: 450px;
        margin: 0 auto;
    }
}

.muscle-body IMG { position: absolute; }
.w2-1{z-index: 16;}
.w2-2{z-index: 15;}
.w2-3{z-index: 14;}
.w2-4{z-index: 13;}
.w2-5{z-index: 12;}
.w2-6{z-index: 11;}
.w2-7{z-index: 10;}
.w2-8{z-index: 9;}
.w2-9{z-index: 8;}
.w2-10{z-index: 7;}
.w2-11{z-index: 6;}
.w2-12{z-index: 5;}
.w2-13{z-index: 4;}
.w2-14{z-index: 3;}
.w2-15{z-index: 2;}
.w2-0{z-index: 1;}

.m1-1{z-index: 16;}
.m1-2{z-index: 15;}
.m1-3{z-index: 14;}
.m1-4{z-index: 13;}
.m1-5{z-index: 12;}
.m1-6{z-index: 11;}
.m1-7{z-index: 10;}
.m1-8{z-index: 9;}
.m1-9{z-index: 8;}
.m1-10{z-index: 7;}
.m1-11{z-index: 6;}
.m1-12{z-index: 5;}
.m1-13{z-index: 4;}
.m1-14{z-index: 3;}
.m1-15{z-index: 2;}
.m1-0{z-index: 1;}

.w1-1{z-index: 16;}
.w1-2{z-index: 15;}
.w1-3{z-index: 14;}
.w1-4{z-index: 13;}
.w1-5{z-index: 12;}
.w1-6{z-index: 11;}
.w1-7{z-index: 10;}
.w1-8{z-index: 9;}
.w1-9{z-index: 8;}
.w1-10{z-index: 7;}
.w1-11{z-index: 6;}
.w1-12{z-index: 5;}
.w1-13{z-index: 4;}
.w1-14{z-index: 3;}
.w1-15{z-index: 2;}
.w1-0{z-index: 1;}

.m2-1{z-index: 16;}
.m2-2{z-index: 15;}
.m2-3{z-index: 14;}
.m2-4{z-index: 13;}
.m2-5{z-index: 12;}
.m2-6{z-index: 11;}
.m2-7{z-index: 10;}
.m2-8{z-index: 9;}
.m2-9{z-index: 8;}
.m2-10{z-index: 7;}
.m2-11{z-index: 6;}
.m2-12{z-index: 5;}
.m2-13{z-index: 4;}
.m2-14{z-index: 3;}
.m2-15{z-index: 2;}
.m2-0{z-index: 1;}

#intro,
#results,
.brand-logo {
    text-align:center;
}
.btn-embed,
.btn-embed:hover,
.btn-embed:focus {
    color: #fff;
    background: #a19b9a;
    border-radius:5px;
    font-size: 15px;
    font-weight: 300;
    padding: 8px 23px;
    cursor: pointer;
    float: right;
}

.btn-embed:hover,
.btn-embed:focus {
    background: #817d7c
}