ion-content.ng-enter {
  -webkit-animation: zoomIn 1 s;
  animation: zoomIn 1 s;
}
.label-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50vh;
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  float: right;
  margin-right: 11em;
}
.heading {

  float: right;
  margin-right: 1em;
  clear: both;
}
.heading.select {
  /*font-size: 60px;*/
}
.label-list.fadeOutRight {
  height: 0;

}
.label-list li {
  font-size: 4em;
}
.label-list li:hover {
  color: #ec008c;
  cursor: pointer;
}
.platform-browser:not(.platform-ios):not(.platform-android) .label{
  display: none !important;
}
.platform-browser:not(.platform-ios):not(.platform-android) .label-list{
  /*display: block;*/
}
h1 {
  font-size: 30px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

h1.cost-header {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.doTransition {
  transition-property: left;
  transition-duration: 1s;
  -webkit-transition-property: left; /* Safari */
  -webkit-transition-duration: 1s; /* Safari */
}

.cost-header {
  font-family: "Futura Demibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  color: #ec008c;
}

.female-page .row {
  padding-top: 30px;
}


.content .model .animate-female1-class img {
  -webkit-animation-name: example;
  -webkit-animation-duration: 1s;
  animation-name: example;
  animation-duration: 1s;
  margin-left: 0;
}

.content .model .de-animate-female1-class img {
  -webkit-animation-name: example1;
  -webkit-animation-duration: 1s;
  animation-name: example1;
  animation-duration: 1s;
  margin-left: 185px;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {
  0% {
    margin-left: 185px;
  }
  100% {
    margin-left: 0;
  }
}

/* Standard syntax */

@keyframes example {
  0% {
    margin-left: 185px;
  }
  100% {
    margin-left: 0;
  }
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {
  0% {
    margin-left: 185px;
  }
  100% {
    margin-left: 0;
  }
}

/* Standard syntax */

@keyframes example {
  0% {
    margin-left: 185px;
  }
  100% {
    margin-left: 0;
  }
}

/* Back Animation */

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example1 {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 185px;
  }
}

/* Standard syntax */

@keyframes example1 {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 185px;
  }
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example1 {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 185px;
  }
}

/* Standard syntax */

@keyframes example1 {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 185px;
  }
}
.binding {
  max-width: 1000px;
  margin: 0 auto;
  height: 100vh;
}
.flag .bubble {    
  padding: 0.5em 1em;
  border-radius: 2em 0em 0em 2em;
  margin-top: 0;
  min-width: 155px;
}
.flag .title {
  margin-left: 0.8em;
  margin-bottom: 0;
  font-weight: 600;
}

.flag.waxing .bubble {
    background-color: #58585a;
}
.flag.laser .bubble {
    background-color: #00a8e1;
}
.flag.total .bubble {
    background-color: #ec008c;
}
.flag.cta .bubble {
    background-color: #ec008c;
}
.flag.waxing .title {
    color: #58585a;
}
.flag.laser .title {
    color: #00a8e1;
}
.flag.total .title {
    color: #ec008c;
}
.flag.cta .title {
    color: #ec008c;
}
.flag {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  position: relative;
  float: right;
  clear: both;
  max-width: 50%;
}
.flags > div h2 {
  color: #fff;
  font-family: "Futura Demibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.flags > div h2 a{
  color: #fff;
  font-family: "Futura Demibold", "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  text-decoration: none;
}
.flags .waxing-class {
}

.flags .waxing-class h2 {
}

.flags .laser-class {
}

.flags .laser-class h2 {
}

.flags .total-class, .flags .cta-class {
}

.flags .total-class h2, .flags .cta-class h2 {
}


.odometer .odometer-inside:before {
    content: "$";
    vertical-align: text-bottom;
}
.model img {
  max-height: 90vh;
  position: absolute;
}
.content .model  {
    height: 90vh;
}
.model.result {
  height: auto;
}
.content .model > div  {
    width: 70%;
    height: 90vh;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: absolute;
    left: 0;
}
.content .model > div.doAnimation {
  background-position: left !important;
}

.content .model.male .underarm.pointer {
  background: url(../img/male/pointer-armpit.png);
}
.content .model.male .chest.pointer {
  background: url(../img/male/pointer-chest.png);
}
.content .model.male .back.pointer {
  background: url(../img/male/pointer-back.png);
}
.content .model.male .leg.pointer {
  background: url(../img/male/pointer-leg.png);
}
.content .model.female .underarm.pointer {
  background: url(../img/female/full/pointer-armpit.png);
}
.content .model.female .arm.pointer {
  background: url(../img/female/full/pointer-arm.png);
}
.content .model.female .bikini.pointer {
  background: url(../img/female/full/pointer-bikini.png);
}
.content .model.female .leg.pointer {
  background: url(../img/female/full/pointer-leg.png);
}


.content .model.male .armpit-class {
  /* margin-top: 80%; */
  background: url(../img/male/armpit.png);
}
.content .model.male .chest-class {
  background: url(../img/male/chest.png);
  margin-top: 17%;
  width: 50%;
  height: 45px;
  margin-left: 39%;
}

.chest-class.animated {}
.content .model.male .brazilian-class {
  background: url(../img/male/back.png);
  width: 40%;
  height: 42px;
  margin-left: 40%;
  margin-top: 26%;
}
.content .model.male .legs-class {
  background: url(../img/male/legs.png);
  margin-top: 40%;
  width: 40%;
  height: 50px;
  left: 15%;
}

.legs-class.animated {}

.legs-class.animated {}

.content .model.female .confuse-face {
  background: url(../img/female/full/confused.png);
}

.content .model.female .embarass-face {
  background: url(../img/female/full/embarrassed.png);
}

.content .model.female .happy-face {
  background: url(../img/female/full/happy.png);
}

.content .model.female .female1-class {
  background: url(../img/female/full/body.png);
}

.content .model.female .female1-top-dress {
  background: url(../img/female/full/top.png);
}

.content .model.female .female1-skirt {
  background: url(../img/female/full/skirt.png);
}

.content .model.female .female1-shoes {
  background: url(../img/female/full/shoes.png);
}

/*Male Style*/
.content .model.male .confuse-face {
  background: url(../img/male/confused.png);
}

.content .model.male .embarass-face {
  background: url(../img/male/embarrased.png);
}

.content .model.male .happy-face {
  background: url(../img/male/happy.png);
}

.content .model.male .male1-class {
  background: url(../img/male/body.png);
}

.content .model.male .male1-top-dress {
  background: url(../img/male/shirt.png);
}

.content .model.male .male1-shoes {
  background: url(../img/male/shoes.png);
}
.content .model.male .male1-skirt {
  background: url(../img/male/jeans.png);
}


h2.text-center {
  font-size: 26px;
}

.content .model.female .armpit-class {
  width: 50%;
  height: 55px;
  display: block;
  z-index: 11;
  position: absolute;
  top: 9em;
  left: 41%;
  background: url(../img/female/armpit.png);
  background-size: 300px 55px;
}

  .content .model.female .armpit-class:hover {
  /*background: url(../img/female/_armpit.png);*/
  background-size: 300px 55px;
  cursor: pointer;
}

.content .model.female .armpit-class.doAnimation {
  background: url(../img/female/_armpit.png);
  background-size: 300px 55px;
  left: 277px;
  width: 300px;
  height: 55px;
}


.content .model.female .arms-class {
  width: 50%;
  height: 55px;
  display: block;
  z-index: 11;
  position: absolute;
  top: 13em;
  left: 10%;
  background: url(../img/female/arms.png);
  background-size: 250px 55px;
}

.content .model.female .arms-class:hover {
  /*background: url(../img/female/_arms.png);*/
  background-size: 250px 55px;
  cursor: pointer;
}

.content .model.female .arms-class.doAnimation {
  width: 250px;
  height: 50px;
  background: url(../img/female/_arms_inverted.png);
  background-size: 250px 50px;
  left: 50px;
}


.content .model.female .bikini-class {
  width: 50%;
  height: 58px;
  display: block;
  z-index: 11;
  position: absolute;
  top: 20em;
  left: 42%;
  background: url(../img/female/bikiniline.png);
  background-size: 390px 58px;
}

.content .model.female .bikini-class:hover {
  /*background: url(../img/female/_bikiniline.png);*/
  background-size: 390px 58px;
  cursor: pointer;
}

.content .model.female .bikini-class.doAnimation {
  width: 390px;
  height: 58px;
  background: url(../img/female/_bikiniline.png);
  background-size: 390px 58px;
  left: 185px;
}

.content .model.female .legs-class {
  width: 50%;
  height: 55px;
  z-index: 11;
  position: absolute;
  top: 27em;
  left: 10%;
  background: url(../img/female/legs.png);
  background-size: 300px 55px;
}

.content .model.female .legs-class:hover {
  /*background: url(../img/female/_legs.png);*/
  background-size: 300px 55px;
  cursor: pointer;
}

.content .model.female .legs-class.doAnimation {
  width: 300px;
  height: 55px;
  background: url(../img/female/_legs_inverted.png);
  background-size: 300px 55px;
  left: 140px;
}
/*==========  Mobile First Method  ==========*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {
h1 {
  font-size: 30px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
.flag .bubble {
    min-width: 132px;
}

.cta .bubble {
  font-size: 20px;
}

p.disclaimer {
  font-size: 1.2em;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 42px;
  }
  .flag .bubble {
      min-width: 132px;
  }

  .cta .bubble {
    font-size: 32px;
  }

  p.disclaimer {
    font-size: 20px;
  }

  .flag .title {
    font-size: 34px;
  }
  .label-list {
    margin-right: 11em;
  }
  .label-list li{
    font-size: 80px;
  }
}

/* IPAD PRO */

@media only screen and (min-width: 993px)and (max-width: 1023px) {
	
h1 {
  font-size: 46px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
.flag .bubble {
    min-width: 132px;
}

.cta .bubble {
  font-size: 20px;
}

p.disclaimer {
  font-size: 1.2em;
}
.label-list {
  margin-right: 11em;
}
.label-list li{
  font-size: 80px;
}
  
}

/* IPAD */

@media only screen and (min-width: 768px)and (max-width: 992px) {
h1 {
  font-size: 30px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
.flag .bubble {
    min-width: 132px;
}

.cta .bubble {
  font-size: 20px;
}

p.disclaimer {
  font-size: 1.2em;
}
.label-list {
  margin-right: 6em;
}
.label-list li h1 {
  max-width: 175px;
}
	
  
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 414px)and (max-width: 767px) {
h1 {
  font-size: 18px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 20px;
}
.flag .bubble {
    min-width: 132px;
}

.cta .bubble {
  font-size: 20px;
}

p.disclaimer {
  font-size: 0.75em;
}
.label-list {
  margin-right: 1em;
}
.label-list li{
  font-size: 36px;
}
.label-list li h1 {
  max-width: 100px;
}

}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px)and (max-width: 413px) {
h1 {
  font-size: 16px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
.flag .bubble {
    min-width: 132px;
}

.cta .bubble {
  font-size: 12px;
}

p.disclaimer {
  font-size: 0.75em;
}
.label-list {
  margin-right: 1em;
}
.label-list li{
  font-size: 30px;
}
.label-list li h1 {
  max-width: 95px;
}
}