@font-face {
  font-family: 'primeregular';
  src: url('../font/prime/prime_regular-webfont.eot');
  src: url('../font/prime/prime_regular-webfont.eot?') format('embedded-opentype'),
       url('../font/prime/prime_regular-webfont.woff') format('woff'),
       url('../font/prime/prime_regular-webfont.ttf') format('truetype'),
       url('../font/prime/prime_regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.main-accent { color: #9C27B0 !important; }
.main-accent-border { border: 2px solid #9C27B0; }
.main-accent-border-thin { border: 1px solid #9C27B0; }
/* .main-accent-thin { border: 1px solid #9C27B0; } */
.main-accent-bg { background-color: #9C27B0 !important; }
.inactive-accent { color: #c1c1c1 !important; }
.inactive-bg { background-color: #fff; }
.f12 { font-size: 0.75em; }
.f14 { font-size: 0.875em; }
.f18 { font-size: 0.9em; }
.f18-1 { font-size: 1.125em; }
.f16 { font-size: 1em; }
.f20 { font-size: 1.25em; }
.f24 { font-size: 1.5em; }
.f30 { font-size: 1.875em; }
.f36 { font-size: 2.25em; }
.f48 { font-size: 3em; }
.lh12 { line-height: 1.2; }
.lh15 { line-height: 1.5; }
.underline { text-decoration: underline; }
img { max-width: 100%; }
p, span, ul li, div { font-weight: 400; }
p { line-height: 1.8; }

#header {
  background-image: url('../img/left.png'), url('../img/right.png'), linear-gradient(to bottom, #F3E5F5, #fff);
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
}

#wg_logo { font-family: 'primeregular'; letter-spacing: 2px; font-size: 24px; }
.w-960 { max-width: 960px; }
.w-800 { max-width: 800px; }
.w-720 { max-width: 720px; }
#intro .what-is, .what-can-do, .subs_now, .who-need { margin-top: -1.125rem; line-height: 100%; width: fit-content; }
#feat_with_img_2 .row > div:last-child { padding-left: 2.5rem; }
table { border-collapse: collapse; overflow: hidden; }
table td { font-size: 1em; }
table p { line-height: 1.5; }
table tr th, table tr td { padding: 1.5rem; }
table tr th:not(:first-child), table tr td:not(:first-child) { padding-left: 32px; padding-right: 32px; }
table tr th:first-child, table tr td:first-child, #feat_with_img { background: #2D1B44 !important; }
table tr th:not(:last-child) { font-family: 'primeregular'; letter-spacing: 2px; }
table tr td:first-child p:first-child { color: #fff; font-size: 1em; font-weight: bold; margin-bottom: .5rem; }
table tr td:first-child p:last-child { color: #BA68C8; font-size: 0.875em; margin-bottom: 0; }
table tr td:not(:first-child) { text-align: center; }
table tr:nth-child(odd) td:not(:first-child) { background:#FAFAFA; }
table i { font-size: 24px !important; }
table .fa-check { color: #4CAF50; }
table .fa-close, table .fa-question { color: #f44336; }
.num { width: 20px; height: 20px; line-height: 20px; max-width: 20px; padding: 0; }
.yellow-text { color: #FFD600 !important; }
.num_2 { font-size: 1.125em; color: #fff; font-weight: bold; line-height: 48px; width: 48px; height: 48px; background-image: linear-gradient(45deg, #A445B2, #D41872); margin-right: 1rem; }
#testimonials { background-image: linear-gradient(to right, #9C27B0, #283593) }
#price_research tr:last-child td:first-child { background-color: #10002D; }
#price_research tr:last-child td:last-child { background-color: #E1BEE8; }
#price_research tr td:last-child { color: #9c27b0 !important; font-weight: bold; font-size: 1.125em;  }
#price_research tr th, #price_research tr td { padding: 1em 1.5em; }


.pricing_table { margin-left: auto; margin-right: auto; background-image: linear-gradient(to bottom, #fafafa, #fafafa 35%, #fff 35%); }
.pricing_table .row { max-width: 920px; width: 100%; }
.pricing_table .col-4 { max-width: 280px; width: 100%; }
.premium_yearly_accent { color: #FFEB3B; }
.premium_yearly_button { background-color: #FFEB3B; margin-bottom: -1.5rem !important; }
.premium_pricing_head {
  background-image: linear-gradient(to top, #9C27B0, #6C36F4);
}
.green-text { color: #4CAF50 !important; }
.yes-guys > div { background-image: linear-gradient(to top, #f3e5f5 25%, #fff 35%); }
.row { max-width: 100%; margin: auto; }

@media (max-width: 959px) { 
  body { font-size: 15px; }
  #header {
    background-position: -72% 110%, 174% 110%;
  }
  #intro, #what_can_do, #feat_with_img_2 > div, #gift, #who_need_this, .pricing_table > div, #don-wan {
    max-width: 900px;
  }
  #intro { 
    padding-left: 1em; padding-right: 1em;
  }
  
}
@media (max-width: 800px) { 
  body { font-size: 14px; }
  table tr th:not(:first-child), table tr td:not(:first-child) { 
    padding-left: 24px;
    padding-right: 24px;
  }
  #gift > div {
    padding-left: 1em; padding-right: 1em;
  }
  .pricing_table .row {
    flex-direction: column;
    align-items: center;
    padding-left: 1.5rem !important; 
    padding-right: 1.5rem !important;
  }
  .pricing_table .row > .col-4 { 
    flex: 0 0 100%;
    max-width: 100%;
    
  }
  .pricing_table .row > .col-4:not(:last-child) {
    margin-bottom: 2.25em !important;
  }
  #header {
    background-position: -132% 110%, 234% 110%;
  }
}
@media (max-width: 680px) { 
  #feat_with_img .row { 
    flex-direction: column;
    align-items: center;
  }
  #feat_with_img .row > .col-6 { 
    flex: 0 0 100%;
    max-width: 100%;
  }
  #feat_with_img .row p:first-child {
    margin-bottom: 0 !important;
    padding-bottom: 0.5em !important;
  }
  #feat_with_img .row > div > div:first-child {
    margin-bottom: 1.5em !important;
  }
  #feat_with_img .row:nth-of-type(odd) > div:first-child,
  #feat_with_img .row:nth-of-type(even) > div:last-child {
    margin-bottom: 1em; 
  }
  #feat_with_img .row:nth-of-type(even) {
    flex-flow: column-reverse;
  }
  .pwr-by { margin-bottom: 12px !important; padding-bottom: 0 !important; }
  #header {
    background-position: -244% 110%, 364% 110%;
  }
}
@media (max-width: 600px) { 
  body { font-size: 13px; }
  table tr th:not(:first-child), table tr td:not(:first-child) { 
    padding-left: 16px;
    padding-right: 16px;
  }
  #feat_with_img_2 .row > div > div:last-child {
    font-size: 1.2em !important;
  }
  
  #header {
    background-image: url('../img/left.png'), linear-gradient(to bottom, #F3E5F5, #fff);
    background-position: center top;
  }
}
@media (max-width: 520px) { 
  #what_can_do .num { margin-right: 2px !important; } 
  #feat_with_img_2 .row { 
    flex-direction: column;
    align-items: center;
    
  }
  #feat_with_img_2  .row > .col-6 { 
    flex: 0 0 100%;
    max-width: 100%;
  }
  #feat_with_img_2 .row > div {
    padding: 0 !important;
  }
  #feat_with_img_2 .row:nth-of-type(even) {
    flex-flow: column-reverse;
  }
  #feat_with_img_2 .row:nth-of-type(odd) > div:first-child,
  #feat_with_img_2 .row:nth-of-type(even) > div:last-child {
    margin-bottom: 12px !important;
  } 
  #testimonials .row {
    flex-direction: column;
    align-items: center;
  }
  #testimonials .row > .col-4 { 
    flex: 0 0 100%;
    max-width: 100%;
    
  }
  #testimonials .row > .col-4:not(:last-child) {
    margin-bottom: 2.25em !important;
  }
  .yes-guys .w-50 {
    width: 90% !important;
  }
  .yes-guys > div {
    padding-left: 1em !important; padding-right: 1em !important;
  }

}
@media (max-width: 480px) { 
  body { font-size: 12px; }
  table tr th:first-child, table tr td:first-child {
    padding-left: 12px;
    padding-right: 12px;
  }
  table tr th:not(:first-child), table tr td:not(:first-child) { 
    padding-left: 8px;
    padding-right: 8px;
  }
  #gift .num {
    margin-right: 16px !important;
  }
}
@media (max-width: 400px) {
  #difference table th:nth-child(2) {
    font-size: 16px; 
  }
  #difference table th:nth-child(2) span {
    display: block;
  }
  #what_can_do .num { margin-bottom: 4px !important; } 
}



