@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;
}

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%;
    }
}

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


/* ===================================== CANOLIVA FONT@ICONS ==================================================== */

@font-face {
    font-family: 'icons-canoliva';
    src:    url('../fonts/icons-canoliva.eot?od05ga');
    src:    url('../fonts/icons-canoliva.eot?od05ga#iefix') format('embedded-opentype'),
    url('../fonts/icons-canoliva.ttf?od05ga') format('truetype'),
    url('../fonts/icons-canoliva.woff?od05ga') format('woff'),
    url('../fonts/icons-canoliva.svg?od05ga#icons-canoliva') format('svg');
    font-weight: normal;
    font-style: normal;
}

.slick-arrow,
[class^="icon-"],[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons-canoliva' !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;
}
.slick-next:before,
.icon-next:before {
    content: "\e900";
}

.slick-prev {
    display: inline-block;
    position: absolute;
    left: -105px;
    font-size: 42px;
    top: calc(50% - 21px);
    color: #00aeef;
}

.slick-prev:hover {
    margin-left: -5px;
}

.slick-next {
    display: inline-block;
    position: absolute;
    right: -105px;
    font-size: 42px;
    top: calc(50% - 21px);
    color: #00aeef;
}

.slick-next:hover {
    margin-right: -5px;
}

.slick-arrow:hover:before {
    color: #029bd4;
}

.slick-disabled { opacity: .5 }

.slick-slider .slick-list {
    overflow: hidden;
}

.slick-prev:before,
.icon-prev:before {
    content: "\e900";
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: inline-block;
}
.icon-down:before {
    content: "\e900";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}
.icon-search:before {
    content: "\e901";
}
.icon-box:before {
    content: "\e902";
}
.icon-credit:before {
    content: "\e903";
}
.icon-talk:before {
    content: "\e904";
}
.icon-circle:before {
    content: "\e905";
}
.icon-drop:before {
    content: "\e906";
}
.icon-close:before {
    content: "\e907";
}
.icon-infinite:before {
    content: "\e908";
}
.icon-print:before {
    content: "\e909";
}
.icon-mailing:before {
    content: "\e90a";
}
.icon-mobile:before {
    content: "\e90b";
}
.icon-mail:before {
    content: "\e90c";
}
.icon-cursor:before {
    content: "\e90d";
}
.icon-location:before {
    content: "\e90e";
}
.icon-plus:before {
    content: "\e90f";
}
.icon-pin:before {
    content: "\e910";
}
.icon-waves:before {
    content: "\e911";
}
.icon-fax:before {
    content: "\e912";
}
.icon-facebook:before {
    content: "\e913";
}
.icon-google:before {
    content: "\e914";
}
.icon-twitter:before {
    content: "\e915";
}
.icon-vimeo:before {
    content: "\e916";
}
.icon-plus2:before {
    content: "\e917";
}
.icon-open:before {
    content: "\e918";
}
.icon-symbol:before {
    content: "\e919";
}


/* ===================================== SOLARGUS FONT@ICONS ==================================================== */


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

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

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

::-moz-selection {
    background: #0099ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0099ff;
    color: #fff;
    text-shadow: none;
}

.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;
}

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

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

body .content::after {
    clear: both;
}

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

.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;
}

.center { margin: 0 auto }
.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;
}

.light-blue { background-color: #e1f3ff; }
.ocean-blue { background-color: rgba(0, 153, 255, 0.4); }
.blue { background-color: #0099ff; }
.aqua-green { background-color: #57ebba; }

button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: none;
    border: none;
    cursor: pointer;
}

body > div { overflow: hidden }

.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    background: rgba(26,39,89,.8);
}

.modal-open .pageload-overlay,
.loading .pageload-overlay {
    visibility: visible;
    z-index: 999;
}

.pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.pageload-overlay svg path {
    fill: #fff;
}

.pageload-overlay::after,
.pageload-overlay::before {
    content: '';
    position: fixed;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
}

.pageload-overlay::after {
    background: #87cfff;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-animation: moveRight 0.6s linear infinite alternate;
    animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
    background: #3c9;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-animation: moveLeft 0.6s linear infinite alternate;
    animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
    to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
    to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
    to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
    to { transform: translateX(-20px); }
}

.loading .pageload-overlay::after,
.loading .pageload-overlay::before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

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

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


@-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);
    }
}

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


/* =========================================== HEADER =========================================================== */
header {}

header ul li {
    display: inline-block;
    margin: 0 3%;
    text-transform: lowercase;
}
header ul li a {
    line-height: 51px;
    vertical-align: bottom;
    text-decoration: none;
    color: #000033;
    font-size: 12px;
}

header ul li a:not(.img):after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000033;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
}

header ul li a:hover:not(.img):after,
header ul li.active a:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

body:not(.home) header ul.langs {
    display: inline-block;
    position: absolute;
    left: 2%;
    top: 0;
}

header ul.langs li {
    margin: 0 10px;
    text-transform: uppercase;
}
header ul.langs li a {
    font-weight: 500;
    font-size: 11px;
}

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


body header {
    background-color: #41b1fb;
}

