#organswrapper, #muscles1wrapper, #muscles2wrapper, #spinewrapper, #brainwrapper, #facewrapper, #earanawrapper, #eyeanawrapper, #wpwrapper, #skeletonwrapper, #mouthwrapper {
     max-width: 1920px;
     margin: 0 auto;
     padding: 0 0;
     background-color: transparent;
     min-width: 220px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: default;
 }
#organswrapper svg, #muscles1wrapper svg, #muscles2wrapper svg, #spinewrapper svg, #brainwrapper svg, #facewrapper svg, #earanawrapper svg, #eyeanawrapper svg, #wpwrapper svg, #skeletonwrapper svg, #mouthwrapper svg {
    max-height: 100%;
    width: 100%;
    margin: 0;
}
#organs-tip {
    font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
    display: none;
    padding: 5px;
    border: 1px solid #404040;
    color: #404040;
    z-index: 1000;
    float: left;
    position: absolute;
    background: rgba(265, 265, 265, .9);
    word-break: keep-all;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
#organs-tip p {
    margin: 0!important;
    color: #404040!important;
}
#organs-tip img {
    float: left;
    padding: 3px;
}

@media screen and (max-width:320px) {
    #organswrapper svg, #muscles2wrapper svg, #wpwrapper svg {
        height: 340px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #organswrapper svg, #muscles2wrapper svg, #wpwrapper svg {
        height: 390px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #organswrapper svg, #muscles2wrapper svg, #wpwrapper svg {
        height: 510px;
    }
}@media screen and (max-width:767px) and (min-width:481px) {
    #organswrapper svg, #muscles2wrapper svg, #wpwrapper svg {
        height: 570px;
    }
}@media screen and (min-width:768px) {
    #organswrapper svg, #muscles2wrapper svg, #wpwrapper svg {
        height: 600px;
    }
}@media screen and (max-width:320px) {
    #muscles1wrapper svg {
        height: 110px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #muscles1wrapper svg {
        height: 122px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #muscles1wrapper svg {
        height: 158px;
    }
}@media screen and (max-width:767px) and (min-width:481px) {
    #muscles1wrapper svg {
        height: 190px;
    }
}@media screen and (min-width:768px) {
    #muscles1wrapper svg {
        height: 410px;
    }
}@media screen and (max-width:320px) {
    #facewrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #facewrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #facewrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #facewrapper svg {
        height: 490px;
    }
}@media screen and (min-width:569px) {
    #facewrapper svg {
        height: 509px;
    }
}@media screen and (max-width:320px) {
    #skeletonwrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #skeletonwrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #skeletonwrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #skeletonwrapper svg {
        height: 490px;
    }
}@media screen and (min-width:569px) {
    #skeletonwrapper svg {
        height: 640px;
    }
}@media screen and (max-width:320px) {
    #mouthwrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #mouthwrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #mouthwrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #mouthwrapper svg {
        height: 490px;
    }
}@media screen and (min-width:569px) {
    #mouthwrapper svg {
        height: 600px;
    }
}@media screen and (max-width:320px) {
    #earanawrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #earanawrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #earanawrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #earanawrapper svg {
        height: 490px;
    }
}@media screen and (min-width:569px) {
    #earanawrapper svg {
        height: 509px;
    }
}@media screen and (max-width:320px) {
    #eyeanawrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #eyeanawrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #eyeanawrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #eyeanawrapper svg {
        height: 490px;
    }
}@media screen and (min-width:569px) {
    #eyeanawrapper svg {
        height: 509px;
    }
}

.go_int, .go_ext, .go_back, .go_front {
     fill: #72B8FC;
     opacity: .05;
     -webkit-transition: fill 0.1s ease;
     -moz-transition: fill 0.1s ease;
     -o-transition: fill 0.1s ease;
     transition: fill 0.1s ease;
     cursor: pointer;
 }
.go_int:hover, .go_ext:hover, .go_back:hover, .go_front:hover {
    opacity: .4;
}
.inactive-side {
    fill: #B2B2B2;
}
.go_bck_frontback, .go_frt_frontback {
    fill: #72B8FC;
    opacity: .05;
    -webkit-transition: fill 0.1s ease;
    -moz-transition: fill 0.1s ease;
    -o-transition: fill 0.1s ease;
    transition: fill 0.1s ease;
    cursor: pointer;
}
.go_bck_frontback:hover, .go_frt_frontback:hover {
    opacity: .4;
}
.go_bck_malefemale, .go_frt_malefemale {
    fill: #72B8FC;
    opacity: .05;
    -webkit-transition: fill 0.1s ease;
    -moz-transition: fill 0.1s ease;
    -o-transition: fill 0.1s ease;
    transition: fill 0.1s ease;
    cursor: pointer;
}
.go_bck_malefemale:hover, .go_frt_malefemale:hover {
    opacity: .4;
}
.go_one, .go_two, .go_three, .go_four {
    fill: #D32222;
    opacity: .7;
    -webkit-transition: fill 0.1s ease;
    -moz-transition: fill 0.1s ease;
    -o-transition: fill 0.1s ease;
    transition: fill 0.1s ease;
    cursor: pointer;
}
.go_one:hover, .go_two:hover, .go_three:hover, .go_four:hover {
    opacity: 1;
}
@media screen and (max-width:320px) {
    #spinewrapper svg {
        height: 510px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #spinewrapper svg {
        height: 560px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #spinewrapper svg {
        height: 580px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #spinewrapper svg {
        height: 600px;
    }
}@media screen and (min-width:569px) {
    #spinewrapper svg {
        height: 600px;
    }
}.go_brain_lft, .go_brain_frt, .go_brain_bck, .go_brain_rht {
     fill: #a64a2b;
     opacity: .05;
     -webkit-transition: fill 0.1s ease;
     -moz-transition: fill 0.1s ease;
     -o-transition: fill 0.1s ease;
     transition: fill 0.1s ease;
     cursor: pointer;
 }
.go_brain_lft:hover, .go_brain_frt:hover, .go_brain_bck:hover, .go_brain_rht:hover {
    opacity: .4;
}
@media screen and (max-width:320px) {
    #brainwrapper svg {
        height: 260px;
    }
}@media screen and (max-width:400px) and (min-width:321px) {
    #brainwrapper svg {
        height: 322px;
    }
}@media screen and (max-width:480px) and (min-width:401px) {
    #brainwrapper svg {
        height: 400px;
    }
}@media screen and (max-width:568px) and (min-width:481px) {
    #brainwrapper svg {
        height: 460px;
    }
}@media screen and (min-width:569px) {
    #brainwrapper svg {
        height: 460px;
    }
}
