@charset "utf-8";

/* ========================= COPYRIGHT (C) Inovazi - Agência Criativa  ========================================== */

/* ======================================= HTML5 NORMALIZE ====================================================== */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
    overflow-x: hidden;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template, /* 1 */
[hidden] {
    display: none;
}

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

button,
input,
select,
textarea {
    font: inherit; /* 1 */
    margin: 0; /* 2 */
}

optgroup {
    font-weight: bold;
}

button,
input { /* 1 */
    overflow: visible;
}


button,
select { /* 1 */
    text-transform: none;
}

ul{
    padding: 0;
}

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}


textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}


::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}


/* ===================================== END HTML5 NORMALIZE ==================================================== */


/* ========================================== PURE GRID ========================================================= */

.pure-g {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    display: -ms-flexbox;
    -ms-flex-flow: row wrap;

    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}

@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-md-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-4,
    .pure-u-lg-3-4,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-5-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-8,
    .pure-u-lg-3-8,
    .pure-u-lg-5-8,
    .pure-u-lg-7-8,
    .pure-u-lg-1-12,
    .pure-u-lg-5-12,
    .pure-u-lg-7-12,
    .pure-u-lg-11-12,
    .pure-u-lg-1-24,
    .pure-u-lg-2-24,
    .pure-u-lg-3-24,
    .pure-u-lg-4-24,
    .pure-u-lg-5-24,
    .pure-u-lg-6-24,
    .pure-u-lg-7-24,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24,
    .pure-u-lg-10-24,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-lg-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-lg-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-lg-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-lg-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-lg-5-12,
    .pure-u-lg-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-lg-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-lg-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-lg-7-12,
    .pure-u-lg-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-lg-5-8,
    .pure-u-lg-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-lg-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-lg-3-4,
    .pure-u-lg-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-lg-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-lg-7-8,
    .pure-u-lg-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-lg-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-5-5,
    .pure-u-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-2,
    .pure-u-xl-1-3,
    .pure-u-xl-2-3,
    .pure-u-xl-1-4,
    .pure-u-xl-3-4,
    .pure-u-xl-1-5,
    .pure-u-xl-2-5,
    .pure-u-xl-3-5,
    .pure-u-xl-4-5,
    .pure-u-xl-5-5,
    .pure-u-xl-1-6,
    .pure-u-xl-5-6,
    .pure-u-xl-1-8,
    .pure-u-xl-3-8,
    .pure-u-xl-5-8,
    .pure-u-xl-7-8,
    .pure-u-xl-1-12,
    .pure-u-xl-5-12,
    .pure-u-xl-7-12,
    .pure-u-xl-11-12,
    .pure-u-xl-1-24,
    .pure-u-xl-2-24,
    .pure-u-xl-3-24,
    .pure-u-xl-4-24,
    .pure-u-xl-5-24,
    .pure-u-xl-6-24,
    .pure-u-xl-7-24,
    .pure-u-xl-8-24,
    .pure-u-xl-9-24,
    .pure-u-xl-10-24,
    .pure-u-xl-11-24,
    .pure-u-xl-12-24,
    .pure-u-xl-13-24,
    .pure-u-xl-14-24,
    .pure-u-xl-15-24,
    .pure-u-xl-16-24,
    .pure-u-xl-17-24,
    .pure-u-xl-18-24,
    .pure-u-xl-19-24,
    .pure-u-xl-20-24,
    .pure-u-xl-21-24,
    .pure-u-xl-22-24,
    .pure-u-xl-23-24,
    .pure-u-xl-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-24 {
        width: 4.1667%;
        *width: 4.1357%;
    }

    .pure-u-xl-1-12,
    .pure-u-xl-2-24 {
        width: 8.3333%;
        *width: 8.3023%;
    }

    .pure-u-xl-1-8,
    .pure-u-xl-3-24 {
        width: 12.5000%;
        *width: 12.4690%;
    }

    .pure-u-xl-1-6,
    .pure-u-xl-4-24 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xl-1-5 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xl-5-24 {
        width: 20.8333%;
        *width: 20.8023%;
    }

    .pure-u-xl-1-4,
    .pure-u-xl-6-24 {
        width: 25%;
        *width: 24.9690%;
    }

    .pure-u-xl-7-24 {
        width: 29.1667%;
        *width: 29.1357%;
    }

    .pure-u-xl-1-3,
    .pure-u-xl-8-24 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xl-3-8,
    .pure-u-xl-9-24 {
        width: 37.5000%;
        *width: 37.4690%;
    }

    .pure-u-xl-2-5 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xl-5-12,
    .pure-u-xl-10-24 {
        width: 41.6667%;
        *width: 41.6357%;
    }

    .pure-u-xl-11-24 {
        width: 45.8333%;
        *width: 45.8023%;
    }

    .pure-u-xl-1-2,
    .pure-u-xl-12-24 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xl-13-24 {
        width: 54.1667%;
        *width: 54.1357%;
    }

    .pure-u-xl-7-12,
    .pure-u-xl-14-24 {
        width: 58.3333%;
        *width: 58.3023%;
    }

    .pure-u-xl-3-5 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xl-5-8,
    .pure-u-xl-15-24 {
        width: 62.5000%;
        *width: 62.4690%;
    }

    .pure-u-xl-2-3,
    .pure-u-xl-16-24 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xl-17-24 {
        width: 70.8333%;
        *width: 70.8023%;
    }

    .pure-u-xl-3-4,
    .pure-u-xl-18-24 {
        width: 75%;
        *width: 74.9690%;
    }

    .pure-u-xl-19-24 {
        width: 79.1667%;
        *width: 79.1357%;
    }

    .pure-u-xl-4-5 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xl-5-6,
    .pure-u-xl-20-24 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xl-7-8,
    .pure-u-xl-21-24 {
        width: 87.5000%;
        *width: 87.4690%;
    }

    .pure-u-xl-11-12,
    .pure-u-xl-22-24 {
        width: 91.6667%;
        *width: 91.6357%;
    }

    .pure-u-xl-23-24 {
        width: 95.8333%;
        *width: 95.8023%;
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-5-5,
    .pure-u-xl-24-24 {
        width: 100%;
    }
}

ul.perspective::before {
    /* never visible - this is used in jQuery to check the device type */
    content: 'web';
    display: none;
}
.mobile ul.perspective::before {
    /* never visible - this is used in jQuery to check the device type */
    content: 'mobile';
}

/* ======================================== END PURE GRID ======================================================= */


/* ====================================== CLAPPYU FONT@ICONS ==================================================== */
@font-face {
    font-family: 'icons-clappyu';
    src:    url('../fonts/icons-clappyu.eot?twae8s');
    src:    url('../fonts/icons-clappyu.eot?twae8s#iefix') format('embedded-opentype'),
    url('../fonts/icons-clappyu.ttf?twae8s') format('truetype'),
    url('../fonts/icons-clappyu.woff?twae8s') format('woff'),
    url('../fonts/icons-clappyu.svg?twae8s#icons-clappyu') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="clappyu-"], [class*=" clappyu-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons-clappyu' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clappyu-arrow:before {
    content: "\e900";
}
.clappyu-hand:before {
    content: "\e901";
}
.clappyu-sound:before {
    content: "\e902";
}
.clappyu-face1:before {
    content: "\e903";
}
.clappyu-face2:before {
    content: "\e904";
}
.clappyu-home:before {
    content: "\e905";
}
.clappyu-icon-07:before {
    content: "\e906";
}
.clappyu-pyramid:before {
    content: "\e907";
}
.clappyu-close:before {
    content: "\e908";
}
.clappyu-mouse:before {
    content: "\e909";
}
.clappyu-heart:before {
    content: "\e90a";
}
.clappyu-icon:before {
    content: "\e90b";
}
.clappyu-correct:before {
    content: "\e90c";
}
.clappyu-warning:before {
    content: "\e90d";
}
.clappyu-burguer:before {
    content: "\e90e";
}
.clappyu-positive:before {
    content: "\e90f";
}
.clappyu-pyramid2:before {
    content: "\e910";
}
.clappyu-facebook:before {
    content: "\e911";
}
.clappyu-instagram:before {
    content: "\e912";
}
.clappyu-vimeo:before {
    content: "\e913";
}
.clappyu-pinterest:before {
    content: "\e914";
}
.clappyu-twitter:before {
    content: "\e915";
}
.clappyu-youtube:before {
    content: "\e916";
}
.clappyu-people:before {
    content: "\e91b";
}
.clappyu-money:before {
    content: "\e91c";
}
.clappyu-talk:before {
    content: "\e91d";
}
.clappyu-checkbox:before {
    content: "\e91e";
}
.clappyu-contract:before {
    content: "\e91f";
}
.clappyu-agen:before {
    content: "\e921";
}
.clappyu-icon-heart2:before {
    content: "\e922";
}
.clappyu-hand1:before {
    content: "\e923";
}
.clappyu-star1:before {
    content: "\e920";
}
.clappyu-icon-clappyuicon-35:before {
    content: "\e922";
}
.clappyu-icon-idea:before{
    content: "\e924";
}
.clappyu-icon-time:before{
    content: "\e925";
}
.clappyu-icon-market:before{
    content: "\e926";
}
.clappyu-icon-money2:before{
    content: "\e927";
}


li i.clappyu-pyramid {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    height: auto;
    width: auto;
    left: 0;
}

/* ===================================== CLAPPYU FONT@ICONS ==================================================== */


/* =========================================== COMMON =========================================================== */

* {
    box-sizing: border-box;
    position: relative;
}

html {
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
}

::-moz-selection {
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: none;
}

a {
    text-decoration: none;
    color: inherit;
    display: inline-block
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table;
}

.clearfix::after {
    clear: both;
}

.v-align-bottom {
    display: inline-block;
    vertical-align: bottom;
}