body.home header { background-color: #e1f3ff; }
body.home header .content,
body.about header .content {
    z-index: 1;
    min-height: 720px;
}

header .content > * {
    z-index: 2
}

article > section.slider-prod{ z-index: 10 }
article > section.slider-prod:after,
body.home header .content:after {
    content: '';
    position: absolute;
    left: calc(50% - 31.25rem);
    top: -310px;
    width: 62.5rem;
    height: 62.5rem;
    box-sizing: border-box;
    display: inline-block;
    border: 80px solid #fff;
    border-radius: 50%;
    z-index: 1;
}

body.home header .content:before {
    content: '';
    position: absolute;
    left: calc(50% - 31.25rem);
    top: -310px;
    width: 62.5rem;
    height: 62.5rem;
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(0, 153, 255, 0.4);
    z-index: 1;
}

header button.search-icon-trigger {
    right: 2%;
    top: .5em;
    line-height: 51px;
    position: absolute;
    font-size: 26px;
    z-index: 9;
}

header button.search-icon-trigger:hover i { color: #00afef }
body.about header button.search-icon-trigger:hover i { color: #fff }

header .nav.text-center {
    display: inline-block;
    width: 100%;
}

header .header-content {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 115px);
}

header .header-footer {
    position: absolute;
    top: auto;
    bottom: 35px;
    line-height: 80px;
    left: 0;
    width: 100%;
    color: #000333;
}

header .header-footer a {
    line-height: 36px;
    text-decoration: none;
    color: #000033;
    cursor: pointer;
    font-size: 12px;
}

header .search-icon-trigger + .pure-g.text-center > div {
    margin: 0 auto;
    color: #043051;
    line-height: 16px;
    font-size: 12px;
    padding-bottom: 50px;
    padding-top: 145px;
    z-index: 8;
    max-width: 430px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.6s, opacity 1s;
    transition: -webkit-transform 0.6s, 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-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    overflow: hidden;
}

header .search-icon-trigger + .pure-g.text-center.animate > div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

header .search-icon-trigger + .pure-g.text-center > div h3 { margin-bottom: 20px; }

.header-pop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 50px 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: 101;
}

.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 h3 {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 50px;
}

a.close-subheader {
    position: absolute;
    right: 2%;
    top: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
}

a.close-subheader:hover i { color: #202d5f }

.sub-header-header + ul li {
    list-style: none;
}

.sub-header-header + ul li a {
    color: #202d5f;
    font-size: 16px;
    line-height: 56px;
    text-decoration: none;
    font-weight: 200;
}
.sub-header-header + ul li.active a,
.sub-header-header + ul li a:hover { color: #e6f5ff }



.sub-header-header  i {
    margin: 0 10px;
    line-height: 24px;
    vertical-align: middle;
}
.sub-header-header  i:last-child { font-size: 24px; }

.header-pop .icon-symbol {
    font-size: 36px;
    margin-top: 15px;
    display: inline-block;
    cursor: pointer;
}

.header-pop form {
    margin: 120px auto;
    max-width: 650px;
}

.header-pop form input {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #202d5f;
    padding: 10px 30px 10px 10px;
    color: #202d5f;
}

.header-pop form input + a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 5px;
    font-size: 24px;
    line-height: 48px;
    vertical-align: top;
    cursor: pointer;
    color: #202d5f;
}

.header-pop form input + a:hover { color: #fff }

body.about header {
    background: #0099ff url('/assets_img/concept/bg-about.jpg') top left no-repeat;
    background-attachment: fixed;
}

.icon-group {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.icon-group i {
    margin: 0 10px;
    line-height: 25px;
    vertical-align: middle;
}

.icon-group i:last-child { font-size: 24px; }

header h1 { font-size: 16px; }

header h1 + p {
    max-width: 650px;
    font-size: 12px;
    line-height: 22px;
    margin: 20px auto;
}

.video-container {
    max-height:100%;
    position: absolute;
    overflow: hidden;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

#bgvid {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}

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


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

article > section.slider-prod:after{ border-color: #0099ff }

section.slider-prod .slider-cont {
    max-width: 720px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
section.slider-prod .slider-type-nav {
    padding: 90px 0 40px;
    margin: 0 auto;
    z-index: 3;
    min-height: 490px;
}

section.slider-prod .slider-type-nav li.prod-item {
    width: auto;
    display: inline-block;
    float: left;
    outline: none;
}

section.slider-prod .slider-type-nav li.prod-item a {
    text-decoration: none;
    color: #043051;
    font-size: 12px;
    outline: none;
}

section.slider-prod .slider-type-nav li.prod-item a > div {
    overflow: hidden;
    height: 220px;
    width: 220px;
    margin: 0 auto;
}

section.slider-prod .slider-type-nav li.prod-item a:hover > div:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}

section.slider-prod .slider-type-nav li.prod-item a img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

section.slider-prod .slider-type-nav li.prod-item a:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

section.slider-prod .slider-type-nav li.prod-item a > i {
    display: block;
    color: #0099ff;
    font-size: 32px;
}

section.slider-prod .slider-type-nav li.prod-item a span {
    line-height: 14px;
    min-height: 52px;
    display: inline-block;
}

section.slider-prod .slider-type-nav .slick-track {
}

.slick-dots {
    padding: 0;
    max-width: 100%;
    text-align: center;
    z-index: 3;
    margin: 60px auto 30px;
    float: left;
    width: 100%;
}

.slick-dots li {
    display: inline-block;
    margin: 0 7px;
    color: #0099ff;
    overflow: hidden;
}

.slick-dots li button {
    text-indent: -999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #09f;
}

.slick-dots li.slick-active button:after {
    width: 8px;
    height: 8px;
    background-color: #0099ff;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 2px;
    right: 0;
    top: 2px;
    bottom: 0;
}

section.slider-prod  a.goTo {
    top: 85px;
    z-index: 3;
    line-height: 80px;
    display: inline-block;
    color: #000033;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
}


a.goTo:hover i {
   margin-bottom: -10px;
    display: inline-block;
}

section.light-blue .news-slider-cont { padding-top: 75px; }

section.light-blue .news-slider-cont span.text-left i {
    color: #33cc99;
    font-size: 24px;
    margin: 0 8px;
    line-height: 36px;
    vertical-align: middle;
}

section.light-blue .news-slider-cont span.text-left i:first-child { margin-left: 0 }
section.light-blue .news-slider-cont span.text-left i:last-child { font-size: 36px }

section.light-blue .news-slider-cont li.news-item {
    float: left;
    display: inline-block;
    outline: none;
}
section.light-blue .news-slider-cont li.news-item img {
    max-width: 650px;
    float: right;
    margin-top: 110px;
    -webkit-transform: translate3d(600px, 0, 0);
    transform: translate3d(600px, 0, 0);
    visibility: hidden;
    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);
}

section.light-blue .news-slider-cont.animate li.news-item img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
}

section.light-blue .news-slider-cont li.news-item img + .txt-cont {
    position: absolute;
    width: 520px;
    min-height: 200px;
    padding: 7%;
    font-size: 12px;
    line-height: 16px;
    word-break: break-word;
    background-color: #33cc99;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
    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);
}

section.light-blue .news-slider-cont.animate li.news-item img + .txt-cont {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

section.light-blue .slider-type-single {
    max-width: 750px;
    width: 80%;
    margin: 50px auto 0;
    padding: 0;
}

section.light-blue .news-slider-cont .slider-pagination {
    position: absolute;
    top: 225px;
    right: 117px;
    color: #09f;
    font-size: 24px;
    max-width: 750px;
    font-weight: 600;
    z-index: 4;
}

section.light-blue .news-slider-cont .slider-pagination span {
    width: 60px;
    display: inline-block;
}

section.light-blue .news-slider-cont .slider-pagination span bdi {
    position: absolute;
    top: calc(100% - 10px);
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
}

section.light-blue .news-slider-cont > a.goTo {
    display: block;
    text-align: center;
    color: #000033;
    margin: 25px 0;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

a.goTo i.icon-down {
    margin-left: 10px;
    font-size: 16px;
    vertical-align: middle;
}

section.leafs {
    padding: 60px 0;
    overflow: hidden;
}
section.leafs .pure-u-1-2.text-right {
    padding-right: 50px;
    line-height: 48px;
    font-size: 21px;
}

section.leafs .pure-u-1-2.text-right i:not(:first-child){
    margin-left: 10px;
}
section.leafs .pure-u-1-2.text-right i:last-child {
    font-size: 36px;
    vertical-align: middle;
    margin-top: -6px;
    display: inline-block;
}

section.leafs .pure-u-1-2.text-right + div > p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 15px;
}

section.leafs .leafs-bg {
    background: url('/assets_img/concept/bg-leafs.png') 50% 50% no-repeat;
}

section.leafs .leaf-concept {
    display: inline-block;
    position: absolute;
    top: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 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);
}

section.leafs .symbol {
    z-index: 3;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

section.leafs.animate .symbol {
    opacity: 1;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

section.leafs .leaf-concept.leaf-1 { left: calc(50% - 200px); }
section.leafs .leaf-concept.leaf-2 { left: calc(50% - 63px); }
section.leafs .leaf-concept.leaf-3 { left: calc(50% + 75px); }

section.leafs.animate .leaf-concept {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}

section.leafs.animate .leaf-concept.leaf-1 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

section.leafs.animate .leaf-concept.leaf-2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

section.leafs.animate .leaf-concept.leaf-3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

section.green-bg-concept {
    background: url('/assets_img/concept/bg-phrases.jpg') 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
}

section.green-bg-concept div > i {
    font-size: 64px;
    text-align: left;
}

section.green-bg-concept div h3 {
    margin: 0;
    line-height: 24px;
    text-transform: lowercase;
    font-size: 20px;
    font-weight: 300;
}

section.green-bg-concept div h3 + p {
    margin: 10px 0;
    font-size: 12px;
    line-height: 18px;
    max-width: 320px;
}

section.green-bg-concept .content > div {
    margin-top: 80px;
    text-align: right;
}

section.green-bg-concept div i + div {
    max-width: 320px;
    text-align: left;
}

section.green-bg-concept div i + div a {
    text-decoration: none;
    font-size: 11px;
    line-height: 24px;
    color: #ffffff;
    vertical-align: top;
}

section.green-bg-concept div i + div a i { margin-left: 10px; font-size: 16px; }


section.green-bg-concept > .content > div {
    visibility: hidden;
    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);
}

section.green-bg-concept > .content > div:nth-child(odd) {
    -webkit-transform: translate3d(600px, 0, 0);
    transform: translate3d(600px, 0, 0);
}

section.green-bg-concept > .content > div:nth-child(even) {
    -webkit-transform: translate3d(-600px, 0, 0);
    transform: translate3d(-600px, 0, 0);
}

section.green-bg-concept.animate > .content > div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

section.green-bg-concept.animate > .content > div:first-child {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

section.green-bg-concept.animate > .content > div:nth-child(2) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

section.green-bg-concept.animate > .content > div:last-child {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

section.conteudo > div  img {
    margin: 0 auto;
    display: block;
}

section.conteudo .pure-g.columns {
    padding: 120px 0 220px;
    color: #043a5e;
}

section.conteudo .pure-g.columns h2 {
    font-size: 24px;
    font-weight: 600;
}

section.conteudo .pure-g.columns h2 + p {
    line-height: 21px;
    font-size: 13px;
}

section.conteudo .certificates > div > a {
    padding: 40px 45px 25px;
    background-color: #a3fbde;
    display: inline-block;
    color: #177959;
    text-decoration: none;
}

section.conteudo .certificates > div > a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

section.conteudo .certificates > div > a:hover{ background-color: #c4fae8; }

section.conteudo .certificates > div > a i {
    position: absolute;
    right: 4%;
    top: 3%;
    cursor: pointer;
}

section.conteudo .certificates > div > a span{
    color:#177959;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
}

section.conteudo .certificates > div:first-child { padding-right: 3px; }
section.conteudo .certificates > div:last-child { padding-left: 3px; }

section.conteudo .links-section > div {
    padding: 30px 45px 60px;
    margin: 0 auto -82px;
    display: block;
    z-index: 3;
}

section.conteudo .links-section .pure-u-1-2:last-child {
    text-align: right
}

section.conteudo .links-section i { font-size: 26px; }

section.conteudo .links-section i.icon-prev {
    top: 45px;
    left: 0;
    position: absolute;
}
section.conteudo .links-section .text-right span {
    right: 0;
    position: absolute;
}
section.conteudo .links-section i.icon-next {
    top: 45px;
}

section.conteudo .links-section .pure-u-1 > div.text-right {
    margin-top: 20px;
    width: 50%;
    float: right;
}

section.conteudo .links-section a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    width: 50%;
}

section.conteudo .links-section a:first-child:hover i { margin-left: -5px }
section.conteudo .links-section a:last-child:hover i { margin-right: -5px }

section.conteudo .links-section span {
    font-size: 13px;
    font-weight: 600;
}

section.sub-header {
    color: #000033;
    padding: 50px 0;
}

section.sub-header h1 {
    font-size: 21px;
    margin: 0 auto 25px;
}

body.search section.sub-header .pure-g a,
body.catalogo section.sub-header .pure-g a {
    width: 98%;
    margin: 0 auto;
    line-height: 16px;
    font-size: 12px;
    padding: 10px 15px;
    border: 2px solid #19c381;
    color: #19c381;
    text-decoration: none;
    word-break: break-word;
    min-height: 72px;
}

body.search section.sub-header .pure-g a:hover,
body.catalogo section.sub-header .pure-g a:hover,
body.search section.sub-header .pure-g a.active,
body.catalogo section.sub-header .pure-g a.active {
    border-color: #00093f;
    color: #00093f;
}

section.sub-header .pure-g.text-center.center { max-width: 675px; width: 100% }

section.product-list { color: #000000; min-height: 450px }
section.product-list ol { padding: 0; margin: 0 auto }
section.product-list ol li { list-style: none; max-width: 265px; }

section.product-list .content > div {
    max-width: 800px;
    margin: 0 auto;
}

section.product-list .tools {
    padding: 40px 0 50px;
    font-size: 12px;
    line-height: 32px;
}

section.product-list .tools p {
    margin: 0;
}

section.product-list .tools select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    border-bottom: 2px solid #000033;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    margin-left: 15px;
    outline: 0;
}

section.product-list .tools label i {
    line-height: 35px;
    vertical-align: bottom;
    font-size: 14px;
    display: inline-block;
}

section.product-list li.prod-item img {
    max-width: 220px;
    border: 10px solid #fff;
}

section.product-list li.prod-item:hover a > div:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,153,255,.6);
    z-index: 2;
}

section.product-list li.prod-item a {
    text-decoration: none;
    color: #043051;
    font-size: 12px;
}

section.product-list li.prod-item a > div {
    height: 220px;
    width: 240px;
    display: inline-block;
    background-size: cover;
    background-position: 50% 50%;
    border: 10px solid #fff;
}

section.product-list li.prod-item a + span {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    overflow: hidden;
    z-index: 2;
}

section.product-list li.prod-item:hover a + span {
    background: #fff;
    padding: 2%;
    margin-top: -85px;
    margin-right: -20%;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

section.product-list li.prod-item:hover a + span > a { color: #0099ff }

section.product-list li.prod-item a + ul {
    opacity: 0;
    height: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

section.product-list li.prod-item:hover a + ul {
    opacity: 1;
    height: auto;
    visibility: visible;
}

section.product-list li.prod-item a + ul li { display: inline-block }
section.product-list li.prod-item a + ul li a {
    color: #1cd48d;
    display: inline-block;
    margin: 0 10px;
}

section.product-list li.prod-item a + ul a i {
    color: #1cd48d;
    font-size: 24px;
}

section.product-list li.prod-item a + ul a:hover i { color: #1fad76;  }

section.product-list li.prod-item a > span p {
    min-height: 32px;
    line-height: 16px;
}

section.product-list li.prod-item a i {
    color: #0099ff;
    font-size: 32px;
    margin-bottom: 30px;
    display: inline-block;
}

section.product-details .gallery > .pure-g > .pure-u-1 {
    max-width: 255px;
    margin: 0 auto 10px;
}

section.product-details .gallery .capa {
    background-size: cover;
    background-position: center;
}

section.product-details .gallery .navigation ol li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}
section.product-details .gallery .navigation ol li a {
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #09f;
}

section.product-details .gallery .navigation ol li.active a:after {
    width: 8px;
    height: 8px;
    background-color: #0099ff;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 2px;
    right: 0;
    top: 2px;
    bottom: 0;
}

section.product-details .gallery .thumbs { width: 255px; margin: 0 auto;   }
section.product-details .gallery .thumbs .item { display: inline-block; outline: none }
section.product-details .gallery .thumbs .img {
    width: 85px;
    height: 88px;
    background-size: cover!important;
    cursor: pointer;
    margin: 0;
    background-position: center;
}

section.product-details .gallery .thumbs .img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 5px solid #fff;
}

section.product-details .gallery .thumbs .img.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    background: rgba(0, 153, 255, 0.6);
}

section.product-details .slick-dots {
    margin: 30px auto;
}

section.product-details .gallery ol { padding: 20px 0 0; }

section.sub-header a.back {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 42px;
    cursor: pointer;
    display: inline-block;
}

section.sub-header a.back i {
    font-size: 14px;
    line-height: 21px;
    vertical-align: top;
    margin-right: 10px;
}

section.sub-header a.back:hover i { left: -5px }

body.product section.sub-header {
    padding: 50px 0 65px;
}

section.product-details .content > .pure-g > .pure-u-md-1-2 {
    background-color: #fff;
    border: 2px solid #1cd48d;
    margin-top: -50px;
    padding: 50px 5%;
    min-height: 480px;
}

section.product-details .content > .pure-g > .pure-u-md-1-2:first-child { margin-right: 2px; width: calc(50% - 2px);  }
section.product-details .content > .pure-g > .pure-u-md-1-2:last-child { margin-left: 2px; width: calc(50% - 2px); }

section.product-details .details {
    color: #000000;
    font-size: 12px;
}
section.product-details .details h2 {
    color: #1cd48d;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 2.0em;
}

section.product-details .details h2 bdi {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}

section.product-details .details li { list-style: none; margin-bottom: 1.5em }
section.product-details .details li label{ font-weight: 600; font-size: 14px; }
section.product-details .details li p{ margin: .5em 0 }

section.product-details a.action {
    color: #1cd48d;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    font-weight: 500;
    margin: 60px 25px;
}

section.product-details a.action:hover i {
    color: #1fad76;
}
section.product-details a.action i {
    font-size: 60px;
    display: block;
    margin-bottom: 10px;
    font-weight: normal;
}

section.others {
    min-height: 350px;
    background: #0099ff url('/assets_img/concept/bg-product.jpg') center right no-repeat;
    background-attachment: fixed;
    padding: 40px 0;
}

section.others .pure-u-2-3:first-child {
    height: 190px;
    background-color: #39e5ac;
    padding: 40px 50px;
}

section.others .pure-u-2-3:first-child a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

section.others .pure-u-2-3:first-child a + i {
    display: block;
    font-size: 30px;
    margin-top: 15px;
}

section.others .pure-u-2-3:last-child {
    margin-left: -450px;
    margin-top: 100px;
    background-color: #31c594;
    padding: 40px 50px;
}

section.others .pure-u-2-3:last-child i.icon-talk {
    font-size: 52px;
    position: absolute;
    top: 0;
    left: 5px;
}

section.others .pure-u-2-3:last-child .txt-cont {
    padding-left: 10%;
}

section.others .pure-u-2-3:last-child a {
    text-decoration: none;
    color: #fff;
    line-height: 32px;
}

section.others .pure-u-2-3:last-child a i {
    margin-left: 15px;
    font-size: 30px;
    vertical-align: middle;
}

section.others > div > div.pure-g { margin-bottom: -100px }

body.contacts article {
    min-height: 945px;
}

body.contacts:not(.home) header {
    z-index: 99;
    background: #f0ede5; }
section.contacts{ display: inline-block; width: 100%; }
section.contacts > div:not(#map) {
    min-height: 900px;
    z-index: 99;
}

#map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#map + a {
    color: #00aeef;
    font-size: 52px;
    z-index: 5;
    float: right;
    margin: 2% 2% 0 0;
    text-decoration: none;
    z-index: 99;
}

section.contacts {
    padding-top: 25px;
}

section.contacts .info {
    background-color: #ffffff;
    border: 3px solid #1cd48d;
    min-height: 586px;
    height: 100%;
    padding: 50px 40px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    z-index: 99;
}

section.contacts .info h2 {
    text-transform: uppercase;
    color: #1cd48d;
    font-size: 14px;
    font-weight: 600;
}

section.contacts .info .pure-g {
    margin-top: 40px;
    line-height: 26px;
}

section.contacts .info .pure-g > div:nth-child(odd) {
    padding-right: 5%;
    line-height: 38px;
}

section.contacts .info .pure-g > div i {
    color: #00aeef;
    font-size: 32px;
    line-height: 26px;
    float: left;
    vertical-align: top;
    margin-right: 5%;
}

section.contacts .info .pure-g > div i.icon-mobile {
    display: inline-block;
    margin-bottom: -15px;
}
section.contacts .info .pure-g > div i.icon-mobile,
section.contacts .info .pure-g > div i.icon-fax {
    font-size: 36px;
    vertical-align: middle;
}

section.contacts .info .pure-g > div a {
    text-decoration: none;
    color: #000000;
}

section.contacts .info .pure-g > div a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000033;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
}

section.contacts .info .pure-g > div a:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

section.contacts .info form {
    position: absolute;
    right: -3px;
    bottom: -365px;
    min-height: 565px;
    padding: 50px 40px;
    background: #fff;
    border: 3px solid #1cd48d;
}

section.contacts .info form h3 {
    color: #1cd48d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}


section.contacts .info form textarea {
    border: 0;
    background-color: #e0fdf1;
    resize: none;
    padding: 5%;
    width: 100%;
    margin-top: 10px;
    outline: none;
}

section.contacts .info form input {
    border: 0;
    border-bottom: 2px solid #1cd48d;
    color: #000000;
    font-size: 12px;
    width: 100%;
    margin-bottom: 25px;
    line-height: 21px;
    outline: none;
    padding: 5px 2px;
}

section.contacts .info form .submitForm {
    color: #00aef0;
    text-decoration: none;
    font-size: 12px;
    margin-top: 20px;
    line-height: 26px;
}

section.contacts .info form .submitForm i {
    font-size: 30px;
    margin-left: 10px;
    vertical-align: middle;
}

section.contacts .info form .submitForm:hover { color: #029bd4 }
section.contacts .info form .submitForm:hover i { right: -5px; }

form#searchForm input::-webkit-input-placeholder { color: #202d5f!important; opacity: .6!important; }
form#searchForm input::-ms-input-placeholder { color: #202d5f!important; opacity: .6!important; }
form#searchForm input::-moz-placeholder { color: #202d5f!important; opacity: .6!important; }

form#contactForm input.error::-webkit-input-placeholder { color: #DA3535!important; }
form#contactForm input.error::-ms-input-placeholder { color: #DA3535!important; }
form#contactForm input.error::-moz-placeholder { color: #DA3535!important; }

form select.error::-webkit-input-placeholder { color: #DA3535!important; }
form select.error::-ms-input-placeholder { color: #DA3535!important; }
form select.error::-moz-placeholder { color: #DA3535!important; }

form textarea.error::-webkit-input-placeholder { color: #DA3535!important; }
form textarea.error::-ms-input-placeholder { color: #DA3535!important; }
form textarea.error::-moz-placeholder { color: #DA3535!important; }

form input::-webkit-input-placeholder { color: #000000;  opacity: 1 }
form input::-ms-input-placeholder { color: #000000!important; }
form input::-moz-placeholder { color: #000000!important; }

form input#searchQuery::-webkit-input-placeholder { color: #80cbfe;  opacity: 1 }
form input#searchQuery::-ms-input-placeholder { color: #80cbfe!important; }
form input#searchQuery::-moz-placeholder { color: #80cbfe!important; }

form select::-webkit-input-placeholder { color: #000000!important; }
form select::-ms-input-placeholder { color: #000000!important; }
form select::-moz-placeholder { color: #000000!important; }

form textarea::-webkit-input-placeholder { color: #000000!important; opacity: 1 }
form textarea::-ms-input-placeholder { color: #000000!important; }
form textarea::-moz-placeholder { color: #000000!important; }

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


/* =========================================== FOOTER =========================================================== */

body.produto footer { padding: 100px 0 30px; }
body.about footer,
body.content footer { padding: 150px 0 30px; }

footer {
    padding: 60px 0 30px;
    color: #999999;
}

footer .pure-u-1:first-child img {
    margin-bottom: 60px;
    cursor: pointer;
}

footer ul { margin: 0 }
footer ul li { list-style: none; }
footer ul li a {
    text-decoration: none;
    color: #999999;
    font-size: 12px;
    line-height: 24px;
}

footer a:hover { color: #323232 }
footer a:hover i { color: #029bd4 }

footer h4 {
    font-size: 14px;
    font-weight: 600;
    color: #0099cc;
    line-height: 32px;
    margin: 0;
}

footer a { text-decoration: none; color: #999999;}

footer div.tel { margin-top: 85px; }
footer div.tel h4 + p {
    margin: 0;
    font-size: 13px;
    line-height: 30px;
}
footer .newsletter-cont { margin-top: 133px; }

footer .content > .pure-g > div:nth-child(2) { padding-left: 5%; }

footer .content > .pure-g > div:nth-child(3) ul li { margin: 30px auto; }

footer .content > .pure-g > div:nth-child(3) ul li a {
    color: #00aeef;
    font-size: 36px;
    display: inline-block;
}

footer .content > .pure-g > div:nth-child(4) { padding-left: 5%; }

footer .newsletter-cont form { max-width: 230px; }

footer .newsletter-cont input {
    border: 0;
    border-bottom: 1px solid #999999;
    font-size: 12px;
    line-height: 26px;
    outline: 0;
    width: 100%;
    padding-right: 20px;
}

footer .newsletter-cont input + a {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
}

footer .awards {
    margin-top: 45px;
}

footer .awards img {
    margin: 0 20px 20px;
    display: inline-block;
}

footer .awards p {
    font-size: 11px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    margin-bottom: 60px;
}
/* ========================================= END FOOTER ========================================================= */



/* =========================================== MOBILE ========================================================== */

.showMobile { display: none; }
body.mobile .showMobile { display: inline-block; }
body.mobile .hideMobile { display: none; }

body > div.modal {
    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 img {
    margin: 5% auto 2%;
    display: block;
    max-width: 95vw;
}
body > div.modal > a {
    position: absolute;
    right: 1%;
    top: 1%;
    font-size: 24px;
}

body > div.modal a { color: #fff; text-decoration: none; text-transform: uppercase;  }
body > div.modal a:hover { color: #33cc99 }

body > div.modal div.text-center > a {
    font-size: 14px;
}

body > div.modal div.text-center > a > i { padding-left: 10px; }
body > div.modal div.text-center > a:hover > i {
    bottom: -5px;
}

body > div.modal span.closeit{
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
}

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

body.mobile header { background: url('../img/concept/header_mobile.jpg') center no-repeat; }

@media screen and (max-width: 62.5rem){
    .content{ width: 95%; }
}

@media screen and (max-width: 850px){
    section.product-details .content > .pure-g > .pure-u-md-1-2:first-child,
    section.product-details .content > .pure-g > .pure-u-md-1-2:last-child {
        margin: -30px auto 35px;
        width: 90%;
    }

    section.others .pure-u-2-3:first-child,
    section.others .pure-u-2-3:last-child {
        width: 90%;
    }

    section.others .pure-u-2-3:last-child {
        position: absolute;
        right: 0;
        margin-top: 140px;
    }
}

@media screen and (max-width: 768px){
    .slick-dots { margin-top: 20px }
    .video-container {
        max-height: calc(62.5rem - 360px)
    }

    .showMobile { display: inline-block; }
    body:not(.home) header ul.langs,
    .hideMobile { display: none; }

    body.home a.goTo { display: none }

    body:not(.home) header {
        background-color: #41b1fb;
    }

    header .content { width: 100% }

    /*.burguer:after {
        content: '';
        position: absolute;
        left: -22px;
        width: calc(100% + 43px);
        height: calc(100% + 30px);
        top: -15px;
        z-index: -1;
        background: #0099ff;
    }*/

    article > section.slider-prod:after, body.home header .content:after {
        border: 55px solid #fff;
    }

    article > section.slider-prod:after { border-color: #0099ff; }

    header ul li {
        width: 100%;
        margin: 0;
        padding: 0 5%;
        text-align: left;
    }

    header ul li a {
        line-height: 65px;
        display: inline-block;
    }
    header ul li .burguer i {
        font-size: 42px;
        vertical-align: middle;
    }

    header ul li img { vertical-align: middle }

    header ul li a:hover:not(.img):after,
    header ul li.active a:after { display: none }

    a.close-subheader {
        right: 20px;
        top: 20px;
    }

    .sub-header-nav > a:not(.close-subheader) {
        position: absolute;
        left: 20px;
        top: 20px;
        text-decoration: none;
        color: #fff;
        font-size: 28px;
    }

    .sub-header-nav ul { margin-top: 40px }
    .sub-header-nav ul.langs { margin-top: 90px }
    .sub-header-nav ul.langs li {
        display: inline-block;
        margin: 0 10px;

    }

    .sub-header-nav ul.langs a {
        text-decoration: none;
        color: #fff;
        line-height: 16px;
    }

    .sub-header-nav ul.langs li.active a:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
    }

    a.trigger-pop.burguer:focus, a.trigger-pop.burguer:active {
        background: rgba(0,0,0,.3);
    }

    .sub-header-nav { min-height: 800px }
    header .trigger-pop { z-index: 99 }
    header .search-icon-trigger + .pure-g.text-center > div { max-width: 80%; padding-bottom: 20px }

    article > section.slider-prod:after {
        width: 800px;
        height: 800px;
        left: calc(50% - 400px);
        top: -280px;
        z-index: 5;
    }

    body:not(.catalogo) section.light-blue { padding-top: 90px }
    section.light-blue .news-slider-cont > span.text-left { text-align: center; display: block }
    section.light-blue .news-slider-cont > a.goTo { display: none }

    .header-pop form { width: 95%; margin: 80px auto }

    body.produto footer { padding: 150px 0 30px }

    section.sub-header .pure-g > div { width: 100%; display: inline-block; }
    section.sub-header .pure-g > div a {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    body.catalogo section.sub-header .pure-g a {
        margin-bottom: 5px;
    }

    header .header-content {
        left: 2.5%;
        width: 95%;
    }

    section.conteudo .pure-g.columns {
        padding: 120px 5%;
    }
    section.conteudo .links-section > div { width: 90% }

    section.conteudo .pure-g.columns .certificates { margin-top: 30px }

    section.product-list ol {
        padding: 0;
        min-width: 100%;
        display: block;
    }
    section.product-list .tools { display: table }
    section.product-list .tools > div { width: 100%; text-align: center; margin: 10px auto }
    section.product-list .tools > div:first-child { display: table-footer-group }
    section.product-list .tools > div:last-child { display: table-header-group }
    section.product-list ol { margin: 0 auto }

    footer .social-network li  {
        width: 50%;
        display: inline-block;
        margin: 0;
        float: left;
        padding: 0 10%;
    }

    footer .social-network li:nth-child(odd){ text-align: right; }
    footer .social-network li:nth-child(even){ text-align: left; }

    footer .awards p,
    footer .pure-u-1:first-child img { max-width: 80%; margin: 0 auto }
    footer .awards p { margin-bottom: 35px }
    footer .newsletter-cont { margin-top: 30px; }

    footer .newsletter-cont h4 {
        max-width: 80%;
        margin: 0 auto;
    }
    footer .newsletter-cont form {
        margin: 0 auto;
        max-width: 80%;
    }


    section.contacts > div { display: table }
    section.contacts .info {
        width: 100%;
        min-height: 860px;
        word-spacing: normal;
        letter-spacing: normal;
    }
    section.contacts .info form {
        width: 95%;
        right: 2.5%;
        bottom: -200px;
    }

    section.contacts .info + div {
        width: 100%;
        display: table-header-group;
    }

    #map {
        position: relative;
        height: 250px;
        word-spacing: normal;
        letter-spacing: normal;
    }

    #map + a {
        position: absolute;
        top: 0;
        right: 0;
    }

    section.contacts { padding-top: 0; padding-bottom: 150px }

    body.contacts article {
        min-height: 1200px;
        background: #e9e5db;
    }

    .info .pure-g > div {
        width: 100%;
    }

    section.product-list li.prod-item:hover a + span {
        background: inherit;
        padding: inherit;
        margin-top: inherit;
        margin-right: inherit;
    }

    section.product-list li.prod-item:hover a + ul {
        display: none;
    }

    body.search section.sub-header .pure-g a, body.catalogo section.sub-header .pure-g a { min-height: 48px }
}

@media screen and (max-width: 550px) {
    section.product-list ol li,
    section.product-list ol li > * { min-width: 100% }
}
@media screen and (max-width: 480px) {
    .header-pop a.back-menu { line-height: 42px }
    .header-pop a.back-menu i {
        font-size: 26px;
        line-height: 42px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

    section.slider-prod .slider-type-nav li.prod-item { width: 65vw!important; padding: 0 2vw }
    section.slider-prod .slider-type-nav li.prod-item img { max-width: 100% }
    section.light-blue .news-slider-cont .slider-pagination span { display: none }
    section.light-blue .slider-type-single { width: 100% }
    section.light-blue .news-slider-cont li.news-item {
        width: 100%;
        margin-bottom: 20px
    }

    section.light-blue .news-slider-cont li.news-item img {
        width: 95%;
        float: right
    }

    section.light-blue .news-slider-cont li.news-item img + .txt-cont {
        width: 95%;
        float: left
    }

    section.light-blue .news-slider-cont {
        display: inline-block;
        margin-bottom: 20px;
    }

    section.leafs .pure-g > div {
        width: 100%;
        text-align: center;
    }
    section.leafs .pure-u-1-2.text-right { padding-right: 0 }

    section.green-bg-concept > .content { padding: 0 5% }

    section.green-bg-concept.animate > .content > div > * {
        width: 100%;
        text-align: center;
    }

    section.green-bg-concept.animate > .content > div > i { margin-bottom: 10px }

    section.others .pure-u-2-3:first-child,
    section.others .pure-u-2-3:last-child{
        padding: 25px 30px;
    }

    section.conteudo .certificates > div > a {
        padding: 20%;
        text-align: center;
    }
}

@media screen and (max-width: 360px) {
    body.produto footer {
        padding: 200px 0 30px;
    }
}

.printable { display: none }
/* =========================================== END MOBILE ========================================================== */

@media print {
    .printable { display: block }
    body.produto header,
    body.produto header,
    body.produto section.sub-header a.back,
    section.product-details a.action i,
    section.product-details a.action label,
    body.produto section.others,
    .product-details > .content .pure-g + .row { display: none }
    body.produto footer { display: none }

    body.produto .light-blue { background-color: #fff }
    section.product-details .gallery .thumbs { display: none }
    section.sub-header h1:before {
        content: ' ';
        display: table;
        width: 100%;
        height: 174px;
        background: url('/assets_img/logos/canoliva_footer.png') 50% 50% no-repeat;
        margin-bottom: 30px;
    }

    .printable > span {
        font-size: 13px;
        color: #999999;
        margin-top: 10px;
        margin-bottom: 90px;
        display: block;
        text-align: right;
        width: 100%;
    }

    .printable > span label {
        margin-right: 10px;
        color: #09c;
    }

    .pritable > div { margin-bottom: 40px; }
    .pritable > div img {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* =========================================== PLUGINS ========================================================== */

/*   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: 100%; 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; }

/* ========================================= END PLUGINS ======================================================== */