/* VIDEO */
.play-button-icon {
    transition: all 0.5s ease-out;
}
.play-button-icon:hover {
    transform:scale(1.05);
}
.video-side,
.play-button-text,
#video-container {
    transition: all 0.5s ease-out;
}

.videoWrapper {
    position: relative;
    padding-top: 25px;
    height: 0;
    background: #131313;
}
.videoWrapper {
    padding-bottom: 52.9%;
}
@media (max-width:600px) {
    .videoWrapper {
        padding-bottom: 49.5%;
    }
}

.coverTap {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1 !important;
}
/* click to play text */
.play-button-text-wrapper {
    height: 100%;
}
.play-button-text {
    font-style: italic;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
    text-shadow:2px 2px 4px rgba(0,0,0,0.4);
    transition: all .2s ease-out;
    cursor: pointer;
    position: relative;
    top:-5%;
}
@media (max-width:600px) {
    .play-button-text {
        top:-10%;
    }
}
/* volume button */
@keyframes VOLUME_SMALL_WAVE_FLASH {
      0% { opacity: 0; }
     33% { opacity: 1; }
     66% { opacity: 1; }
    100% { opacity: 0; }
  }

  @keyframes VOLUME_LARGE_WAVE_FLASH {
      0% { opacity: 0; }
     33% { opacity: 1; }
     66% { opacity: 1; }
    100% { opacity: 0; }
  }

  .volume__small-wave {
    animation: VOLUME_SMALL_WAVE_FLASH 2s infinite;
    opacity: 0;
  }

  .volume__large-wave {
    animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s;
    opacity: 0;
  }
.volume_button {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 60px;
    width: 60px;
    line-height: 60px;
    outline: none;
    padding-right: 0px;
    pointer-events: auto;
    position: absolute;
    right: 15px;
    text-align: left;
    top: 15px;
}
/* pause notifier */
.pause-notifier {
    pointer-events: none;
    opacity: 1;
    transform: scale(1.1);
    width: 60px;
    transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}
.pause-notifier svg {
    overflow: visible;
}
.play-icon-arrow {
    top: 54px;
    left: -100px;
    max-width: 76px;
}
@media(max-width:767px) {
    .pause-notifier {
    width: 40px;
}
    .play-icon-arrow {
    top: 40px;
    left: -70px;
    max-width: 46px;
    }
}
.video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle,rgba(0,0,0,.7),rgba(0,0,0,.6));
    background: -webkit-radial-gradient(circle,rgba(0,0,0,.7),rgba(0,0,0,.6));
    z-index: 2 !important;
    top: 0;
    left: 0;
}

body {
	color:#0d0d0d;
}
.animate-bounce {
	animation-duration: 5s !important;
}
.animate-ping {
    animation: ping 3s cubic-bezier(0, 0, 0.2, 1) infinite;
}
	.animate-bounce {
    animation: bounce 2s infinite;
}

.text-shadow-hard {
    text-shadow: 1px 1px white;
}
.shadow-fx {
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1),
                2px -2px 0 rgba(255, 255, 255, 0.3);
	
}
.shadow-fx2 {
	text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}
em {
   color: unset;
}

footer a {
	color:inherit;
}
 
.upgrade-box {
    border: 2px solid #a0884a;
    padding: 2px;
}
.cta-1 .pb-second {
    display: none;
}
.cta-2 .pb-first {
    display: none;
}

.free-teaser-tag-group {
  position: absolute;
  -webkit-animation: 4s freeteaser infinite;
          animation: 4s freeteaser infinite;
  bottom: 10px;
}

.free-teaser-tag-group.no-anim {
  -webkit-animation: none !important;
          animation: none !important;
}

.free-teaser-tag-group.no-anim .free-teaser-tag,.free-teaser-tag-group.no-anim .free-teaser-tag-gradient,.free-teaser-tag-group.no-anim .ftt-text {
  -webkit-animation: none !important;
          animation: none !important;
}

.free-teaser-tag-group .free-teaser-tag {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 80% auto, 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  right: -145px;
  z-index: 3;
}