.content {
    max-width: 62.5rem;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

body.content {
    width: 100%;
    max-width: 100%;
}

.content::before,
.content::after {
    content: ' ';
    display: table;
}

.content::after {
    clear: both;
}

.content .content {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

body.content .content {
    margin: 0 auto;
}

.hide, .hidden {
    visibility: hidden;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0!important;
    overflow: hidden;
    opacity: 0;
}

.flex {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }

.aspect-ratio__3x2 {
    width: 100%;
    padding-bottom: 66.66%;
    position: relative;
}

.aspect-ratio__1x1 {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

[class^="aspect-ratio__"] > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.gradient {
    background: #cccc33;
    background: -moz-linear-gradient(top, #cccc33 0%, #0186b3 100%);
    background: -webkit-linear-gradient(top, #cccc33 0%,#0186b3 100%);
    background: linear-gradient(to top, #cccc33 0%,#0186b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc33', endColorstr='#0186b3',GradientType=0 );
}

.light-gray { background-color: #cfd5dd }
.red { background-color: #ff3333 }
.dark { background-color: #333333 }
.green { background-color: #c4c938!important }


span.section-title {
    position: absolute;
    right: 1%;
    top: 0;
    height: 100%;
    width: 20px;
    text-align: center;
}

span.section-title label {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    font-size: 13px;
    text-transform: uppercase;
}

input.error,
select.error,
textarea.error {
    border-color: #D41E1E;
}

section.count-down input.error,
section.count-down select.error,
section.count-down textarea.error {
    border-color: #8b8b24;
}

body.loading .loader{
    bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0s, opacity .2s 0s;
    -moz-transition: bottom 0s, opacity .2s 0s;
    -ms-transition: bottom 0s, opacity .2s 0s;
    -o-transition: bottom 0s, opacity .2s 0s;
    transition: bottom 0s, opacity .2s 0s;
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 100%;
    background: rgba(17,36,16,.8);
    opacity: 0;
    -webkit-transition: bottom 0s .2s,opacity .2s 0s;
    -moz-transition: bottom 0s .2s,opacity .2s 0s;
    -ms-transition: bottom 0s .2s,opacity .2s 0s;
    -o-transition: bottom 0s .2s,opacity .2s 0s;
    transition: bottom 0s .2s,opacity .2s 0s;
    z-index: -1;
}

body.modal-open .loader,
.loading .loader {
    bottom: 0;
    opacity: 1;
    -webkit-transition: bottom 0s,opacity .2s 0s;
    -moz-transition: bottom 0s,opacity .2s 0s;
    -ms-transition: bottom 0s,opacity .2s 0s;
    -o-transition: bottom 0s,opacity .2s 0s;
    transition: bottom 0s,opacity .2s 0s;
    z-index: 999;
}

.loader .svg {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 150px);
    display: block;
    -webkit-animation: svg-rotate 8000ms linear infinite;
    animation: svg-rotate 8000ms linear infinite;
    opacity: 0;
}

.loading .loader .svg { opacity: 1 }

.loader circle {
    fill: transparent;
    stroke: rgba(204,204,51,.7);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 0, 301.59289;
    -webkit-animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite;
    animation: stroke-dash 2000ms linear infinite, stroke-width 2000ms linear infinite;
}

.display-block { display: block }
#map { z-index: 4 }
/* ========================================= END COMMON ========================================================= */

/* ========================================= ANIMATIONS ========================================================= */


@-webkit-keyframes waves {
    0% {
        content: '\e902';
    }
    /*

    40% {
        content: '\e917';
    }

    70% {
        content: '\e918';
    }
*/
    100% {
        content: '\e919';
    }
}

@keyframes waves {
    0% {
        content: '\e902';
    }/*

    40% {
        content: '\e917';
    }

    70% {
        content: '\e918';
    }
*/
    100% {
        content: '\e919';
    }
}

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

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

@-webkit-keyframes stroke-width {
    0%, 100% {
        stroke-width: 0;
    }
    45%, 55% {
        stroke-width: 2;
    }
    50% {
        stroke-width: 2;
    }
}

@keyframes stroke-width {
    0%, 100% {
        stroke-width: 0;
    }
    45%, 55% {
        stroke-width: 2;
    }
    50% {
        stroke-width: 2;
    }
}

@-webkit-keyframes stroke-dash {
    0% {
        stroke-dasharray: 0, 301.59289;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 301.59289, 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 301.59289, 301.59289;
        stroke-dashoffset: -301.59289;
    }
}

@keyframes stroke-dash {
    0% {
        stroke-dasharray: 0, 301.59289;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 301.59289, 0;
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dasharray: 301.59289, 301.59289;
        stroke-dashoffset: -301.59289;
    }
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes outToRight {
    from{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    from{
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}


@keyframes Float {
    0% { transform: translate3d(-40%,0,0) }
    50% { transform: translate3d(15%,0,0) }
    100% { transform: translate3d(-40%,0,0) }
}

@-webkit-keyframes Float {
    0% { -webkit-transform: translate3d(-40%,0,0) }
    50% { -webkit-transform: translate3d(15%,0,0) }
    100% { -webkit-transform: translate3d(-40%,0,0) }
}

@keyframes Semifloat {
    0% { transform: translate3D(60%,0,0); }
    50% { transform: translate3D(-15%,0,0); }
    100% { transform: translate3D(60%,0,0); }
}

@-webkit-keyframes Semifloat {
    0% { -webkit-transform: translate3D(60%,0,0); }
    50% { -webkit-transform: translate3D(-15%,0,0); }
    100% { -webkit-transform: translate3D(60%,0,0); }
}

@keyframes FadeFloat {
    0%, 100% { opacity: 0; }
    5%, 90% { opacity: 1; }
}

@-webkit-keyframes FadeFloat {
    0%, 100% { opacity: 0; }
    5%, 90% { opacity: 1; }
}

@keyframes Semifloat2 {
    0% { transform: translate3D(20%,0,0); }
    50% { transform: translate3D(-15%,0,0); }
    100% { transform: translate3D(20%,0,0); }
}

@-webkit-keyframes Semifloat2 {
    0% { -webkit-transform: translate3D(20%,0,0); }
    50% { -webkit-transform: translate3D(-15%,0,0); }
    100% { -webkit-transform: translate3D(20%,0,0); }
}

@-webkit-keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 12px;
    }
    50% {
        height: 30px;
        width: 12px;
    }
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 12px;
    }
    50% {
        height: 30px;
        width: 12px;
    }
}

@-webkit-keyframes check2 {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 18px;
    }
    50% {
        height: 40px;
        width: 18px;
    }
}

@keyframes check2 {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 18px;
    }
    50% {
        height: 40px;
        width: 18px;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.inFromRight {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation: inFromRight 1.2s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 1.2s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.inFromLeft {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation: inFromLeft 1.2s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 1.2s both cubic-bezier(0.7, 0, 0.3, 1);
}

/* ======================================= END ANIMATIONS ======================================================= */


/* =========================================== CLOUDS =========================================================== */


.cloud-header{
    pointer-events: none;
    position: absolute;
    width: 741px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 418px;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Semifloat, FadeFloat;
    animation-name: Semifloat, FadeFloat;
    z-index: 1;
    background-image: url(/assets/images/concept/cloud1.png);
    bottom: -40px;
    left: calc(50% - 741px);
}

.cloud-intro {
    pointer-events: none;
    position: absolute;
    width: 754px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 430px;
    z-index: 1;
    background-image: url(/assets/images/concept/cloud2.png);
    top: calc(100% - 250px);
    -webkit-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    visibility: hidden;
    right: 0;
}

.cloud-intro.animate {
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Semifloat;
    animation-name: Semifloat;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    visibility: visible;
}

.cloud-device {
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 418px;
    opacity: 0;
    z-index: 1;
    background-image: url('/assets/images/concept/cloud4.png');
    top: calc(100% - 320px);
    opacity: 0;
    -webkit-transition: opacity 2.8s;
    transition: opacity 2.8s;
}

.cloud-device.animate {
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Semifloat2;
    animation-name: Semifloat2;
    opacity: 1;
}

.cloud-register {
    pointer-events: none;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 816px;
    height: 505px;
    z-index: 1;
    background-image: url(/assets/images/concept/cloud5.png);
    top: calc(100% - 200px);
    left: 0;
    -webkit-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.cloud-register.animate {
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: Float;
    animation-name: Float;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transform: translate3d(-40%,0,0);
    -ms-transform: translate3d(-40%,0,0);
    transform: translate3d(-40%,0,0);

}

/* ========================================= END CLOUNDS ======================================================== */
/* =========================================== HEADER =========================================================== */

header {
    /* padding: 1% 1% 0; */
    min-height: 105px;
}

body.home header {
    min-height: 620px;
    height: 100vh;
    max-height: 960px;
}

header nav {
    position: absolute;
    left: 1%;
    top: 1%;
    /* margin-top: 9px; */
    transition: 0.2s ease-out;
    width: 98%;
    z-index: 4;
}

/* .header-without-image nav{
     padding-top: 9px;
} */





header nav.alternative a.logo img {
    max-height: 40px;
    width: initial;
}

header nav.alternative .float-right div a {
    margin-top: 16px;
}

header .slogan {
    margin-top: 100px;
}

/* body:not(.home) header nav {
    width: 83%;
} */

body > div.container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

header nav a.logo { padding: 1% 2% }

nav .logo {
    max-width: 120px;
    padding: 12px 0 !important;
  }
  
  nav .logo img {
    width: 100%;
  }

header nav span.toggle-music {
    cursor: pointer;
    margin-left: 10px;
}

header nav span.toggle-music.playing i.clappyu-sound:before {
    content: '\e902';
    /*-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: waves;
    animation-name: waves;*/
}

header nav i { font-size: 2.3em; }

header ul.langs {
    max-width: 24px;
    z-index: 7;
}

header ul li {
    display: inline-block;
    list-style: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto
}
header ul.langs li a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

header ul.langs li a:hover:before,
header ul.langs li a.active:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 100%;
    height: 2px;
    width: calc(100% + 4px);
    background: #333;
}

header .content {
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-line-pack: flex-end;
    align-content: flex-end;
    height: 100%;
    z-index: 3;
}

header h1 {
    text-align: right;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    width: 100%;
}

header i.clappyu-heart { font-size: 32px; line-height: 42px }

header + article { min-height: calc(100vh - 316px); }

article .separator {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #cacb36;
    position: absolute;
    top: -37.5px;
    left: calc(50% - 37.5px);
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
    z-index: 4;
}

article .separator > i {
    display: block;
    font-size: 24px;
    z-index: 9
}

article .separator > i:first-child {
    font-size: 36px;
    line-height: 18px;
}

article .separator > i:last-child {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

article > section {
    padding: 60px 0
}

header ul:not(.langs) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform-style: preserve-3d;
    margin-bottom: 0;
    overflow: hidden;
    perspective: 4000px;
}
header ul:not(.langs) li {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    max-height: 100vh;
    max-width: 100vw;
}



header .bg-rotate {
    height: 100%;
    position: absolute;
    top: 0;
    padding-top: 5%;
    left: 0;
    width: 100%;
    /* background: url("/assets/images/concept/dancingpeeps.png") -50px 20% / contain no-repeat; */
    opacity: 0;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

header .bg-rotate.ready { opacity: 1 }

header .bg-rotate img {
    -webkit-transform: translateZ(290px);
    -moz-transform: translateZ(290px);
    -ms-transform: translateZ(290px);
    -o-transform: translateZ(290px);
    transform: translateZ(290px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(255, 255, 255, 0.01);
    max-width: 100%;
}

header .bg-rotate img {
    -webkit-transform: translateZ(290px);
    -moz-transform: translateZ(290px);
    -ms-transform: translateZ(290px);
    -o-transform: translateZ(290px);
    transform: translateZ(290px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(255, 255, 255, 0.01);
}

header ul.perspective li img {
    visibility: hidden;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
    position: absolute;
    bottom: 0;
}

header ul.perspective.animate li.current img {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: forwards;
    animation-iteration-count: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    visibility: visible;
    max-height: 90vh;
}

header ul.perspective.animate li.animateOut img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: forwards;
    animation-iteration-count: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

header ul.perspective li.microphone img {
    left: calc(50% - 84.5px);
}

header ul.perspective li .claps:before {
    content: '';
    position: absolute;
    background: url('/assets/images/concept/clap-color.png') center no-repeat;
    height: 450px;
    width: 279px;
    top: calc(50% - 145px);
    left: calc(50% - 279px);
    z-index: -1;
    -webkit-transform: translate3d(20%, 10%, 0);
    transform: translate3d(20%, 10%, 0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.8s, opacity 1s;
    transition:-webkit-transform 0.8s, opacity 1s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

header ul.perspective.animate li.current .claps:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

header ul.perspective li .claps:after {
    content: '';
    position: absolute;
    background: url('/assets/images/concept/clap-white.png') center no-repeat;
    height: 463px;
    width: 266px;
    top: calc(50% - 158px);
    right: calc(50% - 266px);
    z-index: -1;
    -webkit-transform: translate3d(-20%, 10%, 0);
    transform: translate3d(-20%, 10%, 0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.8s, opacity 1s;
    transition:-webkit-transform 0.8s, opacity 1s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

header ul.perspective.animate li.current .claps:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


header ul.perspective li > .claps {
    height: 100%;
    width: 100%;
}

header .clappyu-intro-animation {
    font-family: 'Montserrat', sans-serif !important;
}
header ul.perspective li.guitarra { margin-bottom: 40px }
header ul.perspective li.guitarra img {
    bottom: 5%;
    position: absolute;
    left: calc(50% - 115px);
}
header ul.perspective li.mala img,
header ul.perspective li.foco img { left: calc(50% - 260px) }
header ul.perspective li.promotora img {
    width: 400px;
    left: calc(50% - 230.5px);
    bottom: calc(50% - 420px);
}
header ul.perspective li.maskot img {
    width: 400px;
    left: calc(50% - 196.5px);
    bottom: calc(50% - 400px);
}


header ul.perspective li.current {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

header ul.perspective .flex-bottom {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    background-position: center;
    background-repeat: no-repeat;
}


header ul.perspective li.current.animateOut .claps:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

header ul.perspective li.current.animateOut .claps:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

header nav .float-right div a {
    /* line-height: 38px; */
    margin: 0 10px;
    font-weight: bold;
    font-size: 11.14px;
    text-transform: uppercase;
}

header nav .float-right div .separator {
    background-color: #333;
    display: inline-block;
    height: 30px;
    margin: 0 7px;
    vertical-align: middle;
    width: 1px;
}

.grey {
    color: #333 !important;
}

.blue {
    color: #39C !important;
}

header nav .float-right div a.bordered {
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    line-height: 1em;
    padding: 8px 12px;
}


.back-artist{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.link-to-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

header nav .float-right div a.blue.bordered {
    border-color: #39C;
    transition: 0.2s ease-out;
}

header nav .float-right div a.blue.bordered:hover {
    background-color: rgba(255,255,255,0.3);
}

header nav .float-right div a.grey.bordered {
    border-color: #333;
}

header .clappyu-intro-animation {
    top: -220px;
}

.dialog {
    padding: 20px 30px;
    max-height: 100px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    border-radius: 40px;
    position: absolute;
    word-break: break-all;
    min-width: 170px;
    opacity: 0;
    visibility: hidden;
}

li.current .dialog {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    -wekbit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    visibility: visible;
}

li.current .dialog:last-child {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

li.current.animateOut .dialog {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}
li.current.animateOut .dialog {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
li.current.animateOut .dialog:last-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}


.dialog bdi {
    font-size: 18px;
    display: block;
}

.dialog:after {
    content: '';
    position: absolute;
    top: -19px;
    left: calc(50% - 20px);
    width: 0;
    height: 0;
    border-bottom: 20px solid;
    border-left: 20px solid transparent!important;
}

.dialog.down:after {
    border-top: 20px solid transparent;
    border-bottom: 0;
    bottom: -19px;
    top: auto;
    left: calc(50% + 20px);
}

.dialog.red {
    background-color: #ff4338;
    top: 35%;
    left: 65%;
}
.dialog.red:after {
    border-top-color: #ff4338;
    border-bottom-color: #ff4338;
}

.dialog.green {
    background-color: #cccc33;
    top: 55%;
    left: 75%;
}
.dialog.green:after {
    border-top-color: #cccc33;
    border-bottom-color: #cccc33;
}

.dialog.pink {
    background-color: #d50054;
    top: 55%;
    left: 70%;
}
.dialog.pink:after {
    left:  calc(75% - 20px);
    border-top-color: #d50054;
    border-bottom-color: #d50054;
    border-left: 0!important;
    border-right: 20px solid transparent!important;
}

.dialog.blue {
    background-color: #0098ce;
    color: #FFF !important;
    top: 60%;
    left: 15%;
}

.dialog.blue:after {
    border-top-color: #0098ce;
    border-bottom-color: #0098ce;
}

.dialog.pink:after {

}

.sabermais {
	background-color:#0098cf;
	-moz-border-radius:21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
}
.sabermais:hover {
	background-color:#0098cfd6;
}
.sabermais:active {
	position:relative;
	top:1px;
}

.search_box_button.pesquisar{
    display: none ;
}

.pesquisar {
	background-color:#0098cf;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:7px 15px;
	text-decoration:none;
	text-shadow:0px 0px 11px #2f6627;
}
.pesquisar:hover {
	background-color:#0098cfd6;
}
.pesquisar:active {
	position:relative;
	top:1px;
}



.app-store-actions {
    /* bottom: 10px; */
    position: absolute;
    /* right: 16.5%; */
    z-index: 2;
}

.app-store-actions{
    display: flex;
}


.app-store-actions .sabermais{
    align-self: center;
}
.app-store-actions a {
    /* margin-left: 10px; */
}

/* ========================================= END HEADER ========================================================= */

/* ============================================ HOME ============================================================ */

section.intro > div {
    width: 100%;
}

section.intro.wp1 > div {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}
section.intro.wp1.animate > div{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .4s;
    visibility: visible;
}

section.intro div.wp6 {
    margin-bottom: 80px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

section.intro div.wp6.animate{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .4s;
    visibility: visible;
}


section.intro > div > div:last-child { padding-top: 30px; }


section.intro div > div > .content > span:first-child {
    padding: 0 15%;
    width: 100%;
    display: block;
    font-size: 56px;
    word-spacing: -0.4em;
}

section.intro div > div > .content > span:first-child label {
    font-size: 24px;
    line-height: 56px;
    display: inline-block;
    vertical-align: top;
}

section.intro div > div > .content > span:first-child i.clappyu-icon,
section.intro div > div > .content > span:first-child i.clappyu-heart {
    line-height: 56px;
    font-size: 64px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: top;
}

section.intro div > div > .content > span:first-child i.clappyu-icon { font-size: 64px }

section.intro div > div > .content > div > span + div { max-width: 550px }
section.intro div > div > .content >  div > p {
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}

section.intro h3 {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 60px;
}

section.intro h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 90px;
}

section.intro h3 i {
    display: block;
    font-size: 42px;
}

section.intro h3 label:after {
    content: '';
    position: absolute;
    left: 20%;
    top: calc(100% + 15px);
    width: 60%;
    height: 2px;
    background: #fff;
}

section.intro ul li { list-style: none }
section.intro h3 + ul > li:not(:last-child){ margin-bottom: 40px }
section.intro ul li h4 {
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 20px;
}

section.intro ul li h4 i {
    font-size: 28px;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

section.intro ul li i + p {
    padding-left: 30px;
    margin-bottom: 15px;
}

section.intro ul li p {
    margin: 0;
    padding-left: 5px;
    font-size: 12px;
    line-height: 16px;
}

section.intro .pure-g > div:first-child,
section.intro .pure-g > div:nth-child(3) {
    padding: 0 2%;
}

section.intro .device {
    display: inline-block;
    width: 367px;
    height: 691px;
    margin-top: -20px;
    z-index: 2;
    visibility: hidden;
}

section.intro .device-back {
    background: url('/assets/images/concept/iphone-back.png') center no-repeat;
    margin-bottom: 30%;
}

section.intro .device-front {
    background: url('/assets/images/concept/iphone-front.png') center no-repeat;
    position: absolute;
    top: 21%;
    left: 20%;
}

section.intro .device-front + span {
    width: auto;
    padding-right: 40%;
    text-align: left;
    float: right;
    display: inline-block;
    text-transform: uppercase;
    font-size: 21px;
    margin-top: 20px;
}

/* section.intro > div > div:nth-child(3):before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url('/assets/images/concept/clap-green.png') top center no-repeat;
    opacity: .4;
} */

section.intro .presentation > div:first-child,
section.intro .presentation > div:nth-child(3) {
    visibility: hidden;
}

section.intro .presentation > div:last-child {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

section.intro .presentation.animate > div:last-child {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    visibility: visible;
    margin: 0 auto;
    display: block;
}


section.intro .presentation.animate > div:first-child {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .5s;
    visibility: visible;
}

section.intro .presentation.animate > div:nth-child(3) {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .5s;
    visibility: visible
}

section.intro .presentation.animate .device-back {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .8s;
    visibility: visible;
}

section.intro .presentation.animate .device-front {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: 1.2s;
    visibility: visible;
}

/*section.intro .cloud-intro + .content > div > p.text-left {
    padding-right: 31.25rem;
    text-transform: uppercase;
    font-size: 26px;
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}*/
section.intro .cloud-intro + .content > div > p.text-right {
    padding-left: 31.25rem;
    text-transform: none;
    font-size: 24px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

section.register .panels p a {
    text-decoration: underline;
}

section.intro .phrases + .content {
    margin-top: 85px;
}


section.intro .commit {
    margin: 0 auto;
    padding-left: 10%!important;
}

section.intro .commit h4 i {
    font-size: 48px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-left: -3px;
}
section.intro .commit h4 {
    font-size: 21px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 0;
    z-index: 5;
}

section.intro .commit p {
    font-size: 12px;
    line-height: 16px;
}

section.register {
    padding: 0;
    min-height: auto;
    -webkit-transition: min-height 1.6s ease-in-out;
    transition: min-height 1.6s ease-in-out;
}

section.register > div {
    padding: 90px 0;
    z-index: 3;
    height: auto;
    max-height: inherit;
    -webkit-transition: min-height 2.5s;
    transition: min-height 2.4s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

section.register > div.open.panel-c,
body.home section.register > div.open.panel-a { min-height: 575px }
section.register > div.open.panel-b { min-height: 100vh; }

section.register:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
    width: 100%;
    background-color: #cc0066;
}

body:not(.home) section.gradient:after,
section.red:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 15px;
    width: 100%;
    background-color: #cccc33;
    z-index: 3;
}

section.count-down h3,
section.register h3 {
    max-width: 350px;
    font-size: 13px;
    margin: 0 auto;
    word-break: break-word;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 12px;
    padding: 3px;
}

section.register > div.open > .content > div > h2,
section.register > div.open > .content > div > h3 { display: none }


section.count-down h3 label,
section.register h3 label {
    display: inline-block;
    max-width: 280px;
    line-height: 32px;
    cursor: pointer;
}

section.count-down h2,
section.register h2 {
    text-align: center;
    font-size: 21px;
    line-height: 32px;
    max-width: 480px;
    margin: 0 auto 20px;
    font-weight: 400;
    text-transform: uppercase;
    word-break: break-word;
}

section.count-down h2 { max-width: 320px }

section.count-down h3 label + i,
section.register h3 label + i {
    font-size: 24px;
    line-height: 32px;
    vertical-align: middle;
    margin-left: 10px;
}

section.register .content > div,
section.register > .flex > div { width: 100% }


section.count-down >  a.trigger-evento,
section.register > div > a.trigger-close-panel {
    font-size: 56px;
    width: 62px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: -1;
    cursor: pointer;
    opacity: 0;
}
section.count-down.open > a.trigger-evento,
section.register > div > a.trigger-close-panel.animate { opacity: 1; z-index: 5 }

.info-choosen {
    position: absolute;
    left: 2%;
    top: 5%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.info-choosen.show { opacity: 1 }

.info-choosen > i { font-size: 42px; }
.info-choosen > i + span {
    line-height: 42px;
    vertical-align: top;
    padding-left: 10px;
}

section.register .panel {
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0!important;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

section.register .panel > div i {
    display: block;
    font-size: 42px;
    line-height: 56px;
}

section.register .panel > div i + label {
    display: block;
    font-size: 16px;
}

section.register .panel > div label + span {
    width: 100%;
    max-width: 220px;
    display: inline-block;
    margin-top: 30px;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 10px 5%;
    font-size: 11px;
    cursor: pointer;
}

section.register .panel-c .row:not(.header) .pure-u-4-24 span > span:not(.choice)  {
    width: auto;
    padding: 0;
    margin: 0;
}

section.register .panel > div span.hidden {
    margin: 0!important;
    padding: 0!important;
    width: 0!important;
}


section.register .panel > div.column span.checked {
    background-color: #fff;
    border-color: #fff!important;
    padding: 3px!important;
}

.column.selected span.checked:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 3px solid #0186b6;
    background-color: #fff!important;
    display: inline-block;
    border-radius: 50%;
}

.column.selected.best-price span.checked:before {
    border-color: #c2c231;
}


section.register .panel-a > div span:before {
    -moz-transform: scaleX(-1) rotate(145deg);
    -ms-transform: scaleX(-1) rotate(145deg);
    -webkit-transform: scaleX(-1) rotate(145deg);
    transform: scaleX(-1) rotate(145deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 3px solid transparent;
    border-radius: 2px;
    border-top: 3px solid transparent;
    overflow: hidden;
    content: '';
    display: block;
    right: calc(10% - 4px);
    position: absolute;
    top: calc(50% - 2px);
    height: 30px;
    width: 12px;
}

section.register .panel-a > div span.checked:after { border-color: #fff; }
section.register .panel-a > div span.checked:before {
    -webkit-animation: check 0.8s;
    -moz-animation: check 0.8s;
    -o-animation: check 0.8s;
    animation: check 0.8s;
    animation-fill-mode: forwards;
    border-color: #fff;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

section.register .panel > div span:after {
    position: absolute;
    height: 100%;
    width: 20%;
    display: inline-block;
    top: -2px;
    right: 0;
    content: '';
    border: 2px solid transparent;
    border-right: 0;
    border-radius: 8px;
}

section.register .panel > div span:hover:after

section.register .panel > div span input {
    width: 100%;
    height: 100%;
    display: none;
}

section.register .panels {
    opacity: 0;
    height: 0;
    max-height: 0;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
section.register .open .panels {
    opacity: 1;
    height: auto;
    max-height: none;
}

section.register .panels i.clappyu-icon {
    font-size: 56px;
}

section.register .panels h3 {
    text-align: center;
    font-size: 22px;
    border: 0;
}

section.register .panels p {
    max-width: 40%;
    margin: 25px auto;
    font-size: 13px;
    display: none;
}

section.register .panels .row > p {
    display: block;
    max-width: 100%;
    line-height: 14px;
    font-size: 11px;
    margin: 10px 0;
}

section.register .panels p > p {
    max-width: 100%;
    margin: 5px auto 0;
}

section.register .panels p.show { display: block }

section.register .panels .panel {
    text-align: center;
    max-height: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

section.register .panels .panel-f  { margin-bottom: 20px; }

section.register .panels .panel-f b {
    font-size: 21px;
    line-height: 48px;
}

section.register .panel.show {
    pointer-events: auto;
    height: auto;
    width: auto;
    margin: 0 auto;
    overflow: inherit;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .4s;
    opacity: 1;
    max-height: none;
}

section.register .panel.animateOut {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .4s;
    opacity: 1;
    max-height: 100%
}

section.gradient + .separator,
section.red + .separator {
    position: relative;
    height: 15px;
    top: -1px;
    left: 0;
    width: 100%;
    /*border-bottom: 15px solid #ffcc00;*/
    text-align: center;
    border-radius: 0;
    margin-top: 15px;
    z-index: 2;
    margin-bottom: -1px;
}


section.fun-info .separator  {
    width: 100%;
    height: 75px;
    left: 0;
    top: 0;
    position: absolute;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    z-index: 3;
    background: transparent;
}
section.fun-info .separator:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 15px;
    background-color: #ffcc00;
}

section.fun-info + .separator .bola {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    position: absolute;
    top: -17.5px;
    left: calc(50% - 37.5px);
    z-index: 6;
    background: #fc0;
}
section.fun-info .separator .bola {
    width: 75px;
    height: 75px;
    left: calc(50% - 40px);
    position: absolute;
    border-radius: 50%;
    background-color: #FFCC00;
    margin-top: -35px;
    z-index: 1;
}

section.gradient + .separator:after,
section.red + .separator:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    height: 16px;
    width: 100%;
    background-color: #0099cc;
    z-index: 2;
}

section.register form.prereg {
    text-align: left;
    max-width: 450px;
    margin: 30px auto 0;
}

form label {
    display: block;
    font-size: 11px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    margin-bottom: 8px;
    padding-left: 5px;
}



/*section.register form .row.select { display: none }*/

section.register .panel .data + span {
    max-width: 100%;
    width: 23.33%;
    margin-top: 20px;
}

form textarea,
form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form textarea { resize: none; }

form textarea,
form input,
form select {
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 8px 10px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    outline: none;
    z-index: 2;
}

form select optgroup,
form select option { color: #323232 }

form .form-group,
form .row { margin-bottom: 15px }

form p.msg {
    font-size: 11px;
    font-style: italic;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .2s, opacity .5s;
    transition: transform .2s, opacity .5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    line-height: 21px;
    margin: 0!important;
    height: 0;
    overflow: hidden;
}

form select.error + p.msg,
form textarea.error + p.msg,
form input.error + p.msg {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: auto;
}

.gradient form textarea,
.gradient form input,
.gradient form select {
    background-color: transparent;;
}

form .select:after {
    content: '\e907';
    position: absolute;
    left: calc(100% - 30px);
    top: 30px;
    font-family: 'icons-clappyu'!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: -1;
}

.gradient form .row > a:last-child {
    width: 40%;
    border-right: 2px solid #fff;
    border-radius: 4px;
}

form input[type="checkbox"] + label,
form input[type="checkbox"] {
    display: inline-block;
    width: auto;
    text-transform: none;
}

section.register .panel-d.payment > a.text-center { display: none; z-index: 4 }
section.register .panel-d > a.text-center,
form .row > a {
    border: 2px solid #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    padding: 10px 40px;
    outline: none;
    cursor: pointer;
}

form .row > a:first-child {
    width: 40%;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

form .row > a:last-child {
    width: calc(60% + 3px);
    margin-left: -8px;
    z-index: 3;
}



section.register .panel-d > a { margin: 30px auto 0; }

section.register .panel-d {
    margin: 0 auto;
    display: block;
}

section.register .panel-d > .payment { display: none }
section.register .panel-d.payment > .payment { display: block }

section.register .panel-d.payment > .payment > .pure-g > div:first-child label {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

section.register .panel-d.payment > .payment > .pure-g > div {
    border: 3px solid #fff;
    border-radius: 8px;
}
section.register .panel-d.payment > .payment > .pure-g > div:first-child {
    width: calc(33.3333% - 5px);
    margin-right: 5px;
    background: #ec2c2c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

section.register .panel-d.payment > .payment > .pure-g > div:first-child > div:first-child {
    background-color: #0088b8;
    padding: 45px 5% 0;
}

section.register .panel-d.payment > .payment > .pure-g > div:first-child > div:last-child {
    padding: 30px 5% 40px;
}

section.register .panel-d.payment > .payment > .pure-g > div:first-child > div:last-child p {
    text-transform: lowercase;
    font-size: 12px;
}

section.register .panel-d.payment > .payment > .pure-g > div:first-child > div:last-child p + span {
    font-weight: 600;
    font-size: 32px;
}

section.register .panel-d.payment > .payment label + span {
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}

section.register .panel-d.payment > .payment .pure-g > div:last-child > span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 45px;
}
section.register .panel-d.payment > .payment > .pure-g > div:last-child {
    width: calc(66.6667% - 5px);
    margin-left: 5px;
    padding: 30px 5% 30px 8%;
}

/*section.register .panel-d.payment > .payment .pure-g > div:last-child > div { float: left }*/
section.register .panel-d.payment > .payment .pure-g > div:last-child > div a > div {
    height: 90px;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

section.register .panel-d.payment > .payment .pure-g > div:last-child > div a {
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

section.register .panel-d.payment > .payment .pure-g > div:last-child > div a > label {
    display: block;
    padding: 5%;
    cursor: pointer;
    text-align: center;
    background-color: #ec2c2c;
    font-size: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

section.register .panel-d.payment > .payment .pure-g > div:last-child p {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 36px;
    text-align: left;
}
section.register .panel-d.payment > .payment span.title {
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    margin-bottom: 45px;
}

section.register .panel-d.payment > .payment span {
    font-size: 12px;
    border: 0;
}


section.register .panel-d .payment p {
    display: block;
    max-width: 100%;
    text-align: center;
    margin: 0;
}

section.register .panel-d .payment > div > div:first-child img {
    background: #fff;
    padding: 15px 10px 15px 10px;
    border-radius: 5%;
    margin-top: 15px;
    cursor: pointer;
}

section.register .panel-d .payment > div > div:last-child img {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    cursor: pointer;
}

section.register .panels .panel-d.payment {
    opacity: 1;
}

section.register .panels p.payment.animateOut,
section.register .panels .panel-d.payment .payment.animateOut {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2,1,0.3,1);
    animation-delay: .4s;
    opacity: 1;
}

section.register .panel .timing ol {
    width: 100%;
    max-width: calc(70% + 8px);
    margin: 30px 0;
    display: inline-block;
    padding: 0;
    text-align: center;
    word-spacing: 0;
}

section.register .panel .timing span {
    position: absolute;
    left: -20px;
    top: 40px;
    max-width: 120px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
}

section.register .panel .timing span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 35%;
    background: url('/assets/images/concept/pre-release.png') 50% 50% no-repeat;
    width: 101px;
    height: 33px;
}

section.register .panel .timing ol li {
    display: inline-block;
    list-style: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid #fff;
    cursor: pointer;
    padding: 12px 0;
    font-size: 14px;
    max-width: calc(33.3333% - 10px);
    opacity: .5;
}

section.register .panel .timing ol li.active,
section.register .panel .timing ol li:hover{
    opacity: 1;
}

section.register .panel .pick-your-plan {
    font-size: 13px;
    margin: 25px auto;
    max-width: 40%;
}
section.register .panel .plan-icon {
    display: inline-block;
    left: -100px;
    line-height: 48px;
    position: absolute;
    top: -60px;
    vertical-align: middle;
}
section.register .panel .plan-icon img {
    display: inline-block;
    max-height: 36px;
    max-width: 36px;
    vertical-align: middle;
}
section.register .panel .plan-icon span {
    margin-left: 10px;
}

section.register .panel .timing ol li:nth-child(2) { margin: 0 10px; }

section.register .row.table { max-width: 885px; margin: 0 auto }

section.register .payment > a,
section.register .row.table > span.float-right > a {
    display: inline-block;
    padding: 10px 8%;
    margin: 65px 0 0;
    border-radius: 8px;
    border: 2px solid #fffefe;
    min-width: 200px;
    cursor: pointer;
}
section.register .pricing-table > div.column {
    max-width: 290px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid #fff;
    margin: 15px auto 0;
    height: 100%;
}

section.register .pricing-table > div.column.best-price { max-width: 318px; margin: 0 auto }

section.register .pricing-table .column-header {
    background-color: #0088b8;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
section.register .pricing-table .best-price .column-header { background-color: #c2c332 }
section.register .pricing-table .column-header h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

section.register .pricing-table .column-header bdi {
    display: block;
}

section.register .pricing-table .column .column-header { padding: 30px 5% }
section.register .pricing-table .column .column-rows { padding: 5% 0 }
section.register .pricing-table .column.best-price .column-rows { padding: 7% 0 }

section.register .pricing-table .column .column-header span {
    font-size: 14px;
    font-weight: 400;
}

section.register .pricing-table .column .column-footer .row:first-child label > bdi > p,
section.register .pricing-table .column .column-header span bdi > p {
    display: inline-block;
    margin: 0;
    font-size: inherit;
    max-width: 100%;
}

section.register .pricing-table .column .column-header span bdi.old-price { line-height: 24px; display: inline-block; font-size: 12px }
section.register .pricing-table .column .column-header span bdi.old-price:after {
    content: '';
    position: absolute;
    left: 0;
    top: 46%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    height: 2px;
    background-color: #fff;
    width: 90%;
}

section.register .pricing-table .column .column-header p.smallText {
    color: #fff;
    display: block;
    opacity: .8;
    font-size: 12px;
    max-width: 100%;
    padding: 0;
    margin: 10px auto 0;
}

section.register .pricing-table > div.column.best-price .column-header p.smallText:last-child,
section.register .pricing-table .column .column-header p.smallText:last-child {
    margin-top: 0;
}

section.register .pricing-table .column .column-header span + p.smallText:not(:last-child) {
    margin: 10px auto 5px!important;
}

section.register .pricing-table > div.column.best-price .column-header p.smallText{ margin: 20px auto; }

section.register .pricing-table .column .column-header span label.price {
    font-size: 21px;
    display: block;
}

section.register .pricing-table .column .column-header span label.price.hidden,
section.register .pricing-table .column .column-header span bdi.old-price.hidden {
    display: none;
}

section.register .pricing-table .column .column-header span label.price > .num { display: inline-block }

section.register .pricing-table .column .column-rows i { font-size: 24px }

section.register .pricing-table li {
    font-size: 12px;
    list-style: none;
    line-height: 32px;
}
section.register .pricing-table li i { line-height: 32px }

section.register .pricing-table .column .column-footer {
    padding: 15px 5%;
    color: #ff3333;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

section.register .pricing-table .column .column-footer:before {
    -moz-transform: scaleX(-1) rotate(145deg);
    -ms-transform: scaleX(-1) rotate(145deg);
    -webkit-transform: scaleX(-1) rotate(145deg);
    transform: scaleX(-1) rotate(145deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 4px solid transparent;
    border-radius: 2px;
    border-top: 4px solid transparent;
    overflow: hidden;
    content: '';
    display: block;
    right: 20%;
    position: absolute;
    top: calc(50% + 5px);
    height: 40px;
    width: 18px;
}

section.register .pricing-table .column.selected .column-footer:before {
    -webkit-animation: check2 0.8s;
    -moz-animation: check2 0.8s;
    -o-animation: check2 0.8s;
    animation: check2 0.8s;
    animation-fill-mode: forwards;
    border-color: #fff;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

section.register .pricing-table > div.column.selected .column-footer {
    background-color: #0187b7;
    color: #fff;
}

section.register .pricing-table > div.column.selected.best-price .column-footer {
    background-color: #c2c332;
}


section.register .pricing-table .column .column-footer.disabled a { border-color: #0098ce; }
section.register .pricing-table .column .column-footer.disabled { color: #0098ce; }
section.register .pricing-table .column.best-price .column-footer.disabled a { border-color: #c2c332; }
section.register .pricing-table .column.best-price .column-footer.disabled { color: #c2c332; }


section.register .pricing-table .column .column-footer .row:first-child label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
section.register .pricing-table .column .column-footer .row:last-child {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

section.register .pricing-table .column .column-footer a {
    padding: 10px 5%;
    border-radius: 8px;
    border: 2px solid #ff3333;
    opacity: .6;
    width: 80%;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 13px;
}

section.register .pricing-table .column .column-footer a:hover { opacity: 1 }

section.register .pricing-table .column .column-footer .row:first-child label > bdi { opacity: .8; margin-right: 5px }
body.home section.register .pricing-table .column .column-footer .row:first-child label > bdi { opacity: 1; }

/*

section.register .panels .timing ol li.active,
section.register .panels .timing ol li:hover {
    background: #dd2a2a;
}

section.register .panels .timing ol li:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

section.register .panels .timing ol li:nth-child(2) { border-radius: 0; }

section.register .panels .timing ol li:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
*/

section.fun-info {
    overflow: hidden;
    padding-top: 85px;
}

section.fun-info > div {
    margin: 0 auto;
    display: block;
    text-align: center;
}

section.fun-info a {
    font-size: 11px;
    text-transform: uppercase;
    color: #cbcbcb;
    vertical-align: top;
    line-height: 20px;
}

/*section.fun-info:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('/assets/images/concept/clap-opacity.png') bottom right;
    background-size: contain;
    height: 412px;
    width: 438px;
    opacity: .1;
}*/

section.fun-info div.pure-g > div:first-child { padding-right: 5%; }
section.fun-info div.pure-g > div:last-child { padding-left: 5%; }

section.fun-info > div > object {
    display: block;
    margin: 0 auto;
}

section.fun-info .mascot {
    display: inline-block;
    height: 320px;
    margin: 30px;
    width: 218px;
    z-index: 2;
}

section.fun-info > div:not(.fingers):not(.separator):after {
    background: url('/assets/images/concept/maskot.png') center no-repeat;
    position: absolute;
    width: 487px;
    height: 620px;
    left: calc(50% - 243px);
    top: -101px;
    content: '';
    z-index: 4;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
section.fun-info > div.ready:after { opacity: 1 }

section.fun-info .mascot + img {
    cursor: pointer;
    margin-bottom: 25px;
}

section.fun-info .fingers {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate3D(100%,100%,0);
    transform: translate3D(100%,100%,0);
    background: url('/assets/images/concept/bottomfinger.png') bottom no-repeat;
    height: 622px;
    width: 411px;
    -webkit-transition: -webkit-transform .9s;
    transition: transform .9s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

section.fun-info .fingers:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate3D(100%,100%,0);
    transform: translate3D(100%,100%,0);
    background: url('/assets/images/concept/topfinger.png') bottom no-repeat;
    height: 622px;
    width: 411px;
    -webkit-transition: -webkit-transform .9s;
    transition: transform .9s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

section.fun-info .fingers:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate3D(100%,100%,0);
    transform: translate3D(100%,100%,0);
    background: url('/assets/images/concept/midfinger.png') bottom no-repeat;
    height: 622px;
    width: 411px;
    -webkit-transition: -webkit-transform .9s;
    transition: transform .9s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


section.fun-info .fingers.ready:after,
section.fun-info .fingers.ready:before,
section.fun-info .fingers.ready {
    -webkit-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0);
}

section.fun-info ul.sub-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: 720px;
    margin: 30px auto 0;
}

section.fun-info ul.sub-nav li {
    list-style: disc;
    margin-right: 15px;
}

section.fun-info ul.sub-nav li:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 0;
    background: #cbcbcb;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
}

section.fun-info ul.sub-nav li:hover:after { width: calc(100% - 15px); }

section.fun-info .relative {
    position: relative;
}

section.fun-info .menu-container {
    color: #cbcbcb;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    z-index: 5;
}

section.fun-info .menu-container .menu-group {
    margin-top: 30px;
}

section.fun-info .menu-container .menu-group:first-child {
    margin-top: 0;
}

section.fun-info .menu-container .menu-part {
    display: inline-block;
    margin-right: 55px;
    vertical-align: top;
}

section.fun-info .menu-container .menu-part:first-child {
    margin-left: 20px;
}

section.fun-info .menu-container .menu-part:last-child {
    margin-right: 0;
}

section.fun-info .menu-container .menu-part h4 {
    text-transform: uppercase;
}

section.fun-info .menu-container .menu-part h4:before {
    content: "•";
    display: inline-block;
    font-size: 25px;
    left: -20px;
    position: absolute;
    top: -8px;
}

section.fun-info .menu-container .menu-part ul {
    display: block;
}

section.fun-info .menu-container .menu-part ul li {
    display: block;
    list-style: none;
    margin: 0;
}

section.fun-info .menu-container .menu-part ul li:hover {
    cursor: pointer;
}

section.fun-info .menu-container .menu-part ul li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 2.2em;
    text-transform: none;
}

section.fun-info .menu-container .menu-part ul.social li {
    display: inline-block;
    margin: 0 0 15px;
    width: 48%;
}

section.fun-info .menu-container .menu-part ul.social li a i {
    font-size: 30px;
}

section.fun-info .menu-container .menu-form {
    font-size: 12px;
}

section.fun-info .menu-container .menu-form .menu-form-50 {
    display: inline-block;
    width: 49%;
}

section.fun-info .menu-container .menu-form .menu-form-100 {
    margin-top: 20px;
}

section.fun-info .menu-container .menu-form .menu-form-50:nth-child(2) {
    float: right;
}

section.fun-info .menu-container .menu-form label {
    display: block;
    font-weight: bold;
    margin: 0 0 10px;
}

section.fun-info .menu-container .menu-form input {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    padding: 7px 10px;
    width: 100%;
}

section.fun-info .menu-container .menu-form input[type="email"] {
    width: 220px;
}

section.fun-info .menu-container .menu-form button {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    padding: 7px 20px;
    text-transform: uppercase;
}

section.fun-info .menu-container .menu-form button:hover {
    cursor: pointer;
}

section.fun-info .menu-container .menu-form input:focus,
section.fun-info .menu-container .menu-form input:active,
section.fun-info .menu-container .menu-form button:focus,
section.fun-info .menu-container .menu-form button:active {
    outline: none;
}

@media screen and (max-width: 960px) {
    section.fun-info .menu-container .menu-part {
        margin: 30px 0 0;
        text-align: center;
        width: 100%;
    }

    section.fun-info .menu-container .menu-part:first-child {
        margin-left: 0;
    }

    section.fun-info .menu-container .menu-part h4:before {
        display: none;
    }

    section.fun-info .menu-container .menu-form > div,
    section.fun-info .menu-container .menu-form button {
        float: none !important;
        margin-top: 20px;
    }

    section.fun-info .menu-container .menu-form > div:first-child {
        margin-top: 0;
    }

    section.fun-info .menu-container .menu-form .menu-form-50,
    section.fun-info .menu-container .menu-form input[type="email"] {
        width: 100%;
    }
}


section.register .panel-c .header h3 {
    border: 2px solid #fff;
    border-radius: 6px;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 25px 0;
    font-size: 13px;
}


section.register .panel-c .header h3 bdi {
    display: block;
    font-size: 18px;
    margin-top: 20px;
}

section.register .panel-c .header h3 bdi > div { display: inline-block }

section.register .panel-c {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
}


/*section.register .panel-c > div {
    max-width: 830px;
    margin: 0 auto;
}*/

section.register .panel-c .pure-u-7-24 {
    width: calc(30% - 8px);
}

section.register .panel > div span.desc {
    border: 0;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding: 0 5%;
    line-height: 50px;
}

section.register .pricing-table.n2 { width: 640px; margin: 0 auto }
section.register .pricing-table.n2 .pure-u-1-3 { width: 50% }

section.register .panel-c .pure-u-4-24:nth-child(3){
    margin-left: 4px;
    margin-right: 4px;
}

section.register .panel-c .pure-u-4-24:last-child{
    margin-right: 0;
}


section.register .panel-c .header + .row .pure-u-7-24 span {
    border: 0;
    text-align: left;
    padding: 0 10%;
    text-transform: uppercase;
    font-size: 11px;
    max-width: 100%;
    line-height: 50px;
}

section.register .panel-c .row:not(.header) .pure-u-4-24 span:not(.choice) {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    border-top: 0;
    border-bottom: 0;
    max-width: 100%;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
}

section.register .panel-c > div:first-child div.data .row:last-child div.pure-u-4-24 span {
    border: 2px solid #fff;
    border-radius: 6px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    line-height: 30px;
}

section.register .panel-c > div:first-child div.data .row:not(.header) {
    border-radius: 6px;
}
section.register .panel-c > div:first-child div.data .row:not(.header):nth-child(even) {
    background: #dd2b2b;
}
section.register .panel-c > div:first-child div.data .row:not(.header):nth-child(odd) {
    background: #eb2f2f;
}

section.register .panels .panel-c > div i {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
}

section.register .panel-c > .pure-u-4-24 span {
    text-transform: lowercase!important;
    font-size: 13px!important;
}

section.register .panel-c .row.bottom {
    margin-top: 20px;
}

section.register .panel > div .row.bottom span {
    border: 0;
    border-radius: 6px!important;
    background: #eb2f2f;
    margin-bottom: 4px;
    line-height: 30px!important;
    font-size: 13px!important;
}

section.register .panel > div .row.bottom span > a { width: 100% }

section.register .panel > div .row.bottom span.desc {
    font-size: 11px;
    line-height: 50px;
    text-align: center;
    border-top: 0;
    border-bottom: 0;
    max-width: 100%;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
}


section.register .panel > div .row.bottom span.desc {
    font-size: 11px!important;
    max-width: 100%;
    margin-top: 0;
    width: calc(100% - 30px);
    float: left;
    line-height: 50px!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    background: #dd2b2b;
}

section.register .panel > div .row.bottom span.desc:last-child {
    line-height: 14px!important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.register .panel-c .row.actions {
    margin: 65px auto 0;
    max-width: 885px;
}

section.register .panel-c .row.actions  > div > div a { display: block; }
section.register .panel-c .row.actions  > div > div {
    line-height: 36px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
}

section.register .panel-c .row.actions  > div.text-center > div { margin: 0 auto }

section.register .panel-c .row.actions  > div > div.opacity { opacity: .6; }
section.register .panel-c .row.actions  > div > div.opacity:hover { opacity: 1; }
.row.actions > div > div:last-child { width: calc(58.3333% - 10px) }
.row.actions > div > div:nth-child(2){ margin: 0 5px; }

section.register .panel.panel-c .row.bottom div span.desc.text-center:after {
    display: inline-block!important;
    content: '';
    position: absolute;
    left: calc(100% - 15px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: #dd2b2b;
    border-radius: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

section.register input[type=radio]{
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 18px;
    height: 18px;
    line-height: normal;
}

section.register  .radio .choice,
section.register  .radio-inline .choice {
    position: absolute;
    top: 1px;
    left: 0;
}
section.register .choice span,
section.register .choice input {
    width: 14px!important;
    height: 14px!important;
    padding: 0!important;
    border-radius: 100%!important;
}

section.register .choice input {
    width: 250px!important;
    height: 80px!important;
    left: -85px;
    top: -50px;
}

section.register .choice {
    width: auto;
    position: relative;
    line-height: 21px;
    vertical-align: top;
    display: inline-block;
    height: 100%!important;
    margin: 0 10px;;
}

section.register .choice + bdi {
    margin: 0 0 0 5px;
    font-size: 10px;
    text-transform: uppercase;
}

/*
section.register .panel > div .row.bottom .choice + bdi:after {
    content: '';
    position: absolute;
    left: 5%;
    width: 85%;
    height: 1px;
    top: 50%;
    background-color: #891314;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
*/

section.register .panel > div .choice span:after {
    content: "";
    display: inline-block;
    top: 1px!important;
    left: 1px;
    right: auto!important;
    border: 3px solid!important;
    border-color: inherit!important;
    width: 0!important;
    height: 0!important;
    border-radius: 100%!important;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: absolute;
}

section.register .choice span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


section.register .choice span {
    border: 2px solid #f33!important;
    display: -moz-inline-box;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative;
}

section.register .choice span.checked {
    border-color: #fff!important;
}

section.register .panel > div .row.bottom .timing p {
    font-size: 11px;
    margin-top: 35px;
    line-height: 16px;
}

section.register .panel form#pack { margin-top: 45px }

section.register .panel .timing ul > li { display: inline-block; }

section.register .panel > div .row.bottom .timing .choice {
    position: relative;
    left: auto;
    top: auto;
    float: left;
    width: 18px!important;
}

section.register .panel > div .row.bottom .timing .choice span {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
}

section.register .panel > div .row.bottom .timing .choice + label {
    display: inline-block;
    line-height: 18px;
    font-size: 11px;
    margin: 0 35px 0 5px;
    vertical-align: top;
}


body > div.modal,
body > form {
    min-height: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    cursor: pointer;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


body > div.modal > div:last-child {
    border-radius: 3px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    width: 600px;
    margin: 30px auto;
    background-color: #fff;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    max-width: 85%;
}


body > div.modal .modal-header {
    padding: 20px 20px 0;
    border-bottom: 1px solid transparent;
}

body > div.modal .modal-header h2 {
    margin: 0;
    line-height: 1.5384616;
}

body > div.modal .modal-body {
    position: relative;
    padding: 20px 20px 0 20px;
}

body > div.modal .modal-footer {
    position: relative;
    padding: 0 20px 20px 20px;
    text-align: right;
}

body > div.modal .modal-footer a { text-decoration: underline }

body.privacy > div.modal-terms,
body.terms > div.modal-terms {
    height: 100vh;
    z-index: 999;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    overflow-x: hidden;
    overflow-y: auto;
}

body > div.modal .loginLayer ,
body > form .loginLayer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body > div.modal .loginLayer { position: fixed; }

body .loginLayer:before {
    content: '\e908';
    position: absolute;
    left: 97%;
    color: #fff;
    top: 2%;
    font-family: 'icons-clappyu'!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 3;
}

body > form * { cursor: initial }

body > form a { cursor: pointer }

.modal-open.login form.loginForm {
    height: 100vh;
    z-index: 999;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.modal-open.recover form.recoverForm {
    height: 100vh;
    z-index: 999;
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


body > form a:not(.trigger-modal) {
    background-color: #EC407A;
    border-color: #EC407A;
    color: #fff;
    display: block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

body > form p > a {
    font-size: 12px;
    text-align: center;
    width: 100%;
    color: #1E88E5;
    text-decoration: underline;
}

body > form .content-divider {
    margin-bottom: 20px;
    text-align: center;
}
body > form .content-divider:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    background-color: #ddd;
    width: 100%;
}
body > form .content-divider span {
    background-color: #fff;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
}

body > form  a#tryLoginFacebook{
    border-radius: 50%;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    padding: 9px;
    display: inline-block;
    background-color: #fff;
    font-size: 24px;
    line-height: 1;
    color: #3F51B5;
    cursor: pointer;
    border: 2px solid #3F51B5;
}

body > form .form-cont {
    width: 95%;
    max-width: 350px;
    padding: 5% 2%;
    background: #fff;
    border-radius: 3px;
    color: #333333;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.54);
}

body > form  .form-cont i.clappyu-icon { font-size: 64px }

body > form .form-cont h5 {
    margin: 5px 0 15px;
    font-size: 18px;
    font-weight: 400;
}

body > form  .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 0;
}


.header-without-image{
    background: #cfd5dd !important;
    min-height: 0px !important;
}

.header-without-image .logo-small img{
    width:120px;
}


body:not(.home) header {
    position: relative;
    top: auto;
    /* -webkit-transform: translateY(0);
    transform: translateY(0); */
    width: 100%;
    /* min-height:560px; */
}

.header-profile{
    min-height:560px !important;
}


body:not(.home) .cloud-header { bottom: -50% }
body:not(.home) header {
    z-index: initial;
    /* background: #cfd5dd url('/assets/images/concept/header-concept-maskot.png') no-repeat; */
    background: #cfd5dd url('/assets/images/profile/artista-fundo.png') no-repeat;
    /* background-position: 50% -10%; */
}

header + article section .separator { background-color: inherit }

body:not(.home) form:not(.pack) .row { max-width: 450px }

.text-concept { text-transform: none; max-width: 450px; padding-right: 5% }
.text-concept p { font-size: 13px; }
.text-concept p label bdi {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    top: -10px;
}
.text-concept i.clappyu-icon-time {
    vertical-align: top;
    line-height: 52px;
}
.text-concept i {
    font-size:32px;
    line-height: 32px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
}

.text-concept p.medium {
    font-size: 17px;
    margin: 25px 0 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.text-concept p.medium label {
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 52px);
    float: right;
}

.text-concept p.padding {
    padding-left: 52px;
    margin: 5px 0;
}
.text-concept p.big { font-size: 28px; font-weight: 600; text-transform: uppercase }
.text-concept p.small { font-size: 11px; margin: 90px 0 10px }
.text-concept a i { font-size: 42px; }
.text-concept a + bdi { font-size: 16px; line-height: 42px; vertical-align: top; display: inline-block }
.text-concept a,
.text-concept a + bdi { margin-top: 20px }
.text-concept form { margin-top: 60px }



body:not(.home) .slogan {
    width: auto;
    right: calc(50% - 31.25rem);
    display: inline-block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 200;
    font-size: 18px;
    top: calc(50% - 3.67em);
    position: absolute;
    text-transform: uppercase;
}

body:not(.home) header h1 {
    position: absolute;
    display: inline-block;
    width: auto;
    left: 15%;
    bottom: 15px;
    font-size: 42px;
    font-weight: 600;
    color: #404041;
    max-width: 202px;
    letter-spacing: 0.02em;
}

.content span.big {
    font-size: 32px;
    line-height: 84px;
    vertical-align: top;
}

.content span.big i { font-size: 84px }

body:not(.home) section.register:before { display: none }

body.contacts #map {
    position: absolute;
    left: 0;
    top: -60px;
    width: calc(50vw - 37.5px);
    height: calc(100% + 120px);
}

body.contacts form {
    margin: 50px auto;
    max-width: 450px;
}

body.contacts .content > .pure-g > div:first-child > h1 ,
body.contacts .content > .pure-g > div:first-child > p {
    max-width: 450px;
}

.ClassyCountdown-wrapper > div {
    display: inline-block;
    position: relative;
    width: calc(25% - 20px);
    margin: 10px;
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 100%;
    line-height: .7em;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    display: block;
}

.count-down {
    background-color: #cccc33;
    border-bottom: 15px solid #0099cc;
    z-index: 4;
}

#countdown {
    max-width: 720px;
    margin: 0 auto 40px;
}

.open h3.trigger-evento,
.open #countdown { display: none }

section.count-down form {
    margin: 0 auto;
    display: none;
}

section.count-down.open form { display: block }


section.count-down form p {  }
section.count-down form input { background-color: #cccc33 }
section.count-down form label { display: inline-block }

.ClassyCountdown-value { color: #f7f7be }
.ClassyCountdown-value div { font-size: 45px }
.ClassyCountdown-value span { font-size: .4em!important; }

section.intro .info-graphic { margin-bottom: 120px; }
section.intro .info-graphic.no-spacing { margin-bottom: 0; }
section.intro .info-graphic:not(.showMobile) > div:first-child, section.intro .info-graphic > div:last-child { width: 30%; }
section.intro .info-graphic > div:first-child, section.intro .info-graphic > div:last-child,
section.intro .info-graphic > .pure-u-1-2 { padding: 70px 1%; }

section.intro .info-graphic:not(.showMobile) > div:nth-child(2) {
    max-width: 400px;
    margin: 0 auto;
    width: 40%;
    padding: 30px 1% 15px;
}

section.intro .info-graphic > .pure-u-1-4 {
    padding: 95px 1%;
}

section.intro .info-graphic > .pure-u-1-4 label {
    font-size: 14px;
}
section.intro .info-graphic > .pure-u-1-4 label:first-child {
    margin-top: 20px;
    display: inline-block;
}
section.intro .info-graphic > .pure-u-1-4 label:last-child {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    max-width: 80%;
}
section.intro .info-graphic > .pure-u-1-4 i {
    display: block;
    margin: 10px auto 15px;
    font-size: 90px;
}

section.intro .info-graphic > .pure-u-1-4 h3 {
    font-size: 21px;
    text-transform: uppercase;
    display: inline-block;
    max-width: 70%;
    margin: 0 auto 10px;
}

section.intro .info-graphic > .pure-u-1-4 h3 + p {
    font-size: 13px;
    line-height: 16px;
    color: #e8e9ab;
    text-transform: uppercase;
    margin: 0 auto 10px;
    max-width: 80%;
}

section.intro .info-graphic > .pure-u-1-2 img {
    /* height: 100%; */
    object-fit: contain;
    margin: -30px 0 0 -5px;
    width: 105%;
    min-height: 600px;
}

section.intro .info-graphic > .pure-u-1-2 ul {
    max-width: 375px;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
}

section.intro .info-graphic > .pure-u-1-2 ul li { display: block; margin-bottom: 30px }
section.intro .info-graphic > .pure-u-1-2 ul i {
    font-size: 32px;
    width: 50px;
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    float: none;
    color: #f7f8d1;
}

section.intro .info-graphic > .pure-u-1-2 ul i + div {
    width: calc(100% - 54px);
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

section.intro .info-graphic > .pure-u-1-2:before {
    position: absolute;
    left: -155px;
    top: 10px;
    content: '';
    background: url('/assets/images/concept/arrow3.png') no-repeat;
    background-size: 80%;
    width: 182px;
    height: 78px;
}

section.intro .info-graphic > .pure-u-1-2:after {
    position: absolute;
    right: -186px;
    top: 10px;
    content: '';
    background: url('/assets/images/concept/arrow4.png') no-repeat;
    background-size: 80%;
    width: 181px;
    height: 55px;
}

section.intro .info-graphic > .pure-u-1-2 > .arrows {
    display: inline-block;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 105px;
    left: 0;
}

section.intro .info-graphic > .pure-u-1-2 > .arrows:after {
    position: absolute;
    right: -200px;
    bottom: 10px;
    content: '';
    background: url('/assets/images/concept/arrow.png') no-repeat;
    background-size: 80%;
    width: 181px;
    height: 55px;
}

section.intro .info-graphic > .pure-u-1-2 > .arrows:before {
    position: absolute;
    left: -204px;
    bottom: 10px;
    content: '';
    background: url('/assets/images/concept/arrow2.png') no-repeat;
    background-size: 80%;
    width: 181px;
    height: 55px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}


body.content ul.sub-links {
    text-align: right;
    text-transform: uppercase;
}

body.content ul.sub-links a {
    font-size: 11px;
    line-height: 14px;
    opacity: .6;
    text-decoration: none;
    color: #fff;
}

body.content ul.sub-links a:not(:last-child) {
    margin-right: 15px;
}
body.content ul.sub-links a:hover,
body.content ul.sub-links a.active {
    text-decoration: underline;
    opacity: 1;
}

body.content h2 {
    font-size: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

body.content .txt-cont p {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

/*
body.content .txt-cont p.p1 strong {
    font-size: 14px;
}
*/

body.contacts h1 {
    font-size: 42px;
    line-height: 56px;
    text-transform: uppercase;
}

body.contacts h1 bdi {
    display: block;
    font-size: 54px;
}

body.contacts{}


/* HEADING TITLES ANIMATION */
@keyframes anim-h-item-1 {
    0% {
        opacity: 1;
    }
    28% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    95% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes anim-h-item-2 {
    0% {
        opacity: 0;
    }
    28% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    61% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes anim-h-item-3 {
    0% {
        opacity: 0;
    }
    61% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.heading-4 {
    color: #333;
    display: inline-block;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 80px;
    text-transform: uppercase;
}

.cycle {
    position: relative;
    width: 100%
}

.cycle .cycle-item {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0; 
    transform: translateX(-50%);
    width: 100%
}

.cycle .cycle-item.item-1 {
    animation: anim-h-item-1 30s infinite;
}
.cycle .cycle-item.item-2 {
    animation: anim-h-item-2 30s infinite;
}
.cycle .cycle-item.item-3 {
    animation: anim-h-item-3 30s infinite;
}

/* END HEADING TITLES ANIMATION */

.bordered-button {
    border: 1px solid #FFF;
    border-radius: 6px;
    color: #FFF;
    font-size: 13px;
    padding: 8px 80px;
    text-transform: uppercase;
}

.bordered-button.faded-button {
    background: rgba(255,255,255,0.1);
    transition: 0.2s ease-out;
}

.bordered-button.faded-button:hover {
    background: rgba(255,255,255,0.2);
}

/* Vantagens */
.advantages {
    background: #9b003c;
    background: -moz-linear-gradient(top, #9b003c 0%, #d60053 60%);
    background: -webkit-linear-gradient(top, #9b003c 0%,#d60053 60%);
    background: linear-gradient(to bottom, #9b003c 0%,#d60053 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b003c', endColorstr='#d60053',GradientType=0 );
}

.advantages .separator {
    /* background-color: #0186b3; */
    top: -30px;
}

.advantages h2 {
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
}

.advantages .pure-g .pure-u-1-3 {
    margin-top: 100px;
}


.plans .pure-g .pure-u-md-1-3 {
    margin-top: 100px;
}

.advantages .img-container {
    display: inline-block;
    height: 60px;
}

.plans .img-container {
    display: inline-block;
    height: 60px;
}

.advantages .img-container img {
    top: 50%;
    transform: translateY(-50%);
}

.plans .img-container img {
    top: 50%;
    transform: translateY(-50%);
}

.advantages a.button {
    background-color: rgba(255,255,255,0);
    border: 1px solid #FFF;
    border-radius: 10px;
    color: #FFF;
    margin-top: 20px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.advantages a.button:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
}

.advantages .join {
    margin-top: 100px;
}

.advantages p {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .advantages .pure-g .pure-u-1-3 {
        width: 100%;
    }
}
/* END Vantagens */

/* Funcionalidades */
.funcionalidades {
    margin: 60px 0;
    min-height: 800px;
    position: relative;
}

.funcionalidades h2 {
    margin-bottom: 40px !important;
    margin-right: 40px;
    text-align: right;
}

.funcionalidades .menu {
    position: relative;
    width: 100%;
    z-index: 2;
}

.funcionalidades .menu .iphone {
    left: 60px;
    position: absolute;
    top: -60px;
    z-index: 20;
}

.funcionalidades .menu .menu-op {
    background-color: #d2372c;
    border-radius: 45px;
    box-shadow: 0 0 10px #d2372c;
    height: 120px;
    left: 0;
    padding: 28px 30px;
    position: absolute;
    text-align: right;
}

.funcionalidades .menu .menu-op:last-child {
    padding-top: 50px;
}



.funcionalidades .menu .menu-op:nth-child(2n) {
    background-color: #ff463a;
}

.funcionalidades .menu .menu-op .op-text {
    color: #FFF;
    margin-right: 20px;
}

.funcionalidades .menu .menu-op a {
    font-size: 14px;
    opacity: 0.7;
    text-transform: uppercase;
}

.funcionalidades .menu .menu-op a .arrow {
    margin-left: 5px;
    top: -1px;
}



.funcionalidades .menu .menu-op.op-1 {
    top: 0;
    width: 100%;
    z-index: 0;
}
.funcionalidades .menu .menu-op.op-2 {
    top: 70px;
    width: 95%;
    z-index: 1;
}
.funcionalidades .menu .menu-op.op-3 {
    top: 140px;
    width: 90%;
    z-index: 2;
}
.funcionalidades .menu .menu-op.op-4 {
    top: 210px;
    width: 85%;
    z-index: 3;
}
.funcionalidades .menu .menu-op.op-5 {
    top: 280px;
    width: 80%;
    z-index: 4;
}
.funcionalidades .menu .menu-op.op-6 {
    top: 350px;
    width: 75%;
    z-index: 5;
}
.funcionalidades .menu .menu-op.op-7 {
    top: 420px;
    width: 70%;
    z-index: 6;
}
.funcionalidades .menu .menu-op.op-8 {
    top: 490px;
    width: 65%;
    z-index: 7;
}

.funcionalidades .content,
.funcionalidades .open-content {
    transition: 0.2s ease-out;
}

.funcionalidades .open-content {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.funcionalidades .open-content h2 {
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 30px;
    text-transform: none;
}

.funcionalidades .open-content h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: inherit;
    text-transform: uppercase;
}

.funcionalidades .open-content .open-content-op {
    background: #FFF;
    color: #d2372c;
    display: none;
}

.funcionalidades .open-content .open-content-op.op-active {
    display: block;
}

.funcionalidades .content.closed,
.funcionalidades .open-content.closed {
    opacity: 0;
}

.funcionalidades .open-content.active {
    opacity: 1;
}

.funcionalidades .open-content .close-btn {
    margin: 40px 80px;
    z-index: 3;
}

.funcionalidades .open-content .close-btn {
    opacity: 0.6;
    transition: 0.2s ease-out;
}

.funcionalidades .open-content .close-btn:hover {
    cursor: pointer;
    opacity: 1;
}

.funcionalidades .open-content .inner-content {
    display: flex;
    max-width: 62.5rem;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}

.funcionalidades .open-content .inner-content .text {
    padding-left: 80px;
}

.funcionalidades .open-content .inner-content a.button {
    background-color: transparent;
    border: 1px solid #d2372c;
    border-radius: 10px;
    color: #d2372c;
    margin-top: 60px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.funcionalidades .open-content .inner-content a.button:hover {
    background-color: #d2372c;
    color: #FFF;
}

.funcionalidades .open-content .iphone {
    top: -40px;
}

.funcionalidades .open-content .iphone-mobile {
    display: none;
}

.funcionalidades .open-content .btn-nav {
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s ease-out;
    z-index: 1;
}

.funcionalidades .open-content .btn-nav:hover {
    opacity: 1;
}

.funcionalidades .open-content .btn-nav.btn-go-left {
    left: 80px;
}

.funcionalidades .open-content .btn-nav.btn-go-right {
    right: 80px;
}

.funcionalidades a:hover {
    cursor: pointer;
}

.funcionalidades .p-aderir {
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

@media screen and (max-width: 880px) {
    .funcionalidades {
        min-height: 600px;
    }

    .funcionalidades .open-content {
        position: relative;
    }

    .funcionalidades .menu .iphone,
    .funcionalidades .open-content .iphone {
        display: none;
    }

    .funcionalidades .open-content .iphone-mobile {
        display: block;
        width: 80%;
        margin: 20px auto 0;
    }

    .funcionalidades .open-content .inner-content a.button {
        margin: 40px 0;
    }

    .funcionalidades .open-content .iphone-mobile img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .funcionalidades .open-content .bottom-join {
        text-align: center;
    }

    .funcionalidades .p-aderir {
        bottom: -90px;
        text-align: center;
        width: 100%;
    }

    .funcionalidades .open-content .inner-content .text {
        padding: 0;
        text-align: left;
    }

    .funcionalidades .open-content h2 {
        text-align: left;
    }

    .funcionalidades .open-content .btn-nav.btn-go-left {
        left: 20px;
    }

    .funcionalidades .open-content .btn-nav.btn-go-right {
        right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .funcionalidades .menu .menu-op {
        padding-left: 10px;
        padding-right: 10px;
    }

    .funcionalidades .menu .menu-op .op-text {
        display: inline-block;
    }

    .funcionalidades .menu .menu-op a {
        font-size: 0;
        top: -4px;
        right: 10px;
    }
}
/* END Funcionalidades */

/* Arrows */
.arrow {
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 21px;
}
.arrow.arrow-left {
    background-image: url('/assets/images/concept/arrow-left.png');
}
.arrow.arrow-right {
    background-image: url('/assets/images/concept/arrow-right.png');
}
.arrow-close {
    background-image: url('/assets/images/concept/close-red.png');
    height: 27px;
    width: 29px;
}

.arrow.arrow-left-s,
.arrow.arrow-right-s{
    height: 45px;
    width: 24px;
}
.arrow.arrow-left-s {
    background-image: url('/assets/images/concept/arrow-left-s.png');
}
.arrow.arrow-right-s {
    background-image: url('/assets/images/concept/arrow-right-s.png');
}
.arrow.arrow-left-s.red {
    background-image: url('/assets/images/concept/arrow-left-red.png');
}
.arrow.arrow-right-s.red {
    background-image: url('/assets/images/concept/arrow-right-red.png');
}
.arrow.arrow-up-red {
    background-image: url('/assets/images/artistas/arrow-red.png');
}
.arrow.arrow-up-white {
    background-image: url('/assets/images/artistas/arrow-white.png');
}
/* END Arrows */


/* Artistas: Como funciona */

/*Artistas*/
.contrast-artists {
    background-color: #e54;
    color: #fff;
}

.contrast-artists a.button:hover {
    background-color: #FFF;
    color: #e54;
    cursor: pointer;
}

/*Prestadores de Servicos*/
.contrast-service-provider {
    background-color: #F1831D;
    color: #fff;
}

.contrast-service-provider a.button:hover {
    background-color: #FFF;
    color: #F1831D;
    cursor: pointer;
}

/*Promotoras e Modelos*/
.contrast-promotors-models {
    background-color: #91C13C;
    color: #fff;
}

.contrast-promotors-models a.button:hover {
    background-color: #FFF;
    color: #91C13C;
    cursor: pointer;
}

/*Agentes e Agências*/
.contrast-agents-agencies {
    background-color: #000;
    color: #daa520;
}

.contrast-agents-agencies a.button:hover {
    background-color: #daa520;
    color: #000;
    cursor: pointer;
}

/*Organizadores de Eventos*/
.contrast-event-organizers {
    background-color: #0079CD;
    color: #fff;
}

.contrast-event-organizers a.button:hover {
    background-color: #FFF;
    color: #0079CD;
    cursor: pointer;
}

/*Eventos Particulares*/
.contrast-private-events {
    background-color: #0C86F3;
    color: #fff;
}

.contrast-private-events a.button:hover {
    background-color: #FFF;
    color: #0C86F3;
    cursor: pointer;
}

.how-it-works .separator .clappyu-arrow {
    top: 13px;
}

.how-it-works h2 {
    background: rgba(0,0,0,0.2);
    color: #FFF;
    display: inline-block;
    font-size: 24px;
    padding: 10px 20px;
    top: -270px;
}

.how-it-works h2 img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.how-it-works h3 {
    font-size: 36px;
    margin-top: -63px;
    text-transform: uppercase;
}

.how-it-works nav {
    text-align: left;
}

.how-it-works nav ul {
    display: flex;
}

.how-it-works nav ul li {
    display: inline-block;
}

.how-it-works nav ul li a {
    border-bottom: 2px solid #FFF;
    height: 110px;
    opacity: 0.6;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s ease-out;
}

.how-it-works nav ul li a .img-container {
    display: inline-block;
    height: 55px;
}

.how-it-works nav ul li a .img-container img {
    top: 50%;
    transform: translateY(-50%);
}

.how-it-works nav ul li a p {
    margin: 15px 0;
}

.how-it-works nav ul li a.op-active,
.how-it-works nav ul li a:hover {
    opacity: 1;
}

.how-it-works nav ul li a:hover {
    cursor: pointer;
}

.how-it-works .open-content {
    margin-top: 60px;
}

.how-it-works .open-content ul {
    list-style: none;
}

.how-it-works .open-content ul li {
    font-size: 26px;
    margin: 30px 0;
    text-align: left;
}

.open-content-op-p{
    margin-left: 23px !important;
    max-width: 485px;
}

.open-content-type-op-p{
    margin-left: 23px !important;
    max-width: 485px;
    margin: 0;
    padding-left: 5px;
    font-size: 12px;
    line-height: 16px;
}

.how-it-works .open-content .open-content-op {
    display: none;
}

.how-it-works .open-content .open-content-op.op-active {
    display: block;
}

.how-it-works a.button {
    background-color: rgba(255,255,255,0);
    border: 1px solid #FFF;
    border-radius: 10px;
    color: #FFF;
    margin-top: 50px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.how-it-works a.button:hover {
    /*background-color: rgba(255,255,255,0.1);*/
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .how-it-works .pure-u-2-3 {
        width: 100%;
    }

    .how-it-works nav ul li {
        width: 25%;
    }

    .how-it-works nav ul li a {
        font-size: 11px;
        height: 90px;
        padding: 0 2px;
        width: 100%;
    }

    .how-it-works nav ul li a .img-container {
        height: 40px;
    }

    .how-it-works nav ul li a .img-container img {
        max-height: 100%;
    }
}
/* END Artistas: Como funciona */

/* Artistas: Funcionalidades */
.artists-features {
    background-color: #333;
    color: #FFF;
}

.artists-features .separator .clappyu-arrow {
    top: 13px;
}

.artists-features h2 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

.artists-features .pure-g .pure-u-1-3 {
    margin-top: 60px;
}

.artists-features .pure-g .pure-u-1-3 p {
    height: 20px;
}

.artists-features .img-container {
    display: inline-block;
    height: 60px;
}

.artists-features .img-container img {
    top: 50%;
    transform: translateY(-50%);
}

.artists-features a.button {
    background-color: rgba(255,255,255,0);
    border: 1px solid #999;
    border-radius: 10px;
    color: #999;
    margin-top: 20px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.artists-features a.button:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
}

.artists-features .join {
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .artists-features .pure-g .pure-u-1-3 {
        width: 100%;
    }
}
/* END Artistas: Funcionalidades */

/* Artistas: Ligacoes possiveis */
.possible-connections {
    position: relative;
    text-shadow: 1px 1px #000;
  }

  .possible-connections::before {
    background: rgba(0,0,0,0.2);
    content: " ";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

.connections-bg-artits {
    background: url('/assets/images/artistas/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.connections-bg-service-provider {
    background: url('/assets/images/prestadoresservicos/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.connections-bg-promotors-models {
    background: url('/assets/images/promotorasmodelos/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.connections-bg-agents-agencies {
    background: url('/assets/images/agentes/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.connections-bg-event-organizers {
    background: url('/assets/images/organizadoreseventos/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.connections-bg-private-events {
    background: url('/assets/images/eventosparticulares/ligacoes-bg.png') no-repeat;
	background-position: 50% 50%;
    background-size: cover;
}

.possible-connections h2 {
    font-size: 28px;
    font-weight: normal;
}

.possible-connections .art {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin: 180px auto 80px;
    width: 90%;
}

.possible-connections .art.space-bottom {
    margin-bottom: 150px;
}

.possible-connections .art > span {
    padding: 0 40px;
    min-width: 300px;
}

.possible-connections .art .img-container {
    display: inline-block;
    height: 58px;
}

.possible-connections .art .img-container img {
    max-height: 100%;
}

.possible-connections p.note {
    bottom: 30px;
    font-size: 12px;
    left: 100px;
    position: absolute;
}

.possible-connections .art .art-icon::before {
    content: " ";
    display: inline-block;
    position: absolute;
}

.possible-connections .art .art-icon.art-bottom-left::before {
    background: url('/assets/images/artistas/seta-02.png') no-repeat;
    height: 148px;
    right: -5px;
    top: -206px;
    width: 176px;
}

.possible-connections .art .art-icon.art-bottom-center::before {
    background: url('/assets/images/artistas/seta-01.png') no-repeat;
    height: 68px;
    top: -126px;
    width: 42px;
}

.possible-connections .art .art-icon.art-bottom-right::before {
    background: url('/assets/images/artistas/seta-03.png') no-repeat;
    height: 148px;
    left: -5px;
    top: -206px;
    width: 176px;
}

@media screen and (max-width: 768px) {
    .possible-connections .art {
        font-size: 13px;
    }

    .possible-connections .art.space-bottom {
        margin-bottom: 80px;
    }

    .possible-connections .art > span {
        min-width: 130px;
        padding: 0 15px;
    }

    .possible-connections .art .img-container {
        height: 45px;
    }

    .possible-connections p.note {
        bottom: 40px;
        left: 20px;
    }

    .possible-connections .art .art-icon.art-bottom-left::before,
    .possible-connections .art .art-icon.art-bottom-right::before {
        display: none;
    }
}
/* END Artistas: Ligacoes possiveis */

/* Artistas: Perfil */
.artists-profile {
    background-color: #CCC;
    color: #333;
}

.artists-profile:nth-child(2n + 1) {
    background-color: #F2F2F2;
    /*text-align: right;*/
}

.artists-profile h3 {
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
}

.artists-profile a.button {
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 10px;
    color: #333;
    margin-top: 20px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.artists-profile a.button:hover {
    background-color: #333;
    color: #fff;
    cursor: pointer;
}

.artists-profile .pure-u-2-3 {
    padding-right: 100px;
}

.artists-profile:nth-child(2n + 1) .pure-u-2-3 {
    padding-left: 100px;
    padding-right: initial;
}

.artists-profile p.register {
    margin-top: 60px;
}

.artists-profile .arrow-up {
    bottom: 20px;
    position: absolute;
    right: 100px;
}

.artists-profile .arrow-up:hover {
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .artists-profile .pure-g .pure-u-2-3 {
        padding: 0 20px;
        width: 100%;
    }

    .artists-profile p.register {
        text-align: center;
    }

    .artists-profile .arrow-up {
        right: 30px;
    }

    .artists-profile:nth-child(2n + 1) {
        text-align: initial;
    }

    .funcionalidades .menu .menu-op {
        width: 100% !important;
        border-radius: 0;
    }
}
/* END Artistas: Perfil */

/* Artistas: Ferramentas de Promocao */

.artists-tools .content {
    align-items: center;
    display: flex;
}

.artists-tools h3 {
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
}

.artists-tools .arrow-up {
    bottom: 20px;
    position: absolute;
    right: 100px;
}

.artists-tools .arrow-up:hover {
    cursor: pointer;
}

.artists-tools .video-container {
    background: #FFF;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    display: inline-block;
    height: 350px;
    width: 55%;
}

.artists-tools .text-container {
    margin-left: 60px;
    width: 40%;
}

.artists-tools p.register {
    margin-top: 60px;
}

.artists-tools a.button {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 10px;
    color: #FFF;
    margin-top: 20px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.artists-tools a.button:hover {
    background-color: #FFF;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .artists-tools .text-container {
        margin-left: 30px;
    }
}

@media screen and (max-width: 768px) {
    .artists-tools .arrow-up {
        right: 30px;
    }

    .artists-profile p.register {
        text-align: center;
    }

    .artists-tools .content {
        display: block;
    }

    .artists-tools .video-container,
    .artists-tools .text-container {
        padding: 0 20px;
        width: 100%;
    }

    .artists-tools .video-container {
        margin-bottom: 60px;
    }

    .artists-tools .text-container {
        margin: 0;
    }
}
/* END Artistas: Ferramentas de Promocao */

/* Home: Como funciona */
.home-como-funciona {
}

.home-como-funciona .queres {
    align-items: center;
    display: flex;
    font-size: 28px;
    justify-content: center;
    margin: 60px 0;
}

.home-como-funciona .queres > a,
.home-como-funciona .queres > span {
    padding: 0 40px;
}

.home-como-funciona .queres .img-container {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
}

.home-como-funciona .queres .img-container img {
    max-height: 100%;
}

.home-como-funciona .queres p {
    margin: 20px 0;
}

.home-como-funciona .queres a {
    opacity: 0.6;
    transition: 0.2s ease-out;
}

.home-como-funciona .queres a:hover {
    cursor: pointer;
    opacity: 1;
}

.home-como-funciona .queres a.op-active {
    opacity: 1;
}

.home-como-funciona nav {
    text-align: left;
}

.home-como-funciona nav .nav-group {
    display: none;
}

.home-como-funciona nav .nav-group.active {
    display: block;
}

.home-como-funciona nav ul {
    display: flex;
}

.home-como-funciona nav ul li {
    display: inline-block;
}

.home-como-funciona nav ul li a {
    border-bottom: 2px solid #FFF;
    height: 110px;
    opacity: 0.6;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s ease-out;
}

.home-como-funciona nav ul li a .img-container {
    display: inline-block;
    height: 55px;
}

.home-como-funciona nav ul li a .img-container img {
    top: 50%;
    transform: translateY(-50%);
}

.home-como-funciona nav ul li a p {
    margin: 15px 0;
    padding: 0;
}

.home-como-funciona nav ul li a.op-active,
.home-como-funciona nav ul li a:hover {
    opacity: 1;
}

.home-como-funciona nav ul li a:hover {
    cursor: pointer;
}

.home-como-funciona .open-content {
    margin-top: 60px;
}

.home-como-funciona .open-content ul {
    list-style: none;
}

.home-como-funciona .open-content ul li {
    font-size: 26px;
    margin: 30px 0;
    text-align: left;
}

.home-como-funciona .open-content .open-content-op {
    display: none;
}

.home-como-funciona .open-content .open-content-op.op-active {
    display: block;
}

.home-como-funciona a.button {
    background-color: rgba(255,255,255,0);
    border: 1px solid #FFF;
    border-radius: 10px;
    color: #FFF;
    margin-top: 50px;
    padding: 10px 60px;
    transition: 0.2s ease-out;
}

.home-como-funciona a.button:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
}

.home-como-funciona .btn-nav {
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s ease-out;
    z-index: 1;
}

.home-como-funciona .btn-nav:hover {
    cursor: pointer;
    opacity: 1;
}

.home-como-funciona .btn-nav.btn-go-left {
    left: -80px;
}

.home-como-funciona .btn-nav.btn-go-right {
    right: -80px;
}

@media screen and (max-width: 1024px) {
    .home-como-funciona .queres > a,
    .home-como-funciona .queres > span {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .home-como-funciona .queres > a,
    .home-como-funciona .queres > span {
        padding: 0 10px;
    }

    .home-como-funciona .pure-u-2-3 {
        padding: 0 !important;
        width: 100%;
    }

    .home-como-funciona nav ul li {
        width: 25%;
    }

    .home-como-funciona nav ul li a {
        font-size: 11px;
        height: 90px;
        padding: 0 2px;
        width: 100%;
    }

    .home-como-funciona nav ul li a .img-container {
        height: 40px;
    }

    .home-como-funciona nav ul li a .img-container img {
        max-height: 100%;
    }
}
 /* END Home: Como funciona */

/* ========================================== END HOME ========================================================== */


/* =========================================== FOOTER =========================================================== */


footer {
    background-color: #CCC;
    color: #333333;
    float: left;
    width: 100%;
    padding: 30px 0;
}

footer p {
    font-size: 13px;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------------------
 *
 *  # ALTERAÇÕES
 *  Latest update: Agosto 18, 2016
 *
 * ---------------------------------------------------------------------------- */

/* input referencia */

input#ref { border-right: 0 }

span.refOwner {
    width: calc(100% + 4px);
    display: inline-block;
    padding: 8px 10px;
    font-size: 12px;
    vertical-align: middle;
    height: 99%;
    margin-left: -3px;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: #D41E1E;
    cursor: default;
}

/* ========================================= END FOOTER ========================================================= */

/* =========================================== MOBILE =========================================================== */
@media screen and (min-width: 1400px) {  }
@media screen and (max-width: 1024px) { span.section-title { right: 0 } }
@media screen and (max-width: 960px) {
    header ul.perspective.animate li img { max-height: 450px }
}

.showMobile { display: none ; }
body.mobile .showMobile { display: inline-block !important;  }
body.mobile .hideMobile { display: none !important; }

.header-pop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    /* -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s; */
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    z-index: 100;
    background-color: #333333;
    padding: 21% 10% 10%;
    text-align: center;
    text-transform: uppercase;
    line-height: 48px;
    color: #f2f2f2;
}

.header-pop.open {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    /* -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s; */
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.header-pop > .float-left {
    width: calc(100% - 64px);
    text-align: left;
}

.header-pop > .float-left > a {
    margin-right: 10%;
    font-size: 13px;
    line-height: 64px;
    color: #828282;
}

.header-pop a.trigger-pop {
    font-size: 64px;
    color: #828282;
}


.header-pop ul.sub-nav {
    display: inline-block;
    width: 100%;
}

.header-pop ul.langs {
    position: relative;
    margin: 40px auto;
    top: auto;
    transform: none;
    text-align: center;
}

.header-pop li { list-style: none }
.header-pop ul.langs li { display: inline-block }
.header-pop ul.langs li a {
    padding: 0 5%;
    min-width: 35px;
}

.header-pop ul.langs li a.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 2px;
    width: 100%;
    background-color: #bfbf34;
}

.header-pop ul.sub-nav li { line-height: 56px; }
.header-pop ul.sub-nav a { color: #c7c7c7; }
.header-pop ul.sub-nav a.active { color: #bfbf34; }
.header-pop i.clappyu-icon {
    font-size: 80px;
    color: #828282;
}

@media screen and (max-width: 960px) {
    section.register .panels .timing span {
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        top: auto;
        max-width: 100%;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 768px) {
    .showMobile { display: inline-block; }
    .hideMobile { display: none !important; }

    section.intro .info-graphic > .pure-u-1-2:before,
    section.intro .info-graphic > .pure-u-1-2:after { display: none }

    section.intro .info-graphic > div:first-child, section.intro .info-graphic > div:last-child, section.intro .info-graphic > .pure-u-1-2 { padding: 0 1% 10px; width: 50%;  }

    section.intro .info-graphic > div:last-child {
        width: 90%;
        font-size: 14px;
        margin: 0 auto;
        display: block;
    }
    section.intro .info-graphic > div > .pure-u-1-2 {
        max-width:200px;
        padding: 0;
        font-size: 13px;
    }

    section.intro .info-graphic > div .pure-u-1-2 img,
    section.intro .info-graphic > .pure-u-1-2 img {
        display: block;
        margin: 10px auto;
    }

    section.intro .info-graphic > div > i  {
        display: block;
        margin: 20px auto 15px;
        font-size: 72px;
    }

    section.intro .info-graphic > div > h3 {
        font-size: 16px;
        text-align: center;
        font-weight: 400;
        margin-bottom: 20px;
    }

    section.intro .info-graphic > div > p {
        font-size: 13px;
        line-height: 16px;
        color: #e8e9ab;
        text-transform: none;
        margin: 0 auto 30px;
        max-width: 90%;
    }

    section.intro div > div > .content >  div > label {
        max-width: 70%;
        margin: 0 auto;
        display: inline-block;
        font-size: 13px;
    }

    section.intro div > div > .content >  div > p {
        font-size: 13px;
        line-height: 16px;
        color: #e8e9ab;
        text-transform: none;
        margin: 0 auto 47px;
        max-width: 90%;
        padding: 0 5%!important;
    }

    section.intro div > div > .showMobile > div:nth-child(2) > p {
        margin-bottom: 65px;
    }

    section.intro .info-graphic > div.pure-u-1 {
        border: 7px solid #fff;
        border-radius: 25px;
        max-width: 400px;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, .15);
        width: 90%;
        padding: 30px 1% 15px;
        margin-bottom: 15px;
    }

    section.intro .info-graphic > div.pure-u-1 ul {
        max-width: 210px;
        margin: 0 auto;
        font-size: 12px;
    }

    section.intro .info-graphic > div.pure-u-1 ul li {
        margin-bottom: 15px;
    }

    section.intro .info-graphic > div.pure-u-1 ul li i { display: none }

    .burguer {
        height: 25px;
        width: 55px;
        margin: 30px 20px 0 0;
        z-index: 98;
    }

    .header-without-image .nav .float-right .burguer{
        margin: -8px 20px 0 0 !important;
    }


    .burguer:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 5px;
        /* background-color: #000; */
        width: 100%;
        background-color: white;
        border-radius: 8px;
    }

    .burguer:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        /* background-color: #000; */
        background-color: white;
        width: 100%;
        border-radius: 8px;
    }

    .burguer i {
        position: absolute;
        left: 0;
        top: 10px;
        height: 5px;
        /* background-color: #000; */
        background-color: white;
        width: 100%;
        border-radius: 8px;
    }
    span.section-title { display: none }

    section.intro .presentation.animate > div:last-child {
        margin-top: 50px;
        padding: 0 2%!important;
    }

    section.intro .presentation > div:nth-child(3){
        max-width: 450px;
        margin: 0 auto;
    }

    section.joinus .text-concept { margin: 0 auto }
    section.joinus form {
        max-width: 450px;
        margin: 0 auto;
        width: 90%;
    }

    body.plans section.register .panel.show>  div { margin: 20px auto; }

    section.intro .presentation > div {
        max-width: 450px;
        margin: 0 auto;
    }

    section.register .panel-a > div { margin-bottom: 20px; }

    section.count-down form { width: 90%; }

    body .loginLayer:before { left: 93% }

    section.register .panels .timing ol { max-width: 90% }
    section.register .panels .timing ol li {
        display: block;
        margin: 20px auto!important;
        max-width: 250px;
        width: 100%;
    }

    section.register .pricing-table {
        overflow: hidden;
        width: 100%;
    }

    section.register .pricing-table .slick-track {
        margin: 0 auto;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    section.register .pricing-table > div.column.best-price,
    section.register .pricing-table div.column {
        max-width: 100%;
        cursor: pointer;
        width: 85vw;
        margin: 10px auto;
    }

    section.register .panel-c .row.actions  > div.text-center > div {
        width: 85vw;
        margin: 5px auto;
    }
    section.joinus .text-concept:last-child .text-left .big { text-align: center;  }
    section.joinus .text-concept:last-child .text-left {
        max-width: 450px;
        width: 90%;
        margin: 0 auto 40px;
        text-align: justify;
    }
}

@media screen and (max-width: 480px) {
    html {
        overflow-x: hidden;
    }

    .app-store-actions {
        bottom: 2%;
    }

    section.intro div > div > .content > span:first-child { padding: 0 }
    /*header ul.perspective { display: none }*/
    header .content { position: absolute }

    header h1 {
        position: absolute;
        bottom: 10%;
        left: 0;
        text-align: center;
    }

    body.home header {
        display: inline-block;
        height: auto;
        min-height: 420px;
        max-height: 960px;
        width: 100%;
    }

    header .bg-rotate {
        height: calc(100% - 90px);
        position: absolute;
        top: auto;
        bottom: 5%;
        background-position: 55% 90%;
        background-size: 170vw;
    }

    span.section-title { display: none }

    header ul.langs {
        top: 90px;
        width: 100%;
        max-width: 100%;
        text-align: center;
        -webkit-transform: none;
        transform: none;
    }

    body:not(.home) header nav { width: 100% }
    body:not(.home) header {
        /* min-height: 450px; */
        background-position: 50% 120px;
    }

    .burguer { margin: 15px 20px 0 0 }

    body:not(.home) .slogan { display: none }
    body:not(.home) header ul.langs { top: 60px }
    body:not(.home) header h1 { bottom: 0 }
    header ul.langs li { padding: 0 10px }
    header nav span.toggle-music { display: none }
    header nav a.logo img { width: 130px; }
    header nav a.logo + div {
        width: calc(96% - 130px);
        text-align: right;
    }

    section.intro div > div > .content > span:first-child + div { width: 95% }
    section.intro.animate > div > div:first-child {
        margin-bottom: 0;

    }

    section.register > div { padding: 90px 5% }

    section.register .panels p { max-width: 80% }

    section.fun-info ul.sub-nav { display: none; }
    section.fun-info ul.sub-nav li {
        margin: 5px auto;
        display: inline-block;
        width: 100%;
    }

    section.fun-info {
        min-height: 760px
    }

    section.fun-info .menu-container {
        width: 66%;
    }

    section.fun-info > div > .mascot {
        width: 200px;
        height: 294px;
    }

    section.fun-info > div:not(.fingers):after{ display: none; }

    section.fun-info > div {
        position: absolute;
        bottom: 5%;
        left: 0;
        width: 100%;
    }

    section.fun-info > div:after {
        opacity: 1;
        top: -580px;
    }

    section.intro .device { max-width: 100%;     background-size: contain; }
    section.intro .device-front { left: 0 }
    section.intro .device-back { margin-bottom: 45% }

    footer ul.social { display: block }
    footer ul.social li { display: inline-block; margin-bottom: 15px }

    .txt-cont { width: 95%; margin: 0 auto }

    .text-concept,
    form {
        max-width: 90vw;
        margin: 0 auto;
    }

    section.intro .presentation {
        max-width: 90%;
        margin: 0 auto;
    }
    section.intro div > ul > li:first-child p {
        text-align: justify;
    }


    section.intro h4 + ul li { text-align: left }

    .ClassyCountdown-wrapper .ClassyCountdown-value { line-height: .9em }
    .ClassyCountdown-value div { font-size: 21px }
    .ClassyCountdown-value span { font-size: 0.5em!important }

    section.count-down h3, section.register h3 { width: 90%; margin: 0 auto }
    section.count-down h2, section.register h2 { max-width: 90%; font-size: 18px }

    header ul.perspective.animate{ display: none; }
    section.intro h2 { max-width: 90%; font-size: 28px; margin: 0 auto }


}

/* ========================================= END MOBILE========================================================== */



/* =========================================== PLUGINS ========================================================== */

/* ------------------------------------------------------------------------------
 *
 *  # Sweet alerts
 *
 *  Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert"
 *
 *  Version: 1.1
 *  Latest update: Oct 28, 2015
 *
 * ---------------------------------------------------------------------------- */
/* # Core
-------------------------------------------------- */
body.stop-scrolling {
    height: 100%;
    overflow: hidden; }

/*************************************/
/*************************************/
/*                */
/*   sweetalert   */
/*                */
/*************************************/
/*************************************/

.sweet-alert,.sweet-overlay{position:fixed;display:none}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:50%;max-width:512px;padding:17px;border-radius:5px;text-align:center;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info::after,.sweet-alert .sa-icon.sa-info::before{position:absolute;content:"";background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px}.sweet-alert .sa-icon.sa-info::after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg)\9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg)\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg)\9}/*!


/*
 * Animations
 */
.sweet-alert input.show-input { display: block }

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7); }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05); }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95); }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7); }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05); }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95); }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1); } }

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

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

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%; }
    100% {
        top: 50%; } }

@keyframes slideFromTop {
    0% {
        top: 0%; }
    100% {
        top: 50%; } }

@-webkit-keyframes slideToTop {
    0% {
        top: 50%; }
    100% {
        top: 0%; } }

@keyframes slideToTop {
    0% {
        top: 50%; }
    100% {
        top: 0%; } }

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%; }
    100% {
        top: 50%; } }

@keyframes slideFromBottom {
    0% {
        top: 70%; }
    100% {
        top: 50%; } }

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%; }
    100% {
        top: 70%; } }

@keyframes slideToBottom {
    0% {
        top: 50%; }
    100% {
        top: 70%; } }

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px; }
    54% {
        width: 0;
        left: 1px;
        top: 19px; }
    70% {
        width: 50px;
        left: -8px;
        top: 37px; }
    84% {
        width: 17px;
        left: 21px;
        top: 48px; }
    100% {
        width: 25px;
        left: 14px;
        top: 45px; } }

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px; }
    54% {
        width: 0;
        left: 1px;
        top: 19px; }
    70% {
        width: 50px;
        left: -8px;
        top: 37px; }
    84% {
        width: 17px;
        left: 21px;
        top: 48px; }
    100% {
        width: 25px;
        left: 14px;
        top: 45px; } }

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px; }
    65% {
        width: 0;
        right: 46px;
        top: 54px; }
    84% {
        width: 55px;
        right: 0px;
        top: 35px; }
    100% {
        width: 47px;
        right: 8px;
        top: 38px; } }

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px; }
    65% {
        width: 0;
        right: 46px;
        top: 54px; }
    84% {
        width: 55px;
        right: 0px;
        top: 35px; }
    100% {
        width: 47px;
        right: 8px;
        top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0; }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1; } }

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0; }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1; } }

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px; }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1; } }

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px; }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1; } }

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486; }
    100% {
        border-color: #F8BB86; } }

@keyframes pulseWarning {
    0% {
        border-color: #F8D486; }
    100% {
        border-color: #F8BB86; } }

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486; }
    100% {
        background-color: #F8BB86; } }

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486; }
    100% {
        background-color: #F8BB86; } }

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9; }


/* ------------------------------------------------------------------------------
*
*  # Anytime picker
*
*  jQuery datepicker/timepicker and a Date/String parse/format utility
*
*  Version: 1.2
*  Latest update: Mar 10, 2016
*
* ---------------------------------------------------------------------------- */
.AnyTime-pkr {
    text-align: center;
}
.AnyTime-pkr * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.AnyTime-pkr .AnyTime-date {
    float: left;
}
.AnyTime-pkr .AnyTime-date + .AnyTime-time {
    margin-left: 50px;
    float: left;
}
.AnyTime-win {
    padding: 16px;
    background-color: #fff;
    display: inline-block;
    border-radius: 3px;
    z-index: 10;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #323232;
    font-size: 12px;
}
.AnyTime-cloak {
    position: absolute;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.AnyTime-hdr {
    font-size: 15px;
    margin: 15px 10px;
    line-height: 1;
}
.AnyTime-x-btn {
    display: none;
    font-size: 0;
    cursor: pointer;
    float: right;
    border-radius: 2px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.AnyTime-x-btn:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.AnyTime-x-btn:after {
    content: '\ed6b';
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.AnyTime-lbl {
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 25px;
}
.AnyTime-lbl:first-child {
    margin-top: 8px;
}
.AnyTime-yrs .ui-state-highlight,
.AnyTime-yrs .ui-state-highlight:hover {
    background-color: #F44336;
    color: #fff;
}
.AnyTime-mons .ui-state-highlight,
.AnyTime-mons .ui-state-highlight:hover {
    background-color: #26A69A;
    color: #fff;
}
.AnyTime-time .ui-state-highlight,
.AnyTime-time .ui-state-highlight:hover {
    background-color: #607D8B;
    color: #fff;
}
.AnyTime-dom-table .ui-state-highlight,
.AnyTime-body-yr-selector .ui-state-highlight,
.AnyTime-dom-table .ui-state-highlight:hover,
.AnyTime-body-yr-selector .ui-state-highlight:hover {
    background-color: #2196F3;
    color: #fff;
}
.AnyTime-yrs-past-btn,
.AnyTime-yrs-ahead-btn {
    display: inline-block;
}
.AnyTime-yr-prior-btn,
.AnyTime-yr-cur-btn,
.AnyTime-yr-next-btn {
    display: inline-block;
    min-width: 50px;
}
.AnyTime-mons:after {
    content: "";
    display: table;
    clear: both;
}
.AnyTime-dom-table {
    width: 100%;
}
.AnyTime-pkr th.AnyTime-dow {
    color: #999999;
    font-size: 12px;
    padding: 8px;
    font-weight: 400;
}
.AnyTime-mon-btn {
    float: left;
}
.AnyTime-mon7-btn {
    clear: left;
}
.AnyTime-dom-btn:hover {
    background-color: #f5f5f5;
}
.AnyTime-dom-btn-empty {
    display: none;
}
.AnyTime-time,
.AnyTime-hrs-am,
.AnyTime-hrs-pm,
.AnyTime-mins-tens,
.AnyTime-mins-ones,
.AnyTime-secs-tens,
.AnyTime-secs-ones,
.AnyTime-hrs,
.AnyTime-mins,
.AnyTime-secs,
.AnyTime-offs {
    display: inline-block;
}
.AnyTime-btn {
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 2px;
}
.AnyTime-btn:hover {
    background-color: #f5f5f5;
}
.AnyTime-hr-btn,
.AnyTime-min-ten-btn,
.AnyTime-min-one-btn,
.AnyTime-sec-ten-btn,
.AnyTime-sec-one-btn {
    min-width: 40px;
}
.AnyTime-hrs-pm,
.AnyTime-mins-ones,
.AnyTime-secs-ones {
    margin-left: 2px;
}
.AnyTime-mins-tens,
.AnyTime-secs-tens {
    margin-left: 20px;
}
.AnyTime-off-cur-btn {
    display: inline-block;
    overflow: hidden;
}
.AnyTime-off-select-btn {
    display: inline-block;
    vertical-align: top;
}
.AnyTime-off-selector {
    margin: 10px;
    position: absolute;
}
.AnyTime-body-off-selector {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
}
.AnyTime-off-off-btn {
    text-align: left;
}
.AnyTime-yr-selector {
    position: absolute;
    width: 90%;
}
.AnyTime-body-yr-selector {
    margin: 0;
}
.AnyTime-yr-mil,
.AnyTime-yr-cent,
.AnyTime-yr-dec,
.AnyTime-yr-yr,
.AnyTime-yr-era {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.AnyTime-era-btn {
    margin-left: 10px;
}
@media (max-width: 769px) {
    .AnyTime-pkr .AnyTime-date {
        float: none;
    }
    .AnyTime-mon-btn {
        float: none;
        display: inline-block;
    }
    .AnyTime-date + .AnyTime-time {
        margin-left: 0;
        margin-top: 25px;
        float: none;
    }
}
/* ------------------------------------------------------------------------------
*
*  # Spectrum color picker
*
*  Flexible and powerful jQuery colorpicker library
*
*  Version: 1.1
*  Latest update: Mar 10, 2016
*
* ---------------------------------------------------------------------------- */
.sp-sat,
.sp-val,
.sp-top-inner,
.sp-color,
.sp-hue,
.sp-clear-enabled .sp-clear,
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-palette-only .sp-picker-container,
.sp-palette-disabled .sp-palette-container,
.sp-initial-disabled .sp-initial {
    display: none;
}
.sp-hidden {
    display: none!important;
}
.sp-cf:before,
.sp-cf:after {
    content: "";
    display: table;
}
.sp-cf:after {
    clear: both;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
    display: block;
}
.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 1000;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sp-container.sp-flat {
    position: relative;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sp-picker-container,
.sp-palette-container {
    display: block;
    white-space: nowrap;
    vertical-align: top;
    position: relative;
    padding: 15px;
    padding-bottom: 305px;
    margin-bottom: -290px;
}
@media (min-width: 769px) {
    .sp-picker-container,
    .sp-palette-container {
        display: inline-block;
    }
}
.sp-picker-container {
    width: 230px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sp-top {
    position: relative;
    width: 100%;
    display: block;
}
.sp-color {
    right: 20%;
}
.sp-hue {
    left: 85%;
    height: 100%;
}
.sp-clear-enabled .sp-hue {
    top: 40px;
    height: 75%;
}
.sp-fill {
    padding-top: 80%;
}
.sp-alpha-enabled .sp-top {
    margin-bottom: 36px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 5px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #999999;
    background-color: #fff;
    border-radius: 4px;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -22px;
    right: 0;
    left: 0;
    height: 6px;
}
.sp-clear {
    display: none;
}
.sp-clear-display {
    cursor: pointer;
}
.sp-clear-display:after {
    content: '\ee6e';
    display: block;
    font-family: 'icomoon';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
}
.sp-preview .sp-clear-display:after,
.sp-initial .sp-clear-display:after {
    content: none;
}
.sp-clear-enabled .sp-clear {
    display: block;
    left: 85%;
    height: 30px;
    text-align: center;
    color: #999;
    -webkit-box-shadow: 0 0 0 1px #ddd inset;
    box-shadow: 0 0 0 1px #ddd inset;
}
.sp-input-container {
    margin-top: 7.5px;
}
.sp-initial-disabled .sp-input-container {
    width: 100%;
}
.sp-input {
    border: 1px solid transparent;
    border-bottom-color: #ddd;
    padding: 8px 0;
    width: 100%;
    background-color: transparent;
    outline: 0;
    color: #333333;
}
.sp-input:focus {
    border-bottom-color: #009688;
    -webkit-box-shadow: 0 1px 0 #009688;
    box-shadow: 0 1px 0 #009688;
}
.sp-initial {
    margin-top: 15px;
}
.sp-initial span {
    width: 50%;
    height: 25px;
    display: block;
    float: left;
}
.sp-initial span .sp-thumb-inner {
    height: 25px;
    width: 100%;
    display: block;
}
.sp-dragger {
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background-color: #333;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 4px;
    left: -2px;
    right: -2px;
    border: 1px solid #999999;
    background-color: #fff;
    border-radius: 3px;
}
.sp-replacer {
    overflow: hidden;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 3px;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
    border-color: #c4c4c4;
    color: #333333;
}
.sp-replacer[class*=bg-],
.sp-replacer[class*=bg-]:hover,
.sp-replacer[class*=bg-]:focus {
    border-color: transparent;
}
.sp-replacer[class*=bg-] .sp-dd {
    color: #fff;
}
.sp-replacer[class*=bg-].sp-active .sp-dd {
    color: #fff;
}
.sp-replacer.sp-disabled {
    cursor: default;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.sp-replacer.sp-disabled:not([class*=bg-]):hover,
.sp-replacer.sp-disabled:not([class*=bg-]):focus {
    border-color: #ddd;
}
.sp-replacer.sp-disabled .sp-dd,
.sp-replacer.sp-disabled[class*=bg-] .sp-dd {
    color: #999999;
}
.sp-preview {
    position: relative;
    width: 26px;
    height: 24px;
    margin-right: 5px;
    float: left;
    z-index: 0;
}
.sp-preview,
.sp-preview .sp-preview-inner {
    border-radius: 3px;
}
.sp-preview .sp-preview-inner,
.sp-preview .sp-clear-display {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.sp-dd {
    float: left;
    font-size: 0;
    position: relative;
    margin: 4px 2px;
    color: #333333;
}
.sp-dd:after {
    content: '\e9c5';
    display: block;
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-palette {
    max-width: 220px;
}
.sp-palette-container {
    padding-right: 0;
}
.sp-palette-only .sp-palette-container {
    border: 0;
    padding-right: 15px;
}
.sp-thumb-el {
    position: relative;
}
.sp-palette .sp-thumb-el {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.sp-thumb-el .sp-thumb-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.sp-thumb-el .sp-thumb-inner:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
}
.sp-palette .sp-thumb-el + .sp-thumb-el {
    margin-left: 5px;
}
.sp-palette .sp-thumb-el.sp-thumb-active {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset;
}
.sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after,
.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    content: '\e600';
    display: block;
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    color: #333333;
}
.sp-palette-row {
    font-size: 0;
}
.sp-palette-row + .sp-palette-row {
    margin-top: 5px;
}
.sp-palette-row:empty {
    margin-top: 0;
}
.sp-cancel,
.sp-choose,
.sp-palette-toggle {
    border: 0;
    border-radius: 2px;
    padding: 7px 14px;
    float: left;
    width: 48%;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    outline: 0;
}
.sp-palette-button-container,
.sp-button-container {
    margin-top: 15px;
    text-align: center;
}
.sp-container[class*=bg-] .sp-palette-button-container a,
.sp-container[class*=bg-] .sp-button-container a,
.sp-container[class*=bg-] .sp-palette-button-container button,
.sp-container[class*=bg-] .sp-button-container button {
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
    border-color: transparent;
}
.sp-cancel:hover,
.sp-palette-toggle:hover,
.sp-choose:hover,
.sp-cancel:focus,
.sp-palette-toggle:focus,
.sp-choose:focus {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}
.sp-cancel:active,
.sp-palette-toggle:active,
.sp-choose:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
.sp-cancel,
.sp-palette-toggle {
    color: #333;
    background-color: #f5f5f5;
    margin-right: 4%;
}
.sp-cancel:hover,
.sp-palette-toggle:hover,
.sp-cancel:focus,
.sp-palette-toggle:focus {
    color: #333;
}
.sp-palette-toggle {
    margin-right: 0;
    width: auto;
    float: none;
}
.sp-choose {
    color: #fff;
    background-color: #607D8B;
}

/* ========================================= END PLUGINS ======================================================== */

/* ========================================= PROFILE ======================================================== */

body header.profile {
    background: none;
    background: url('/assets/images/profile/capa.png') no-repeat;
    background-size: cover;
    position: relative;
    z-index: initial;
}

body header.profile nav {
    width: 98%;
}

header.profile nav.alternative {
    background: #323232;
    width: 100%;
}

header.profile nav .float-right div .separator {
    background-color: #FFF;
}

header.profile ul.langs {
    bottom: 0;
    max-width: initial;
    position: absolute;
    right: 2%;
}

header.profile ul.langs li {
    padding: 0 5px;
}

header.profile ul.langs li a {
    height: 18px;
    transition: 0.2s ease-out;
}

header ul.langs li a:hover:before,
header ul.langs li a.active:before {
    background: #FFF;
    bottom: -10px;
}

.artist-profile {
    background: #f2f2f2;
}

.artist-profile > .content {
    /* top: -100px; */
}

.artist-profile .profile-container {
    background: #FFF;
    box-shadow: -2px -1px 4px rgba(0,0,0,0.2);
    color: #575757;
    margin-bottom: 10px;
    padding: 40px;
}

.artist-profile .profile-container.space-top {
    padding-top: 150px;
}

.artist-profile .artist-profile-header .profile-picture {
    background-color: #f2f2f2;
    border: 6px solid #FFF;
    border-radius: 50%;
    height: 186px;
    left: 50%;
    position: absolute;
    overflow: hidden;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 186px;
    z-index: 1;
}

.artist-profile .artist-profile-header .profile-picture span {
    background-position: center;
    background-size: cover;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.artist-profile .artist-profile-header .profile-type {
    color: #FFF;
    bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
}

.artist-profile .artist-profile-header .profile-type .name {
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.artist-profile .artist-profile-header .profile-buttons {
    bottom: -30px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.artist-profile .artist-profile-header .profile-buttons a {
    background: #FFF;
    border-radius: 50%;
    border: 2px solid #FFF;
    display: inline-block;
    height: 58px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    transition: 0.2s ease-out;
    width: 58px;
}

.artist-profile .artist-profile-header .profile-buttons a:hover {
    border-color: #e54;
    cursor: pointer;
}

.artist-profile .artist-profile-header .profile-buttons a:first-child {
    margin: 0;
}
.artist-profile .artist-profile-header .profile-buttons a i {
    background-repeat: no-repeat;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.artist-profile .artist-profile-header .profile-buttons a i.favorite {
    background-image: url('/assets/images/profile/favorite.png');
    height: 26px;
    width: 29px;
}

.artist-profile .artist-profile-header .profile-buttons a i.like {
    background-image: url('/assets/images/profile/like.png');
    height: 22px;
    margin-top: 2px;
    width: 27px;
}

.artist-profile .artist-profile-header .profile-buttons a i.message {
    background-image: url('/assets/images/profile/message.png');
    height: 27px;
    width: 27px;
}

.artist-profile .profile-container h1,
.artist-profile .profile-container h2,
.artist-profile .profile-container h3,
.artist-profile .profile-container h4{
    color: #e54;
    font-weight: normal;
    margin: 0 0 10px;
}

.artist-profile .profile-container h1,
.artist-profile .profile-container h2 {
    text-transform: uppercase;
}

.artist-profile .profile-container h2,
.artist-profile .profile-container h4 {
    margin-bottom: 30px;
}

.artist-profile .profile-container ul {
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}

.artist-profile .profile-container ul li {
    margin-bottom: 20px;
}

.artist-profile .profile-panel {
    padding: 24px 0 0 10px;
}

.artist-profile .profile-panel .info {
    background: #e54;
    box-shadow: -2px -1px 4px rgba(0,0,0,0.2);
    color: #FFF;
    font-size: 16px;
    margin-top: 10px;
    padding: 10px;
}

.artist-profile .profile-panel .info:first-child {
    margin: 0;
}

.artist-profile .profile-panel .info .info-icon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.artist-profile .profile-panel .options {
    margin-top: 30px;
}

.artist-profile .profile-panel .options a.button {
    background-color: rgba(255,255,255,0);
    border: 2px solid #e54;
    border-radius: 10px;
    color: #e54;
    display: block;
    font-size: 16px;
    margin: 15px auto 0;
    padding: 14px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s ease-out;
    width: 80%;
}

.artist-profile .profile-panel .options a.button:hover {
    background-color: rgba(255,255,255,1);
    cursor: pointer;
}

.artist-profile .profile-panel .options a.button img {
    margin-right: 5px;
    vertical-align: middle;
}

.artist-profile .profile-panel .options a.button span {
    display: inline-block;
    vertical-align: middle;
}

.artist-profile .profile-panel .options p {
    color: #575757;
    font-size: 12px;
    text-align: center;
}

.artist-profile .profile-panel .stores {
    margin-top: 50px;
    text-align: center;
}

.artist-profile .profile-panel .stores a {
    margin-left: 20px;
    vertical-align: middle;
}

.artist-profile .profile-panel .stores a:first-child {
    margin: 0;
}

.artist-profile .profile-panel .social {
    background: #FFF;
    box-shadow: -2px -1px 4px rgba(0,0,0,0.2);
    color: #575757;
    margin-top: 30px;
    padding: 0 20px 30px;
}

.artist-profile .profile-panel .social a {
    margin-left: 20px;
}

.artist-profile .profile-panel .social a:first-child {
    margin: 0;
}

.artist-profile .profile-panel .social h5 {
    color: #e54;
    font-size: 22px;
    font-weight: normal;
    margin: 30px 0 10px;
    text-transform: uppercase;
}

.artist-profile .profile-panel .social .tags span {
    color: #999;
    font-size: 15px;
}

.artist-profile .profile-panel .social .tags span.strong {
    color: #575757;
}

@media screen and (max-width: 768px) {
    body header.profile {
        /* min-height: 350px; */
    }

    .artist-profile .pure-g .pure-u-2-3 {
        width: 100%;
    }

    .artist-profile .profile-container.space-top {
        padding-top: 180px;
    }

    .artist-profile .artist-profile-header .profile-type {
        display: none;
    }

    .artist-profile .artist-profile-header .profile-buttons {
        bottom: initial;
        left: 0;
        text-align: center;
        top: 100px;
        width: 100%;
    }
}

/* ========================================= END PROFILE ======================================================== */

/* ========================================= ADVANTAGES ======================================================== */
@keyframes anim-cover-1 {
    0% {
      opacity: 1;
    }
    20% {
      opacity: 1;
    }
    25% {
      opacity: 0;
    }
    95% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes anim-cover-2 {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    45% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes anim-cover-3 {
    0% {
      opacity: 0;
    }
    45% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    75% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes anim-cover-4 {
    0% {
      opacity: 0;
    }
    70% {
      opacity: 0;
    }
    75% {
      opacity: 1;
    }
    95% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  body header.cycle-cover {
    background: none;
    height: 320px;
    overflow: hidden;
  }

  .full-screen{
      height: 100vh !important;
  }



  body header.cycle-cover .covers {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

  body header.cycle-cover .covers .cover-1,
  body header.cycle-cover .covers .cover-2,
  body header.cycle-cover .covers .cover-3,
  body header.cycle-cover .covers .cover-4 {
    background-position: center !important;
    background-size: cover !important;
    content: " ";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

  body header.cycle-cover .covers .cover-1 {
    animation: anim-cover-1 30s infinite;
  }
  body header.cycle-cover .covers .cover-2 {
    animation: anim-cover-2 30s infinite;
  }
  body header.cycle-cover .covers .cover-3 {
    animation: anim-cover-3 30s infinite;
  }
  body header.cycle-cover .covers .cover-4 {
    animation: anim-cover-4 30s infinite;
  }

  body header.cycle-cover .covers.artistas .cover-1 {
    background: url('/assets/images/artistas/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.artistas .cover-2 {
    background: url('/assets/images/artistas/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.artistas .cover-3 {
    background: url('/assets/images/artistas/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.artistas .cover-4 {
    background: url('/assets/images/artistas/capa-4.png') no-repeat;
  }

  body header.cycle-cover .covers.prestadoresservicos .cover-1 {
    background: url('/assets/images/prestadoresservicos/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.prestadoresservicos .cover-2 {
    background: url('/assets/images/prestadoresservicos/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.prestadoresservicos .cover-3 {
    background: url('/assets/images/prestadoresservicos/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.prestadoresservicos .cover-4 {
    background: url('/assets/images/prestadoresservicos/capa-4.png') no-repeat;
  }

  body header.cycle-cover .covers.promotorasmodelos .cover-1 {
    background: url('/assets/images/promotorasmodelos/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.promotorasmodelos .cover-2 {
    background: url('/assets/images/promotorasmodelos/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.promotorasmodelos .cover-3 {
    background: url('/assets/images/promotorasmodelos/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.promotorasmodelos .cover-4 {
    background: url('/assets/images/promotorasmodelos/capa-4.png') no-repeat;
  }

  body header.cycle-cover .covers.agentes .cover-1 {
    background: url('/assets/images/agentes/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.agentes .cover-2 {
    background: url('/assets/images/agentes/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.agentes .cover-3 {
    background: url('/assets/images/agentes/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.agentes .cover-4 {
    background: url('/assets/images/agentes/capa-4.png') no-repeat;
  }

  body header.cycle-cover .covers.organizadoreseventos .cover-1 {
    background: url('/assets/images/organizadoreseventos/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.organizadoreseventos .cover-2 {
    background: url('/assets/images/organizadoreseventos/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.organizadoreseventos .cover-3 {
    background: url('/assets/images/organizadoreseventos/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.organizadoreseventos .cover-4 {
    background: url('/assets/images/organizadoreseventos/capa-4.png') no-repeat;
  }

  body header.cycle-cover .covers.eventosparticulares .cover-1 {
    background: url('/assets/images/eventosparticulares/capa-1.png') no-repeat;
  }
  body header.cycle-cover .covers.eventosparticulares .cover-2 {
    background: url('/assets/images/eventosparticulares/capa-2.png') no-repeat;
  }
  body header.cycle-cover .covers.eventosparticulares .cover-3 {
    background: url('/assets/images/eventosparticulares/capa-3.png') no-repeat;
  }
  body header.cycle-cover .covers.eventosparticulares .cover-4 {
    background: url('/assets/images/eventosparticulares/capa-4.png') no-repeat;
  }


  body header.cycle-cover .covers.home-page .cover-1 {
    background: url('/assets/images/home/guitar.png') no-repeat;
  }
  body header.cycle-cover .covers.home-page .cover-2 {
    background: url('/assets/images/home/woman.png') no-repeat;
  }
  body header.cycle-cover .covers.home-page .cover-3 {
    background: url('/assets/images/home/crowd.png') no-repeat;
  }
  body header.cycle-cover .covers.home-page .cover-4 {
    background: url('/assets/images/home/desk.png') no-repeat;
  }

  /* ========================================= END ADVANTAGES ======================================================== */

/* ========================================= YOUTUBE VIDEO ======================================================== */
.video-layer {
    background: rgba(0,0,0,0.85);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: 0.5s ease-out;
    width: 100%;
    z-index: -1;
}
.video-layer.active {
    opacity: 1;
    z-index: 9999;
}
.video-layer .video-container {
    background: #FFF;
    border-radius: 3px;
    display: block;
    left: 50%;
    height: 474px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 20%;
    transform: translateX(-50%);
    width: 748px;
}
.video-layer .video-container .frame-container,
.video-layer .video-container .frame-container iframe {
    height: 100%;
    width: 100%;
}
.video-layer .video-container .frame-container {
    display: none;
    position: absolute;
}
.video-layer .video-container.active .frame-container {
    display: block;
}
.video-layer .video-container .video-trigger {
    background: url('/assets/images/video-bg.png') no-repeat 100% 100%;
    background-size: cover;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 100%;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 0;
}
.video-layer .video-container .video-trigger:after {
    background: #666;
    content: " ";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: 0.2s ease-out;
    width: 100%;
    z-index: 0;
}
.video-layer .video-container .video-trigger:hover:after {
    opacity: 0.4;
}
.video-layer .video-container.active .video-trigger {
    display: none;
}

.video-layer .video-container .video-trigger .trigger-logo {
    color: #CCC;
    display: inline-block;
    left: 20px;
    padding-left: 45px;
    position: absolute;
    top: 20px;
    width: 180px;
    z-index: 1;
}
.video-layer .video-container .video-trigger .trigger-logo::before {
    background-image: url(/assets/images/video-logo_grey.png);
    background-repeat: no-repeat;
    background-size: 40px 32px;
    content: " ";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 40px;
}
.video-layer .video-container .video-trigger .trigger-text {
    color: #FFF;
    display: inline-block;
    font-size: 20px;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    z-index: 1;
}
.video-layer .video-container .video-trigger .trigger-text::before {
    background: url(/assets/images/video-play.png) no-repeat center;
    content: " ";
    display: block;
    height: 131px;
    margin: 0 auto;
    width: 137px;
}
.video-layer .clappyu-gliffs {
    background: url(/assets/images/video-icons.png) no-repeat center;
    display: inline-block;
    font-size: 20px;
    height: 76px;
    left: 50%;
    position: absolute;
    top: calc(20% + 510px);
    transform: translateX(-50%);
    width: 193px;
}
.video-layer a.video-close {
    color: #CCC;
    cursor: pointer;
    font-size: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    right: 80px;
    top: 80px;
    transition: 0.2s ease-out;
    width: 50px;
}
.video-layer a.video-close:hover {
    color: #FFF;
}

.container-landing-page{
    position:absolute;
    bottom: 20%;
    left: 40%;
}

.container-landing-page .showMobile img {
    height: 44px;
}

.container-landing-page .title{
    font-weight: bold;
    text-align: right;
    margin-right: 60px;
    font-size: 52.49px;
}

.container-landing-page .subtitle{
    font-weight: bold;
    margin-right: 60px;
    font-size: 21px;
}

@media screen and (max-width: 768px) {
    .video-layer .video-container {
        height: 400px;
        width: 600px
    }
    .video-layer .clappyu-gliffs {
        top: calc(20% + 420px);
    }
    .video-layer a.video-close {
        right: 40px;
    }
    .container-landing-page {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
    
        align-items: center;

        flex-direction: column;

        /* color:red; */
        top:20%;
        left:0;
    }

    header nav{
        position: absolute;
        background: none;
        top:0;
        left: 0;
        width: 100%;
    }

    header nav.alternative {
        background: #323232;
        box-shadow: 2px 0 4px rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .container-landing-page .title, .container-landing-page .subtitle{
        margin-right: 30px;
        margin-left: 30px;
        text-align: center;
    }

    .container-landing-page .title{
        font-size: 29.64px;

    }

    .container-landing-page .subtitle{
        font-size: 16.76px;
    }
}
@media screen and (max-width: 620px) {
    .video-layer .video-container {
        height: 300px;
        width: 450px
    }
    .video-layer .clappyu-gliffs {
        top: calc(20% + 320px);
    }
    .video-layer a.video-close {
        right: 20px;
    }

    .nav-group ul li a p{
        text-align: center !important;
    }

    .app-store-actions .sabermais{
        display: block;
    }
}
@media screen and (max-width: 460px) {
    .video-layer .video-container {
        height: 250px;
        width: 360px
    }
    .video-layer .clappyu-gliffs {
        top: calc(20% + 270px)
    }

    .container-landing-page .title{
        font-size: 29.64px;

    }

    .container-landing-page .subtitle{
        font-size: 12.76px;
    }

   .header-profile{
        min-height:320px !important;
    }
}
@media screen and (max-width: 380px) {
    .video-layer .video-container {
        height: 250px;
        width: 360px
    }
    .video-layer .clappyu-gliffs {
        top: calc(20% + 270px)
    }



}

/* ========================================= END YOUTUBE VIDEO ======================================================== */



.search_box{
    cursor: pointer;
    width: 100%;
    height: 80px;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255,255, 255, 0.2);
    z-index: 99;
  }

.search_box .search_box_p{
    display: inline-block;
    margin-right: 10px;
    font-size: 25px;
    
}

.search_box .search_box_input{
    margin-top: 5px;
    height: 50px;
    border-radius: 10px;
    width: 30%;
    display: inline-block;
}

.search_box .search_box_input input{
    height: 50px;
    border-radius: 10px;
    width: 100%;
    padding-left: 10px;
    font-weight: bold;
    border: none;
}

.search_box_button{
    height: 40px;
    margin-top: 10px;
    width: 40px;
    margin-left: -45px;
    border-radius: 10px;
    background-color: #0088b8;
    position: absolute;
    display: inline-block;
    
}

.search_box_button i{
    top: calc(50% - 8px);
}

.js-cookie-consent.cookie-consent{
    z-index: 9999 !important;
}


.nav_pesquisar {
	background-color:#0098cf;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:7px 15px;
	text-decoration:none;
	text-shadow:0px 0px 11px #2f6627;
}
.nav_pesquisar:hover {
	background-color:#5cbf2a;
}
.nav_pesquisar:active {
	position:relative;
	top:1px;
}

.mostrarDesktop{
    display: inline-block !important;
}


@media (max-width: 767px) {
    .search_box{
        height: 90px;
    }

    .mostrarDesktop{
        display: none !important;
    }

    
    .search_box_button.pesquisar{
        display: block;
    }

    .search_box .search_box_p{
        font-size: 18px;
        display: block;
        text-align: right;
    }

    .search_box_button{
        /* height: 30px;
        margin-top: 10px;
        width: 30px;
        margin-left: -34px;   
        top: 32px;
        right: 6%; */

        
        height:30px;
        width: 50%;
        position: relative;
        display: block;
        margin:auto;
        margin-top: 10px;
    }



    
    .search_box .search_box_input{
        width: 90%;
        display: none;
    }

    

    .search_box .search_box_input input{
        height: 40px;
    }

    header.profile.cycle-cover.full-screen{
        min-height: 680px;
    }

}

.mobile-header-options{
    width: 100%;
    text-align: center;
}



/* Newsletter fixes */


.newsletter-label {
font-size: 12px;
letter-spacing: normal;
text-transform: none;
}
  
.newsletter-input {

    border-radius: 0px;

}