body,h1 {
    color: #000
}
body {
    font: 300 15px/15px Roboto,Arial,Helvetica;
    -webkit-font-smoothing: antialiased;
    background-color: #eee
}
.btn-end,.wrapper {
    background-color: #fff
}
a {
    color: #CA2D8E;
    text-decoration: none
}
a:hover {
    color: #666
}
.btn,.btn:hover,a,a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0!important
}
h1,h2,h3,h4 {
    margin: 0;
    line-height: 1em
}
h1,h2 {
    margin-bottom: 20px
}
h1 {
    font: 700 2.4em Raleway,Arial,Helvetica
}
h2 {
    font: 700 1.5em Raleway,Arial,Helvetica;
    color: #681D4D
}
h3 {
    font: 700 1.25em Raleway,Arial,Helvetica;
    margin: .5em 0
}
p {
    font-size: 1.4em;
    line-height: 1.4em;
    padding-right: 30px;
    margin-bottom: 1.4em;
    color: #f16b6b;
    font-weight: 500;

}
.container {
    width: 100%;
    max-width: 1400px;
    margin-top: 50px
}
.spacer {
    padding: 2em 2em 0
}
.btn {
    border: none;
    border-radius: 0;
    padding: 1.44em 3em;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 20px
}
.btn-end,.use-btn {
    border-radius: 3px
}
.btn-end {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 20px 50px;
    color: #f16b6b;
    font-size: 18px
}
.btn-end:hover,.btn:active {
    background-color: #f16b6b;
    color: #fff;
    text-decoration: none
}
.btn:active,.btn:hover {
    color: #fff;
    background: #f16b6b!important;
    box-shadow: none
}
.carousel-control {
    width: 10%
}
.carousel-control i.fa {
    top: 50%;
    position: absolute;
    margin-top: -30px;
    left: 0;
    right: 0
}
.carousel .item a.view {
    position: absolute;
    top: -10%;
    left: 50%;
    text-align: center;
    background: #f21861;
    color: #fff;
    display: inline-block;
    padding: .75em 2em;
    font-size: 1.25em;
    margin-top: -24px;
    margin-left: -70px
}
.carousel .item:hover a.view {
    top: 50%;
    text-decoration: none
}
.clock {
    font: 700 2.5em Raleway,Arial,Helvetica;
    margin-bottom: 20px;
    color: #000
}
.download-btn,.learn-btn,.use-btn {
    display: inline-block;
    font-size: 18px
}
.use-btn {
    margin: 0 10px 10px 0;
    padding: 22px 52px;
    background-color: #fff;
    color: #f16b6b
}
.use-btn:focus,.use-btn:hover {
    background-color: #f16b6b;
    color: #fff;
    text-decoration: none
}
.download-btn,.learn-btn {
    padding: 20px 50px;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff
}
.download-btn:focus,.download-btn:hover,.learn-btn:focus,.learn-btn:hover {
    border-color: #f16b6b;
    color: #f16b6b;
    text-decoration: none
}

.back {
    position: fixed;
    left: 20px;
    top: 20px;
    background-color: #FFF27F;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    font-size: 26px;
    padding: 5px 15px 10px 15px;
    text-decoration: none;
    z-index: 100;
}
.back:hover {
    background-color: #fff7b1;
    transition: all 0.3s ease-in-out 0s;
}