.free-teaser-tag-group .free-teaser-tag .ftt-text {
  width: 100%;
  height: 100%;
  z-index: 5;
  background-image: url(../img/3-bottles-free_v2.png);
  background-size: 80% auto;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: 4s freeteaser-text infinite ease;
          animation: 4s freeteaser-text infinite ease;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.free-teaser-tag-group .free-teaser-tag .free-teaser-tag-gradient {
  background-image: -o-linear-gradient(280deg, #9f8c53 21%, #d8b168 27%, #f8d885 33%, #fff398 41%, #fddb83 52%, #d6b061 61%, #7e692a 82%);
  background-image: linear-gradient(170deg, #9f8c53 21%, #d8b168 27%, #f8d885 33%, #fff398 41%, #fddb83 52%, #d6b061 61%, #7e692a 82%);
  background-image: -o-radial-gradient(circle, #fff398 11%, #fddb83 22%, #d6b061 51%, #7e692a 72%, #9f8c53 84%);
  background-image: radial-gradient(circle, #fff398 11%, #fddb83 22%, #d6b061 51%, #7e692a 72%, #9f8c53 84%);
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-position: -240px -180px;
  background-size: 400px 400px;
  background-repeat: no-repeat;
  -webkit-animation: 4s freeteaser-shine infinite ease;
          animation: 4s freeteaser-shine infinite ease;
}

.free-teaser-tag-group .free-teaser-tag .free-teaser-tag-gradient.ftt-inside {
  -webkit-transform: scale(0.95) rotate(90deg);
      -ms-transform: scale(0.95) rotate(90deg);
          transform: scale(0.95) rotate(90deg);
  z-index: 4;
}

.free-teaser-tag-group .free-teaser-tag.teaser-tag-behind {
  position: absolute;
  top: 0;
  z-index: 1;
  border-radius: 50%;
  background: #fdd1a8;
  background-size: 100% auto;
  -webkit-animation: 4s freeteaser-behind infinite;
          animation: 4s freeteaser-behind infinite;
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}

.free-teaser-wrap {
  position: relative;
}

.free-teaser-text {
  color: #fff;
  font-weight: bold;
  font-family: "Lato",sans-serif;
  position: relative;
  left: -10px;
}

.free-teaser-text span:nth-child(1) {
  font-weight: 900;
  font-size: 70px;
}

.free-teaser-text span:nth-child(2) {
  font-weight: 900;
  font-size: 20px;
}
.upgrade-item .free-teaser-tag-group {
  left: auto;
  right: -20px;
  bottom: -10px;
}

.upgrade-item .free-teaser-tag {
  left: auto;
  background-image: url(../img/buy-3-get-3.png),url(../img/poly.svg);
  background-image: url(../img/buy-3-get-3.png),url(../img/badge.png);
}

.upgrade-item .free-teaser-tag .ftt-text {
  background-image: url(../img/buy-3-get-3.png);
}
@media(max-width:767px) {
	.free-teaser-tag-group {
    left: 10px;
  }

  .free-teaser-tag-group .free-teaser-tag {
    width: calc(240px * 0.33);
    height: calc(240px * 0.33);
  }

  .free-teaser-wrap {
    width: 240px;
  }

  .free-teaser-wrap.smctr {
    margin-left: auto;
    margin-right: auto;
  }
}
@media(min-width:768px) {
	.free-teaser-tag-group .free-teaser-tag {
    width: calc(240px * 0.55);
    height: calc(240px * 0.55);
  }
	  .upgrade-item .free-teaser-tag {
    width: calc(240px * 0.55);
    height: calc(240px * 0.55);
  }
}
@media (min-width: 1200px) {
	.free-teaser-tag-group .free-teaser-tag {
		width: calc(240px * 0.7);
		height: calc(240px * 0.7);
	}
}
@media (min-width: 1024px) {
	.free-teaser-tag-group .free-teaser-tag {
		width: calc(240px * 0.65);
		height: calc(240px * 0.65);
	}
}
@media (min-width: 768px){
	.free-teaser-tag-group .free-teaser-tag {
		width: calc(240px * 0.55);
		height: calc(240px * 0.55);
	}
}
@-webkit-keyframes freeteaser {
  0% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
    -webkit-filter: saturate(1) brightness(1.1);
            filter: saturate(1) brightness(1.1);
  }

  15% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  30% {
  }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  85% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  100% {
    -webkit-filter: saturate(1) brightness(1.1);
            filter: saturate(1) brightness(1.1);
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
  }
}

@keyframes freeteaser {
  0% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
    -webkit-filter: saturate(1) brightness(1.1);
            filter: saturate(1) brightness(1.1);
  }

  15% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  30% {
  }

  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  85% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  100% {
    -webkit-filter: saturate(1) brightness(1.1);
            filter: saturate(1) brightness(1.1);
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
  }
}

@-webkit-keyframes freeteaser-text {
  0% {
    -webkit-filter: saturate(1) brightness(1.5);
            filter: saturate(1) brightness(1.5);
  }

  15% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  30% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  50% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  85% {
    -webkit-filter: saturate(1.4) brightness(1.8);
            filter: saturate(1.4) brightness(1.8);
  }

  100% {
    -webkit-filter: saturate(1.1) brightness(1.5);
            filter: saturate(1.1) brightness(1.5);
  }
}

@keyframes freeteaser-text {
  0% {
    -webkit-filter: saturate(1) brightness(1.5);
            filter: saturate(1) brightness(1.5);
  }

  15% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  30% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  50% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
  }

  85% {
    -webkit-filter: saturate(1.4) brightness(1.8);
            filter: saturate(1.4) brightness(1.8);
  }

  100% {
    -webkit-filter: saturate(1.1) brightness(1.5);
            filter: saturate(1.1) brightness(1.5);
  }
}

@-webkit-keyframes freeteaser-shine {
  0% {
    background-position: -240px -180px;
  }

  50% {
    background-position: -240px -240px;
  }

  100% {
    background-position: -240px -180px;
  }
}

@keyframes freeteaser-shine {
  0% {
    background-position: -240px -180px;
  }

  50% {
    background-position: -240px -240px;
  }

  100% {
    background-position: -240px -180px;
  }
}

@-webkit-keyframes freeteaser-behind {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: saturate(1.1) brightness(1.3);
            filter: saturate(1.1) brightness(1.3);
    opacity: 1;
  }

  15% {
    -webkit-filter: saturate(1.1) brightness(1.3);
            filter: saturate(1.1) brightness(1.3);
  }

  30% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
    opacity: 0;
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes freeteaser-behind {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: saturate(1.1) brightness(1.3);
            filter: saturate(1.1) brightness(1.3);
    opacity: 1;
  }

  15% {
    -webkit-filter: saturate(1.1) brightness(1.3);
            filter: saturate(1.1) brightness(1.3);
  }

  30% {
    -webkit-filter: saturate(1) brightness(1);
            filter: saturate(1) brightness(1);
    opacity: 0;
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes circle-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes circle-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes circle-flash {
  0% {
    -webkit-filter: contrast(1.35) brightness(1.35);
            filter: contrast(1.35) brightness(1.35);
    -webkit-transform: scale(1.0125, 1.0125);
            transform: scale(1.0125, 1.0125);
  }

  45% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  55% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-filter: contrast(1.35) brightness(1.35);
            filter: contrast(1.35) brightness(1.35);
    -webkit-transform: scale(1.0125, 1.0125);
            transform: scale(1.0125, 1.0125);
  }
}

@keyframes circle-flash {
  0% {
    -webkit-filter: contrast(1.35) brightness(1.35);
            filter: contrast(1.35) brightness(1.35);
    -webkit-transform: scale(1.0125, 1.0125);
            transform: scale(1.0125, 1.0125);
  }

  45% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  55% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    -webkit-filter: contrast(1.35) brightness(1.35);
            filter: contrast(1.35) brightness(1.35);
    -webkit-transform: scale(1.0125, 1.0125);
            transform: scale(1.0125, 1.0125);
  }
}
/* Click or Tap */
span.clicktap:before {
  content: 'click';
}

span.clicktap.upper:before {
  content: 'Click';
}
@media(max-width:767px) {
	span.clicktap:before {
    content: 'tap';
  }

	span.clicktap.upper:before {
    content: 'Tap';
  }
}