/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/landings/127270/1526307811/images/S6uyw4BMUTPHjxAwWDeu.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/landings/127270/1526307811/images/S6uyw4BMUTPHjx4wWA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display:block
}
body {
    line-height:1
}
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
    content:"";
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
* {
    box-sizing:border-box
}
body, html {
    height:100%
}
body {
    min-width:320px;
    background-color:#000000;
    overflow-x:hidden;
    overflow-y:hidden;
    font-family:Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:400;
    color:#282828;
    z-index:0
}
h1 {
    font-size:2.25em;
    text-shadow: 2px 1px 2px #000000;
}
h1, h2 {
    line-height:1.3em;
    text-transform:uppercase
}
h2 {
    font-size:2em;
    text-shadow: 2px 1px 2px #000000;
}
h3 {
    font-size:1.5em;
    text-transform:uppercase
}
h3, h4 {
    line-height:1.3em
}
h4 {
    font-size:1.125em;
    text-shadow: 2px 1px 2px #000000;
}
h5 {
    font-size:.875em;
    line-height:1.3em
}
.ttu, h5 {
    text-transform:uppercase
}
.indent {
    text-indent:1em
}
.btn {
    vertical-align:middle;
    outline:none;
    cursor:pointer;
    width:140px;
    height:140px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:2px;
    border-radius:25px;
    background-color:#17ace3;
    background:-webkit-gradient(linear, left top, left bottom, from(#17ace3), color-stop(90%, #1289b5));
    background:-webkit-linear-gradient(top, #17ace3, #1289b5 90%);
    background:linear-gradient(180deg, #17ace3, #1289b5 90%);
    border-bottom:4px solid #10779e;
    box-shadow:inset 0 2px 10px #70cef0;
    opacity: 0.8;
    word-wrap:break-word
}
.btn, .btn b {
    display:inline-block;
    position:relative
}
.btn b {
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.btn:hover {
    background:-webkit-gradient(linear, left bottom, left top, from(#17ace3), color-stop(90%, #1289b5));
    background:-webkit-linear-gradient(bottom, #17ace3, #1289b5 90%);
    background:linear-gradient(0deg, #17ace3, #1289b5 90%)
}
.btn:hover span {
    top:62px
}
.btn.active, .btn:active {
    background:#10779e;
    border-bottom-color:transparent;
    box-shadow:none
}
.btn:active, .btn:hover {
    color:#fff;
    text-decoration:none;
    box-shadow:none;
    border-bottom:none
}
.btn--accent {
    background-color:#ea4acb;
    background:-webkit-gradient(linear, left top, left bottom, from(#ea4acb), color-stop(90%, #e51cbe));
    background:-webkit-linear-gradient(top, #ea4acb, #e51cbe 90%);
    background:linear-gradient(180deg, #ea4acb, #e51cbe 90%);
    border-bottom:4px solid #cf18ac;
    box-shadow:inset 0 2px 10px #f5a5e5
}
.btn--accent:hover {
    background:-webkit-gradient(linear, left bottom, left top, from(#ea4acb), color-stop(90%, #e51cbe));
    background:-webkit-linear-gradient(bottom, #ea4acb, #e51cbe 90%);
    background:linear-gradient(0deg, #ea4acb, #e51cbe 90%)
}
.btn--accent.active, .btn--accent:active {
    background:#cf18ac
}
.btn span {
    left:55px;
    top:60px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.btn span, .btn span:after, .btn span:before {
    width:30px;
    height:30px;
    display:block;
    background:#fff;
    position:absolute
}
.btn span:after, .btn span:before {
    content:"";
    border-radius:50px
}
.btn span:before {
    left:-15px;
    top:0
}
.btn span:after {
    left:0;
    top:-15px
}
.btn--accent:before {
    content:"x";
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-size:44px;
    font-weight:700
}
.primary {
    color:#17ace3!important
}
.accent {
    color:#ea4acb!important
}
.blue {
    color:#3892d4!important
}
.gold {
    color:#eb5c4c!important
}
.red {
    color:#d80b0b!important
}
.gradientbox {
    background:#25b4e9;
    background-color:linear-gradient(180deg, #25b4e9 0, #2ab6e9)
}
section {
    width:100%;
    height:100%
}
.parallax-window {
    min-height:100%;
    background:transparent
}
.parallax-window:after {
    content:"";
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    background:rgba(0, 0, 0, .1)
}
.slide {
    background-size:cover;
    background-position:50%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-origin:initial;
    background-clip:initial;
    overflow:hidden
}
.slide, .slide__inner {
    position:relative;
    width:100%;
    height:100%
}
.slide__inner {
    z-index:1
}
.slide__inner .content {
    width:90%;
    max-width:500px;
    display:inline-block;
    position:absolute;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    text-align:center;
    color:#fff
}
.slide__inner .content .btns, .slide__inner .content h1, .slide__inner .content h2, .slide__inner .content h4, .slide__inner .content h5, .slide__inner .content p {
    max-width:500px;
    margin:auto
}
.slide__inner .content h1, .slide__inner .content h2, .slide__inner .content h4, .slide__inner .content h5, .slide__inner .content p {
    margin-bottom:30px
}
.slide__inner .content h4 {
    text-align:left;
    text-align:justify;
    text-indent:1em;
    color:hsla(0, 0%, 100%, .8);
}
.slide__inner .content h5 {
    text-align:left
}
.slide__inner .content p {
    text-align:justify;
    font-size:1.3125em;
    color:#fff;
    text-shadow: 2px 1px 2px #000000;
}
.slide__inner .content .btns {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.progress {
    position:fixed;
    z-index:2;
    top:0;
    right:0;
    height:100%;
    width:4px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease;
    background-color:transparent
}
.progress .line {
    width:100%;
    height:0%;
    background:#17ace3
}
.slide {background-repeat: no-repeat; background-position: center center; background-size: contain;}
#slide1 {background-image: url(../images/1.jpg);}
#slide2 {background-image: url(../images/2.jpg);}
#slide3 {background-image: url(../images/3.jpg);}
#slide4 {background-image: url(../images/4.jpg);}
#slide5 {background-image: url(../images/5.jpg);}

	.unsub {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: right;
		padding: 10px 15px;
		box-sizing: border-box;
		z-index: 9999;
		background-color: transparent;
	}
	
	.unsub>a {
		padding: 0;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: lowercase;
		font-weight: normal;
		text-decoration: none;
		font-size: 14px;
		color: #fff;
		opacity: .6;
	}
@media (min-width:320px) and (max-width:991px) {
    .slide__inner .content {
        width:100%;
        max-width:100%;
        -webkit-transform:translate(0);
        transform:translate(0);
        top:auto;
        bottom:0;
        left:0;
        text-align:center;
        background:rgba(0, 0, 0, .3);
        padding:40px
    }
    .slide__inner .content .btns, .slide__inner .content h1, .slide__inner .content h2, .slide__inner .content h4, .slide__inner .content h5, .slide__inner .content p {
        max-width:500px;
        margin:auto
    }
    .slide__inner .content h1, .slide__inner .content h2, .slide__inner .content h4, .slide__inner .content h5, .slide__inner .content p {
        margin-bottom:30px
    }
    .slide__inner .content h4 {
        text-align:left;
        text-align:justify;
        text-indent:1em;
        color:hsla(0, 0%, 100%, .7)
    }
    .slide__inner .content h5 {
        text-align:left
    }
    .slide__inner .content p {
        text-align:justify;
        font-size:1.3125em;
        color:#fff
    }
    .slide__inner .content .btns {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
}
@media (min-width:320px) and (max-width:575px) {
	.slide {background-repeat: no-repeat; background-position: center top; background-size: cover;}
	 .slide__inner .content {
        background:rgba(0, 0, 0, .1);
    }
    .hidden-xs {
        display:none
    }
}
@media (min-width:576px) and (max-width:767px) {
    .hidden-xs {
        display:none
    }
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display:none
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-sm {
        display:none
    }
}
@media (min-width:1200px) and (max-width:1439px) {
    .hidden-md {
        display:none
    }
}
@media (min-width:1440px) and (max-width:1899px) {
    .hidden-lg {
        display:none
    }
}
@media (min-width:1900px) {
    .hidden-lg {
        display:none
    }
}