@media only screen and (max-width: 1200px) {
    h1 {
    font: 700 2em Raleway,Arial,Helvetica;
    margin-bottom: 20px
}
p {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #f16b6b;
    font-weight: 500;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 1.4em
}

}
@media only screen and (max-width: 979px) {
    .clock,.step,h1,p {
    text-align: center
}
h1 {
    font: 700 1.5em Raleway,Arial,Helvetica;
    margin-bottom: 20px
}
p {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #f16b6b;
    font-weight: 500;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 1.4em
}
.step {
    margin: 0
}
.clock {
    font: 700 1.6em Raleway,Arial,Helvetica;
    margin-bottom: 20px
}

}
@media only screen and (max-width: 767px) {
    h1,p {
    text-align: center
}
.nav-wrapper {
    padding-top: 15px;
}
h1 {
    font: 700 1.5em Raleway,Arial,Helvetica;
    margin-bottom: 20px
}
p {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #f16b6b;
    font-weight: 500;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 1.4em
}
.btn-end,.use-btn {
    margin: 0 10px 10px 0;
    border-radius: 3px;
    background-color: #fff;
    color: #f16b6b
}
.btn-end {
    display: inline-block;
    padding: 18px 48px;
    font-size: 18px
}
.download-btn,.learn-btn,.use-btn {
    display: inline-block;
    font-size: 16px
}
.use-btn {
    padding: 20px 50px
}
.use-btn:focus,.use-btn:hover {
    background-color: #f16b6b;
    color: #fff;
    text-decoration: none
}
.download-btn,.learn-btn {
    padding: 18px 45px;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff
}
.container {
    margin-top: 45px
}

}
.hero-content {
    min-height: 285px
}
.unsubscribe {
    width: 100%;
    position: fixed;
    bottom: 10px;
    left: 0;
    text-align: center;
    font-size: 12px
}
.unsubscribe a {
    color: #fff;
    text-decoration: underline
}
@media screen and (max-width: 767px) {
    .unsubscribe {
    position: relative;
    margin-top: 40px
}

}
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0
}
.vegas-overlay {
    opacity: .5;
    background: center center
}
.vegas-timer {
    top: auto;
    bottom: 0;
    height: 2px
}
.vegas-timer-progress {
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: width ease-out;
    transition: width ease-out
}
.vegas-timer-running .vegas-timer-progress {
    width: 100%
}
.vegas-slide,.vegas-slide-inner {
    margin: 0;
    padding: 0;
    background: center center no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
body .vegas-container {
    overflow: hidden!important;
    position: relative
}
.vegas-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}
body.vegas-container {
    overflow: auto;
    position: static;
    z-index: -2
}
body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer {
    position: fixed;
    z-index: -1
}
:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future {
    bottom: -76px
}
.vegas-transition-fade,.vegas-transition-fade2 {
    opacity: 0
}
.vegas-transition-fade-in,.vegas-transition-fade2-in {
    opacity: 1
}
.vegas-transition-fade2-out {
    opacity: 0
}
.vegas-transition-blur,.vegas-transition-blur2 {
    opacity: 0;
    -webkit-filter: blur(32px);
    filter: blur(32px)
}
.vegas-transition-blur-in,.vegas-transition-blur2-in {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
}
.vegas-transition-blur2-out {
    opacity: 0
}
.vegas-transition-flash,.vegas-transition-flash2 {
    opacity: 0;
    -webkit-filter: brightness(25);
    filter: brightness(25)
}
.vegas-transition-flash-in,.vegas-transition-flash2-in {
    opacity: 1;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}