/* START CSS FOR TIMER */
.countdown-container {
  margin: 0 auto;
  width: 320px;
  font-size: 20px;
  height: 130px;
  color: #d8329c;
}
.countdown-container {
  height: 124px;
}
.countdown-container .time {
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 65px;
  width: 65px;
  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0px, 0px, 0px);
  background: rgba(0,0,0,0.5);
  margin: 4px;
}
.countdown-container .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: "Oswald",sans-serif;
  font-size: 2em;
  line-height: 1.6em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
  top: 0px;
  width: 100%;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0px);
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.countdown-container .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-radius: 5px 5px 0 0;
  height: 50%;
  -webkit-transform-origin: 50% 100% 0px;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100% 0px;
}
.countdown-container .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.countdown-container .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.countdown-container .count.bottom {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: 50% 0px 0px;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0px 0px;
}
.countdown-container .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
  /* width: calc(100% - 1px); */
}
.countdown-container .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);

}
.countdown-container .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 65px;
  width: 100%;
}
/* END CSS FOR TIMER */
.discounted {
  
  background-color: transparent;
  background-image: gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, transparent), color-stop(.48, transparent), color-stop(.5, #000), color-stop(.52, transparent), color-stop(1, transparent));
  background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #fff 50%, transparent 52%, transparent 100%)
}
.discount-wrap {
  max-width: 168px;
  margin: auto;
}
video.fw[poster] {
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}