#home_div{ background-color:#282828; }
#itsme{color:white;}
#div_elite, #div_black, #div_healthy, #div_dynamic, #div_natural{position:relative;}
#elite_cta, #black_cta, #dynamic_cta, #healthy_cta{position:absolute;
text-align:center; bottom: 120px; right: -20px; padding-left: 20px; font-weight: bold; padding-right: 20px; color:black;}
#natural_cta{position:relative; top:-90px; text-align:center; right: -10px;}
@font-face { font-family: avenir; src: url('../webfonts/elite/Avenir.ttc'); }
#cta_itsme, #cta_itsme_2, #find_more{font-family: avenir; font-weight: 700; letter-spacing: 2px;}
#cta_itsme{font-size: 12px; padding-top:7px;}

.thumbnail { position: relative; display: inline-block; }

.elite_caption{ position:absolute; text-align:center; bottom: 15px; right: 20px; left: 0px; opacity: 0; color:white;
  transition: .5s ease; }

.black_caption{position:absolute; text-align:center; bottom: 35px; right: 15px; left: 0px; opacity: 0; color:white;
  transition: .5s ease;}

.dynamic_caption{position:absolute; text-align:center; bottom: 20px; right: 20px; left: 0px; opacity: 0; color:white;
  transition: .5s ease;}

.healthy_caption{position:absolute; text-align:center; bottom: 35px; right: 12px; left: 0px; opacity: 0; color:white;
  transition: .5s ease;}

.natural_caption{position:absolute; text-align:center; bottom: 25px; right: 20px; left: 0px; opacity: 0; color:white;
  transition: .5s ease;}

#elite_caption_link, #black_caption_link, #dynamic_caption_link, #healthy_caption_link, #natural_caption_link{font-size:11px;
text-decoration: underline; right: -20px; color:black;}

#elite_cta_link{text-decoration: none; color:black;}

.thumbnail:hover .elite_caption{
  opacity: 1;
}

.thumbnail:hover .black_caption{
  opacity: 1;
}


.thumbnail:hover .healthy_caption{
  opacity: 1;
}

.thumbnail:hover .dynamic_caption{
  opacity: 1;
}


.thumbnail:hover .natural_caption{
  opacity: 1;
}


.thumb_img{
  opacity: 1;
  transition: .5s ease;
}

/*
.thumbnail:hover .thumb_img{
  -webkit-filter: brightness(800%);
  transition: .5s ease;
}
*/

/* HIDE MOBILE VIEW FROM DESKTOP */
.elite_mood_mobile, .black_mood_mobile, .dynamic_mood_mobile, .healthy_mood_mobile, .natural_mood_mobile {
  display: none !important;
}

/* SHOW MOBILE PICS FROM MOBILE */
@media (max-width: 489px) {
  .elite_mood_mobile, .black_mood_mobile, .dynamic_mood_mobile, .healthy_mood_mobile, .natural_mood_mobile {
    display: inline !important;
  }

  .elite_mood, .black_mood, .dynamic_mood, .healthy_mood, .natural_mood {
    display: none !important;
  }

  .elite_mood_hover, .black_mood_hover, .dynamic_mood_hover, .healthy_mood_hover, .natural_mood_hover{
    display: none !important;
  }

  .thumbnail:hover .elite_mood_hover{
    opacity: 0;
  }

  .thumbnail:hover .black_mood_hover{
    opacity: 0;
  }

  .thumbnail:hover .dynamic_mood_hover{
    opacity: 0;
  }

  .thumbnail:hover .healthy_mood_hover{
    opacity: 0;
  }

  .thumbnail:hover .natural_mood_hover{
    opacity: 0;
  }
}

/* ELITE MOOD HOVER */
.thumbnail .elite_mood_hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity  .3s ease-out;
}

.thumbnail:hover .elite_mood_hover{
  opacity: 1;
}

/* BLACK MOOD HOVER */
.thumbnail .black_mood_hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity  .3s ease-out;
}

.thumbnail:hover .black_mood_hover{
  opacity: 1;
}

/* DYNAMIC MOOD HOVER */
.thumbnail .dynamic_mood_hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity  .3s ease-out;
}

.thumbnail:hover .dynamic_mood_hover{
  opacity: 1;
}


/* HEALTHY MOOD HOVER */
.thumbnail .healthy_mood_hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity  .3s ease-out;
}

.thumbnail:hover .healthy_mood_hover{
  opacity: 1;
}


/* NATURAL MOOD HOVER */
.thumbnail .natural_mood_hover{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity  .3s ease-out;
}

.thumbnail:hover .natural_mood_hover{
  opacity: 1;
}



/* Quick-zoom Container */
.thumbnail .thumb_img img{}

/* The Transformation */
.thumbnail:hover .thumb_img img {}

.section_itsme{
color:white; position: relative; display: inline-block;
}

.cta_itsme_hover{
text-align:center; opacity: 0; color:white;
  transition: .5s ease;
}

.section_itsme:hover .cta_itsme_hover{
  opacity: 1;
}

#find_more{
top:0px;
}

#line_text{
display: inline-block;
    vertical-align: middle;
}

#find_more{
  opacity: 1;
  transition: .5s ease;
}

#find_more_line{
  transition: .5s ease;
}

.section_itsme:hover #find_more{
  opacity: 0;
  transition: .5s ease;
}

.section_itsme:hover #find_more_line{
  margin-left:100px;
  transform: scale(2,1);
  transition: .5s ease;
}