.vegas-transition-flash2-out {
    opacity: 0;
    -webkit-filter: brightness(25);
    filter: brightness(25)
}
.vegas-transition-negative,.vegas-transition-negative2 {
    opacity: 0;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
.vegas-transition-negative-in,.vegas-transition-negative2-in {
    opacity: 1;
    -webkit-filter: invert(0);
    filter: invert(0)
}
.vegas-transition-negative2-out {
    opacity: 0;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
.vegas-transition-burn,.vegas-transition-burn2 {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
    filter: contrast(1000%) saturate(1000%)
}
.vegas-transition-burn-in,.vegas-transition-burn2-in {
    opacity: 1;
    -webkit-filter: contrast(100%) saturate(100%);
    filter: contrast(100%) saturate(100%)
}
.vegas-transition-burn2-out {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
    filter: contrast(1000%) saturate(1000%)
}
.vegas-transition-slideLeft,.vegas-transition-slideLeft2 {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2 {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.vegas-transition-slideRight2-out {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.vegas-transition-slideUp,.vegas-transition-slideUp2 {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.vegas-transition-slideDown2-out {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.vegas-transition-zoomIn,.vegas-transition-zoomIn2 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}
.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2 {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0
}
.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.vegas-transition-zoomOut2-out {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}
.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2 {
    -webkit-transform: scale(2) rotate(35deg);
    -ms-transform: scale(2) rotate(35deg);
    transform: scale(2) rotate(35deg);
    opacity: 0
}
.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}
.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2 {
    -webkit-transform: scale(2) rotate(-35deg);
    -ms-transform: scale(2) rotate(-35deg);
    transform: scale(2) rotate(-35deg);
    opacity: 0
}
.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}
.vegas-transition-swirlRight2-out {
    -webkit-transform: scale(2) rotate(35deg);
    -ms-transform: scale(2) rotate(35deg);
    transform: scale(2) rotate(35deg);
    opacity: 0
}
.vegas-animation-kenburns {
    -webkit-animation: kenburns ease-out;
    animation: kenburns ease-out
}
@-webkit-keyframes kenburns {
    0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1)
}

}
@keyframes kenburns {
    0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1)
}

}
.vegas-animation-kenburnsUp {
    -webkit-animation: kenburnsUp ease-out;
    animation: kenburnsUp ease-out
}
@-webkit-keyframes kenburnsUp {
    0% {
    -webkit-transform: scale(1.5) translate(0,10%);
    transform: scale(1.5) translate(0,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsUp {
    0% {
    -webkit-transform: scale(1.5) translate(0,10%);
    transform: scale(1.5) translate(0,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsDown {
    -webkit-animation: kenburnsDown ease-out;
    animation: kenburnsDown ease-out
}
@-webkit-keyframes kenburnsDown {
    0% {
    -webkit-transform: scale(1.5) translate(0,-10%);
    transform: scale(1.5) translate(0,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsDown {
    0% {
    -webkit-transform: scale(1.5) translate(0,-10%);
    transform: scale(1.5) translate(0,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsLeft {
    -webkit-animation: kenburnsLeft ease-out;
    animation: kenburnsLeft ease-out
}
@-webkit-keyframes kenburnsLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,0);
    transform: scale(1.5) translate(10%,0)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,0);
    transform: scale(1.5) translate(10%,0)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsRight {
    -webkit-animation: kenburnsRight ease-out;
    animation: kenburnsRight ease-out
}
@-webkit-keyframes kenburnsRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,0);
    transform: scale(1.5) translate(-10%,0)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,0);
    transform: scale(1.5) translate(-10%,0)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsUpLeft {
    -webkit-animation: kenburnsUpLeft ease-out;
    animation: kenburnsUpLeft ease-out
}
@-webkit-keyframes kenburnsUpLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,10%);
    transform: scale(1.5) translate(10%,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsUpLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,10%);
    transform: scale(1.5) translate(10%,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsUpRight {
    -webkit-animation: kenburnsUpRight ease-out;
    animation: kenburnsUpRight ease-out
}
@-webkit-keyframes kenburnsUpRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,10%);
    transform: scale(1.5) translate(-10%,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsUpRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,10%);
    transform: scale(1.5) translate(-10%,10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsDownLeft {
    -webkit-animation: kenburnsDownLeft ease-out;
    animation: kenburnsDownLeft ease-out
}
@-webkit-keyframes kenburnsDownLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,-10%);
    transform: scale(1.5) translate(10%,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsDownLeft {
    0% {
    -webkit-transform: scale(1.5) translate(10%,-10%);
    transform: scale(1.5) translate(10%,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.vegas-animation-kenburnsDownRight {
    -webkit-animation: kenburnsDownRight ease-out;
    animation: kenburnsDownRight ease-out
}
@-webkit-keyframes kenburnsDownRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,-10%);
    transform: scale(1.5) translate(-10%,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
@keyframes kenburnsDownRight {
    0% {
    -webkit-transform: scale(1.5) translate(-10%,-10%);
    transform: scale(1.5) translate(-10%,-10%)
}
100% {
    -webkit-transform: scale(1) translate(0,0);
    transform: scale(1) translate(0,0)
}

}
.unsub {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    text-align: right;
    padding: 10px 15px;
    box-sizing: border-box;
    z-index: 9999;
    background-color: transparent;

}
.unsub>a {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: lowercase;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    color: #000;
    opacity: .6;

}
.container {
    position: relative;
    z-index: 2;

}
.moving-bg {
    z-index: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;

}
.moving-bg>.inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg,#FDF05F,#fff9b4);
    background-size: 100% 800%;
    -webkit-animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;

}
@-webkit-keyframes Gradient {
    0% {
    background-position: 0% 0%
}
50% {
    background-position: 0% 100%
}
100% {
    background-position: 0% 0%
}

}
@-moz-keyframes Gradient {
    0% {
    background-position: 0% 0%
}
50% {
    background-position: 0% 100%
}
100% {
    background-position: 0% 0%
}

}
@keyframes Gradient {
    0% {
    background-position: 0% 0%
}
50% {
    background-position: 0% 100%
}
100% {
    background-position: 0% 0%
}

}
@media screen and (max-width: 1024px) {
    .container {
    z-index: 3;

}
.moving-bg {
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);

}
.moving-bg>.inner {
    display: none;

}
body,h1,.clock {
    color: #fff
}
.vegas-slide-inner {
    background-position: 0 0 !important;

}
.logo {
    max-width: 100%;

}

}
@media only screen and (max-width: 767px) {
    p {
    padding-right: 0px;
    padding-left: 0px;

}
.step_button_2 {
    margin-right: 0;
    padding: 20px 54px;

}

}
.step_button_1.next,step_button_2 next {
    margin-bottom: 10px;

}